/* this rule will apply the font family to ALL elements */
* {font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; background-repeat: no-repeat; background-position: center left;}
body {background-color: #FFF; margin: 3px;color: #000;}

/* these rules will apply to some elements */
a:link,a:visited,a:active{color:#003366}
a:hover{color:#CC3300}
a.box{ display:inline-block;background: orange;color:white;height:100%;width:200px;text-decoration: none; border: 1px solid #adadad;margin-top: 10px;margin-right: 5px;}
a.box:hover{background: white;color:orange;}
/*
input { font-family: Arial, Helvetica, sans-serif; font-size: 13px !important; height: 23px !important; border:1px solid rgb(127,157,185)}
*/
/* need to apply these to all checkboxes and radio buttons to override the input class above */
.checkbox { border: 0px; }
.radiobutton { border: 0px; }
.organgeinput {font-weight:bold;background-color: orange;  border: 2px solid #adadad;padding-left: 12px; padding-right: 12px; margin-top: 10px;margin-right: 5px; }
.organgeinput:hover {background-color: white;color: orange; ; font-weight: bold;}

.lightorgangeinput {background-color: #ffda55;  border: 1px solid #adadad; margin-top: 1px;margin-right: 2px; }
.lightorgangeinput:hover {background-color: white;color: #ffda55; font-weight: bold;}

.lightblueinput {font-weight:bold;background-color: #d2ebff;  border: 2px solid #adadad;padding-left: 12px; padding-right: 12px; margin-top: 10px;margin-right: 5px; }
.lightblueinput:hover {background-color: white;color: black; font-weight: normal;}

.lightgreeninput {font-weight:bold;background-color: #e6faeb;  border: 2px solid #adadad;padding-left: 12px; padding-right: 12px; margin-top: 10px;margin-right: 5px; }
.lightgreeninput:hover {background-color: white;color: black; font-weight: normal;}

.lightyellowinput {font-weight:bold;background-color: #fffed2;  border: 2px solid #adadad;padding-left: 12px; padding-right: 12px; margin-top: 10px;margin-right: 5px; }
.lightyellowinput:hover {background-color: white;color: black; font-weight: normal;}

.readonlyinput {background-color: #F2F2F2;  border: 0px solid #F2F2F2; margin-top: 1px;margin-right: 2px; }

/* used in the list of company types in the person table */
span.currentType {background-color: #fff;border: 1px dotted #ddd; font-weight: bold;padding: 0 2px;}

/* used in field_ticket.php to wrap around the list of approvals */
#ticketApprovals { padding-left: 8px;font-size: 8pt;}
#ticketApprovals dl, #ticketApprovals dl dt, #ticketApprovals dl dd {font-size: inherit; display: inline; padding: 0; margin: 0;}
#ticketApprovals dl dd {color: #888;}

/* used to wrap around the "the site is currently offline" status item in the headers */
div.offline {color: #800; font-weight: bold;}
.borderAll {border: 1px solid #A19601;}
.body {font-size: x-small;font-family: Arial, Helvetica, sans-serif;}
.bodySmall {font-size: xx-small;font-family: Arial, Helvetica, sans-serif;}
.title1 {font-size: large;}
.title2 {font-size: medium;}
.title3 {font-size: small;}
.copyright {font-size: xx-small;}
fieldset {border: 0; padding: 0;margin: 0;}
.menu {font-size: 13px;}
.menu2 {font-size: 11px;}

.welcome {font-size: 13px; color: #5b2626; background-color: #cacaca;}
.welcome a:link,a:visited,a:active{ font-weight: bold; color: #5b2626; text-decoration: none; }
.welcome a:hover { color: red;}
.welcomeMessage { font-weight: bold; color: #ffffff; background-color: #a4a4a4; text-decoration: none; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.welcomeMessageUnread { font-weight: bold; color: #ffffff; background-color: #429d8b; text-decoration: none; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* backgroundGreen darkgreen bold padding1 paddingLeft3 paddingRight3 rounded1 */

td.key {font-weight: bold; padding: 4px;border-bottom: 1px solid #ddd;vertical-align: top;}
td.value { padding: 4px;border-bottom: 1px solid #ddd;vertical-align: top;}

ul#primary {padding-left: 0;margin-left: 0;}
ul#primary li {list-style-type: none;padding-left: 0;margin-left: 0;}
ul.roles li.primary {list-style-image: url(/lib/claerolib_2/images/primary.png);}

ul#primary_district_part {padding-left: 0;margin-left: 0;}
ul#primary_district_part li {list-style-type: none;padding-left: 0;margin-left: 0;}
ul.districts li.primary {list-style-image: url(/lib/claerolib_2/images/primary.png);}

ul#primary_division_part {padding-left: 0;margin-left: 0;}
ul#primary_division_part li {list-style-type: none;padding-left: 0;margin-left: 0;}
ul.divisions li.primary {list-style-image: url(/lib/claerolib_2/images/primary.png);}

span.info {color: #999;}
span.maroon {color: #900;}
span.info-small {color: #999; font-size: 12px;}
div.info-small {color: #999; font-size: 12px;}

ul.salesReps {padding-left: 0;margin-right: 0;}
ul.salesReps li {list-style-type: none;padding-left: 18px;}
ul.salesReps li.primary {background-image: url(/lib/claerolib_2/images/primary.png);background-repeat: no-repeat;}
.edit {background-image: url(/lib/claerolib_2/images/pencil.png);padding-left: 18px;text-decoration: none;}
.profile {background-image: url(/lib/claerolib_2/images/vcard.png);padding-left: 18px;text-decoration: none;}
.delete {background-image: url(/lib/claerolib_2/images/x.png);padding-left: 18px; text-decoration: none;}
.view {background-image: url(/lib/claerolib_2/images/view.png); padding-left: 18px;text-decoration: none;}
.add {background-image: url(/lib/claerolib_2/images/add.png);padding-left: 18px; text-decoration: none;}
.personAsset {background-image: url(/images/asset.png);padding-left: 18px; text-decoration: none;}
.previous {background-image: url(/lib/claerolib_2/images/previous.png); background-position: center left; padding-left: 18px; text-decoration: none;}
.next {background-image: url(/lib/claerolib_2/images/next.png); background-position: center right; padding-right: 18px; text-decoration: none; }
.logo {background-image: url(/lib/claerolib_2/images/logo.png); padding-left: 18px; text-decoration: none; }
.pdftmpl {background-image: url(/lib/claerolib_2/images/pdf_logo.jpg); padding-left: 18px; text-decoration: none; }
.rates { background-image: url(/images/icon_money.png); padding-left: 18px; text-decoration: none; }
.discounts { background-image: url(/images/icon_discount.png); padding-left: 18px; text-decoration: none; }
.ccodes { background-image: url(/images/silk/keyboard.png); padding-left: 18px; text-decoration: none; }

a:link,a:visited,a:active{color:#003366}
a:hover{color:#CC3300}

.smallButton {
    font-size: xx-small;
}

form { margin-top: 0px; margin-bottom: 0px; width:100%; }

table.person {
}

table.listing {
    clear: both;
    margin-top: 8px;
    width: 100%;
}

table.listing thead tr th {
    background-color: #A59C00;
    color: #fff;
    border-left: 1px solid #DEDAA0;
    border-top: 1px solid #DEDAA0;
    border-right: 1px solid #7B7400;
    border-bottom: 1px solid #7B7400;
    padding: 2px 4px;
}

table.listing tbody tr td {
    padding: 2px 4px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
}

table.person tbody tr td {
    padding: 2px 4px;
    border-bottom: 1px solid #ddd;
}

ul#companyNav {
    display: inline;
}

ul#companyNav li {
    display: inline;
    border-left: 1px solid #ddd;
    padding: 2px 4px;
}

ul#companyNav li.first {
    border: none;
}

#tbl_company, #tbl_person {
    margin-bottom: 8px;
}
.formLabel2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}
.formLabel1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}
 .formlabel-org
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #DE7531;
	border: 2px outset #d7b9c9;
	margin-right: 25px;
	margin-left: 25px;
}
.borderTLR {
	border-top: 1px solid #A19601;
	border-right: 1px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 1px solid #A19601;
}
.borderLR {
	border-top: 0px solid #A19601;
	border-right: 1px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 1px solid #A19601;
}
.borderTL {
	border-top: 1px solid #A19601;
	border-right: 0px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 1px solid #A19601;
}
.borderTR {
	border-top: 1px solid #A19601;
	border-right: 1px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 0px solid #A19601;
}
.borderBottom {
	border-top: 0px solid #A19601;
	border-right: 0px solid #A19601;
	border-bottom: 1px solid #A19601;
	border-left: 0px solid #A19601;
}
.borderTop {

	border-top: 1px solid #A19601;
	border-right: 0px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 0px solid #A19601;
}
.borderTopDouble {
	border-top: 1px double #A19601;
	border-right: 0px solid #A19601;
	border-bottom: 0px solid #A19601;
	border-left: 0px solid #A19601;
}
.numberColumn {
    text-align:right;
}
.numberColumnReadonly {
    text-align:right;
    background-color:#EEEEEE;
}

h1 {
    font-size: 12pt;
}
h2 {
    font-size: 11pt;
}

h2.contact {
    padding-bottom: 0;
    margin-bottom: 0;
}

span.databaseMenu {
    color:red;
}

span.assetHighlight {
    color:#ff3300;
    font-weight: bold;
    font-style: italic;
}

span.databaseMenu a {
    color: #848A9B;
}

img.icon {
    border: 0;
    vertical-align: middle;
}

table#bonusReport tbody tr td {
	white-space: nowrap;
}

table.reportTable {
    border: 1px solid #888;
    font-size: small;
}

table.reportTable th {
    background-color: #999;
    color: #fff;
    border-bottom: 1px solid #888;
    padding: 4px 6px;
    line-height: 1em;
		white-space: nowrap;
}

table.reportTable td {
    padding: 4px 6px;
    border-top: 1px solid #ddd;
    text-align: center;
    white-space: nowrap;
}

table.reportTable td.approvals {
    text-align: left;
    white-space: nowrap;
}

div.error {
    font-weight: bold;
    color: red;
}

div.success {
    font-weight: bold;
    color: green;
}

table.listing thead tr th.sortASC {
	background-image: url(/lib/claerolib_2/images/asc.png);
    background-position: center right;
}
table.listing thead tr th a {
    color: #fff;
    font-weight: bold;
}

table.listing thead tr th.sortDESC {
	background-image: url(/lib/claerolib_2/images/desc.png);
    background-position: center right;
}

table.listing tbody tr td.sortDESC, table.content tbody tr td.sortASC {
	background-image: url(/lib/claerolib_2/images/status/checker.png);
	background-repeat: repeat;
}

table#fieldTicketSummary thead th a.sortCol { color: #F90}

dl.legend {

}

dl.legend dt {
    clear: both;
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid black;
}

dl.legend dd {
    margin-left: 0;
    padding-left: 24px;
}

a.systemMessages {
    color: #5b2626;
    background-image: url(/lib/claerolib_2/images/email.png);
    background-repeat: no-repeat;
    padding: 20px 15px 20px 20px;
    text-decoration: none;
}
a.systemMessagesUnread {
    color: #ffffff;
    background-image: url(/lib/claerolib_2/images/email.png);
    background-repeat: no-repeat;
    padding: 20px 15px 20px 20px;
    text-decoration: none;
}

a.editProfile {
    color: #5b2626;
    background-image: url(/lib/claerolib_2/images/wrench.png);
    background-repeat: no-repeat;
    padding: 20px 15px 20px 20px;
    text-decoration: none;
}

a.submitFeedback {
    color: #5b2626;
    background-image: url(/images/silk/help.png);
    background-repeat: no-repeat;
    padding: 20px 15px 20px 20px;
    text-decoration: none;
}

a.selected {
    font-weight: bold;
}


.menu2 a.selected {
    color: red;
}

/* applied to the cell that contains the salesperson-head office contact list in the administration section */
#salesReps {
    font-size: smaller;
}

.salesClientHistory {
    font-size: smaller;
}

.salesClientHistory * {
    white-space: nowrap;
}

.salesClientHistory td, .salesClientHistory th {
    padding: 2px 4px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.salesClientHistory th {
    border-bottom: 1px solid #888;
    text-align: left;
}


ul.contactSalesReps {
    padding-top: 0;
    margin-top: 0;
}

ul.contactSalesReps * {
    line-height: 1em;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

div.choosePrimaryRep {
    margin-bottom: 32px;
}

div.choosePrimaryRep * {
    padding: 0;
    margin: 0;
}

/* used in company_sales.php to group the filter criteria together*/
.filterCompany {
    background-color: #fafafa;
    margin-top: 4px;
    border: 1px solid #ddd;
    font-size: small;
    margin-right: 2px;
    padding: 2px;
}

.filterCompany strong {
    color: #aaa;
}

#letterFilter {
    line-height: 1em;
}

#letterFilter strong {
}

#letterFilter a.selected {
    font-size: larger;
    font-weight: bold;
}

.alphabetLinks {
    padding-left: 32px;
}

.alphabetLinks a {
    padding: 0 1px;
}

.alphabetLinks a.selected {
    color: red;
}

.reportDescription {
    margin-right: 32px;
    text-align: justify;
    margin-bottom: 32px;
}

pre.debug {
    font-size: xx-small;
}


#revenueForm {
    line-height: 1.5em;
    border: 1px solid #ddd;
	background-color: #efefef;
    margin-bottom: 4px;
    font-size: small;
}

#reportForm {
    line-height: 1.5em;
    border: 1px solid #ddd;
	background-color: #efefef;
    margin-bottom: 4px;
    font-size: small;
}

dl.form {
/*	border: 1px solid #ddd;
	padding: 4px; */
    padding: 4px;
    margin: 0;
}

dl.form dt {float: left;clear: both;}
dl.form dd {margin-left: 6em;padding: 1px 0;}

#pickupReport thead tr th a {font-weight: bold;color: #fff;}
#pickupReport thead tr th.sortASC {background-color: #6385B1;background-image: url(/lib/claerolib_2/images/asc.png);background-position: right center;}
#pickupReport thead tr th.sortDESC {background-color: #6385B1;background-image: url(/lib/claerolib_2/images/desc.png);background-position: right center;}
#pickupReport tbody tr td.sortDESC, #pickupReport tbody tr td.sortASC {background-image: url(/lib/claerolib_2/images/status/checker.png);background-repeat: repeat;}

table#fieldTicketSummary { border: 1px solid #A19601; }
table#fieldTicketSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #455e7a; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;	border-top: 1px solid #6385B1;}
table#fieldTicketSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#fieldTicketSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#fieldTicketSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#fieldTicketSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#fieldTicketSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#fieldTicketSummary th.column0 { width: 20px; }
table#fieldTicketSummary th.column1 { width: 200px; }
table#fieldTicketSummary thead tr th.column2, table#fieldTicketSummary tbody tr td.column2 { width: 150px !important; }
table#fieldTicketSummary th.column3 { width: 120px; }
table#fieldTicketSummary th.column4 { width: 175px; }
table#fieldTicketSummary th.column6 { width: 245px; }
table#fieldTicketSummary tbody tr td.column0 {vertical-align: top;}
table#fieldTicketSummary tbody tr.row0 td {vertical-align: bottom; border-top: 1px solid red; border-bottom: 1px solid red;}
table#fieldTicketSummary tbody tr.row0 td.inner {border: none; white-space: nowrap;}
table#fieldTicketSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#fieldTicketSummary tbody tr.row0 td.column6 {border-right: 1px solid red;}
table#fieldTicketSummary tbody td.column0 {text-align: right;}
table#fieldTicketSummary tbody td.column5 {text-align: right;}

table#dispatchSummary { border: 1px solid #A19601; }
table#dispatchSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #ab917e; border-left: 1px solid #63b198; border-right: 1px solid #000; border-bottom: 1px solid #000;	border-top: 1px solid #6385B1;}
table#dispatchSummary thead tr th a { font-weight: bold; text-decoration: none; color: #ffffff; }
table#dispatchSummary thead tr th { font-weight: bold; text-decoration: none; color: #ffffff; }
table#dispatchSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#dispatchSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#dispatchSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#dispatchSummary th.column0 { width: 20px; }
table#dispatchSummary th.column1 { width: 200px; }
table#dispatchSummary thead tr th.column2, table#dispatchSummary tbody tr td.column2 { width: 150px !important; }
table#dispatchSummary th.column3 { width: 120px; }
table#dispatchSummary th.column4 { width: 175px; }
table#dispatchSummary th.column5 { width: 245px; }
table#dispatchSummary tbody tr td.column0 {vertical-align: top;}
table#dispatchSummary tbody tr.row0 td {vertical-align: bottom; border-top: 1px solid red; border-bottom: 1px solid red;}
table#dispatchSummary tbody tr.row0 td.inner {border: none; white-space: nowrap;}
table#dispatchSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#dispatchSummary tbody tr.row0 td.column5 {border-right: 1px solid red;}
table#dispatchSummary tbody td.column0 {text-align: right;}
table#dispatchSummary tbody td.column5 {text-align: right;}

table#assetSummary { border: 1px solid #A19601; }
table#assetSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #566273; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;	border-top: 1px solid #6385B1;}
table#assetSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#assetSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#assetSummary thead th a.sortCol { color: #F90}
table#assetSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#assetSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#assetSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#assetSummary th.column0 { white-space: nowrap; text-align: left; }
table#assetSummary th.column1 { white-space: nowrap; text-align: left; }
table#assetSummary tbody tr.row0 td {vertical-align: bottom; border-top: 1px solid red; border-bottom: 1px solid red;}
table#assetSummary tbody tr.row0 td.inner {border: none; white-space: nowrap;}
table#assetSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#assetSummary tbody tr.row0 td.column18 {border-right: 1px solid red;}
table#assetSummary tbody tr.actionRow td {vertical-align: bottom; border-bottom: 1px solid red;}
table#assetSummary tbody tr.actionRow td.inner {border: none; white-space: nowrap;}
table#assetSummary tbody tr.actionRow td.column0 {text-align: center; border-left: 1px solid red;}
table#assetSummary tbody tr.actionRow td.column18 {border-right: 1px solid red;}
table#assetSummary tbody td.column0 { text-align: center; }
table#assetSummary tbody td.column1 { font-weight: bold; }
table#assetSummary tbody td.column2 { text-align: center; }
table#assetSummary tbody td.column3 { text-align: left; }
table#assetSummary tbody td.column5 { width: 150px; }
table#assetSummary tbody td.column6 { text-align: center; }
table#assetSummary tbody td.column8 { text-align: center; font-weight: bold; }
table#assetSummary tbody td.column10 { white-space: nowrap; }
table#assetSummary tbody td.column11 { white-space: nowrap; }
table#assetSummary tbody td.column12 { white-space: nowrap; }

table#inventorySummary { border: 1px solid #A19601; }
table#inventorySummary thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #9f9c87; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#inventorySummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#inventorySummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; text-align: center; }
table#inventorySummary thead th a.sortCol { color: #88100a
}
table#inventorySummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#inventorySummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#inventorySummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#inventorySummary th.column0 { white-space: nowrap; text-align: left; }
table#inventorySummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red;}
table#inventorySummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#inventorySummary tbody tr.row0 td.column11 {border-right: 1px solid red;}
table#inventorySummary tbody td.column0 { text-align: left; width: 110px;}
table#inventorySummary tbody td.column1 { font-weight: bold; }
table#inventorySummary tbody td.column4 { text-align: center; }
table#inventorySummary tbody td.column5 { text-align: left; width: 200px; }
table#inventorySummary tbody td.column8 { text-align: right; }

table#inventoryFormTable { border: 1px solid #A19601; width: 100%; }
table#inventoryFormTable thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #9f9c87; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#inventoryFormTable thead th.column0 { text-align: center; width: 20%;  white-space: nowrap;}
table#inventoryFormTable thead th.column1 { text-align: center; width: 120px;}
table#inventoryFormTable tbody td.column0 { width: 20%; text-align: center; white-space: nowrap;}
table#inventoryFormTable tbody td.column1 { width: 120px; white-space: nowrap;}
table#inventoryFormTable thead tr th { font-weight: bold; text-decoration: none; color: #fff; width: 10px; }
table#inventoryFormTable td { font-size: 9pt; padding: 1px; vertical-align: top; white-space: nowrap;}
table#inventoryFormTable tr.lastRow td { border-top: 1px solid #A19601; }

table#inventoryAdminTable { border: 1px solid #A19601; width: 100%; }
table#inventoryAdminTable thead th {font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #9f9c87; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#inventoryAdminTable thead th.column0 { text-align: center; width: 65px;}
table#inventoryAdminTable thead th.column1 { text-align: center; width: 120px;}
table#inventoryAdminTable thead th.column2 { text-align: center; width: 120px;}
table#inventoryAdminTable thead th.column3 { text-align: center; width: 50px;}
table#inventoryAdminTable thead th.column4 { text-align: center; width: 50px;}
table#inventoryAdminTable thead th.column5 { text-align: center; width: 120px;}
table#inventoryAdminTable thead th.column6 { text-align: center; width: 150px;}
table#inventoryAdminTable thead th.column7 { text-align: center; width: 90px;}
table#inventoryAdminTable thead th.column8 { text-align: center; width: 90px;}
table#inventoryAdminTable thead th.column9 { text-align: center; width: 90px;}
table#inventoryAdminTable thead th.column10 { text-align: center; width: 80px;}
table#inventoryAdminTable tbody td.column0 { text-align: left; width: 65px;}
table#inventoryAdminTable tbody td.column1 { text-align: left; width: 120px;}
table#inventoryAdminTable tbody td.column2 { text-align: left; width: 120px;}
table#inventoryAdminTable tbody td.column3 { text-align: center; width: 50px;}
table#inventoryAdminTable tbody td.column4 { text-align: center; width: 50px;}
table#inventoryAdminTable tbody td.column5 { text-align: left; width: 120px;}
table#inventoryAdminTable tbody td.column6 { text-align: left; width: 150px;}
table#inventoryAdminTable tbody td.column7 { text-align: left; width: 90px;}
table#inventoryAdminTable tbody td.column8 { text-align: left; width: 90px;}
table#inventoryAdminTable tbody td.column9 { text-align: left; width: 90px;}
table#inventoryAdminTable tbody td.column10 { text-align: right; width: 80px; white-space: nowrap; }

table#inventoryAdminTable thead tr th { font-weight: bold; text-decoration: none; color: #fff; width: 10px; }
table#inventoryAdminTable td { font-size: 9pt; padding: 1px; vertical-align: top; }

table#poSummary { border: 1px solid #A19601; }
table#poSummary thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #487c68; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#poSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#poSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; text-align: center; }
table#poSummary thead th a.sortCol { color: #33de1c
}
table#poSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#poSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#poSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#poSummary th.column0 { white-space: nowrap; text-align: left; }
table#poSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red;}
table#poSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#poSummary tbody tr.row0 td.column15 {border-right: 1px solid red;}
table#poSummary tbody td.column0 { text-align: left; width: 90px;}
table#poSummary.po_invoice_summary tbody tr.row0 td.column12 {border-right: none;}
table#poSummary.po_invoice_summary tbody tr.row0 td.column14 {border-right: 1px solid red;}
table#poSummary.po_receipt_summary tbody tr.row0 td.column5 {border-right: 1px solid red;}
.poGrandTotal { float: right; }

table#woSummary { border: 1px solid #A19601; }
table#woSummary thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #4f7549; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#woSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#woSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; text-align: center; }
table#woSummary thead th a.sortCol { color: #F90}
table#woSummary thead th.column1 { text-align: center; width: 20px;}
table#woSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#woSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#woSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#woSummary th.column0 { white-space: nowrap; text-align: left; }
table#woSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red;}
table#woSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#woSummary tbody tr.row0 td.column8 {border-right: 1px solid red;}
table#woSummary tbody td.column1 { text-align: left; width: 20px;}

table#receivedAssetsFormTable { border: 1px solid #A19601; }
table#receivedAssetsFormTable thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#receivedAssetsFormTable thead tr th { font-weight: bold; text-decoration: none; color: #fff; width: 10px; text-align: center; }
table#receivedAssetsFormTable td { font-size: 9pt; padding: 1px; vertical-align: top; white-space: nowrap; }

table#assetScheduleSummary { border: 1px solid #A19601; }
table#assetScheduleSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #70836e; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#assetScheduleSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#assetScheduleSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#assetScheduleSummary thead th a.sortCol { color: #33de1c}
table#assetScheduleSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#assetScheduleSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#assetScheduleSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#assetScheduleSummary th.column0 { white-space: nowrap; text-align: left; }
table#assetScheduleSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red;}
table#assetScheduleSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#assetScheduleSummary tbody tr.row0 td.column11 {border-right: 1px solid red;}
table#assetScheduleSummary tbody td.column0 { text-align: center; }
table#assetScheduleSummary tbody td.column1 { white-space: nowrap; }
table#assetScheduleSummary tbody td.column2 { font-weight: bold; }
table#assetScheduleSummary tbody td.column6 { text-align: center; font-weight: bold; }
table#assetScheduleSummary tbody td.column7 { text-align: center; }

table#assetScheduleDetail { border: 1px solid #A19601; }
table#assetScheduleDetail thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#assetScheduleDetail thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#assetScheduleDetail thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#assetScheduleDetail thead th a.sortCol { color: #F90}
table#assetScheduleDetail th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#assetScheduleDetail th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#assetScheduleDetail td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#assetScheduleDetail th { white-space: nowrap; text-align: center; }

table#unitSummary { border: 1px solid #A19601; } /*width: 744px;*/
table#unitSummary thead th { width: 90px; font-size: 10pt; padding: 1px 15px 1px 1px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#unitSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#unitSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#unitSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#unitSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#unitSummary td { font-size: 9pt; padding: 1px; vertical-align: top; }
table#unitSummary th.column0 { white-space: nowrap; text-align: left; }
table#unitSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#unitSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#unitSummary tbody tr.row0 td.column7 {border-right: 1px solid red;}
table#unitSummary tbody td.column0 { text-align: center; }
table#unitSummary tbody td.column1 { font-weight: bold; white-space: nowrap; }
table#unitSummary tbody td.column2 { width: 150px; white-space: nowrap; }
table#unitSummary tbody td.column3 { width: 150px; white-space: nowrap; }

table#dataProc { border: 1px solid #A19601; }
table#dataProc thead th {font-size: 10pt;padding: 1px;background-color: #646464;border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;border-top: 1px solid #6385B1;}
table#dataProc thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#dataProc thead tr th { font-weight: bold; text-decoration: none; color: #fff; padding:2px; }
table#dataProc td {font-size: 9pt;padding:2px;padding-left:4px;vertical-align: top;}
table#dataProc th.column0 { width: 95px; text-align: right; }
table#dataProc th.column1 { width: 150px; text-align:left; }
table#dataProc th.column2 { width: 130px; text-align: left; }
table#dataProc th.column3 { width: 130px; text-align: left; }
table#dataProc th.column4 { width: 160px; text-align: center; }
table#dataProc th.column5 { width: 150px; text-align: left; }
table#dataProc th.column6 { width: 170px; text-align: left; }
table#dataProc tbody td.column0 { text-align: left; width: 95px; }
table#dataProc tbody td.column1 { text-align: left; }
table#dataProc tbody td.column2 { text-align: right; }
table#dataProc tbody td.column3 { text-align: left; width: 120px; white-space: nowrap; }
table#dataProc tbody td.column4 { text-align: center; width: 160px; }
table#dataProc tbody td.column5 { text-align: left; width: 150px; }
table#dataProc tbody td.column6 { text-align: left; }

table#dataProc tbody tr.row0 td { vertical-align: bottom; border-top: 1px solid red; border-bottom: 1px solid red; }
table#dataProc tbody tr.row0 td.inner { border: none; white-space: nowrap; }
table#dataProc tbody tr.row0 td.column0 { text-align: center; border-left: 1px solid red; }
table#dataProc tbody tr.row0 td.column6 { border-right: 1px solid red; text-align: left;}

table#dataProc thead th a.sortCol { color: #F90;}

table#dataProc th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#dataProc th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}

table#statTable { border: 1px solid #A19601; }
table#statTable thead th { font-size: 10pt; padding: 1px; padding-right: 1px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #6385B1;}
table#statTable thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#statTable thead tr th { font-weight: bold; text-decoration: none; color: #fff; text-align: center; }
table#statTable td { font-size: 9pt; padding: 1px; vertical-align: top; }

table#workflowSchemaSummary { border: 1px solid #A19601; }
table#workflowSchemaSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowSchemaSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowSchemaSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowSchemaSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowSchemaSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowSchemaSummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowSchemaSummary th.column0 { white-space: nowrap; text-align: left; }
table#workflowSchemaSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowSchemaSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowSchemaSummary tbody tr.row0 td.column7 {border-right: 1px solid red;}
table#workflowSchemaSummary tbody td.column0 { text-align: center; }
table#workflowSchemaSummary tbody td.column1 { font-weight: bold; text-align: center; white-space: nowrap; }
table#workflowSchemaSummary tbody td.column2 { white-space: nowrap; }
table#workflowSchemaSummary tbody td.column3 { white-space: nowrap; }
table#workflowSchemaSummary tbody td.column4 { white-space: nowrap; }
table#workflowSchemaSummary tbody td.column5 { white-space: nowrap; }
table#workflowSchemaSummary tbody td.column6 { white-space: nowrap; }
table#workflowSchemaSummary tbody td.column7 { white-space: nowrap; }

table#workflowLevelSummary { border: 1px solid #A19601; }
table#workflowLevelSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowLevelSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowLevelSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowLevelSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowLevelSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowLevelSummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowLevelSummary th.column0 { white-space: nowrap; text-align: left; }
table#workflowLevelSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowLevelSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowLevelSummary tbody tr.row0 td.column10 {border-right: 1px solid red;}
table#workflowLevelSummary tbody td.column0 { text-align: center; }
table#workflowLevelSummary tbody td.column1 { font-weight: bold; text-align: center; white-space: nowrap; }
table#workflowLevelSummary tbody td.column2 { white-space: nowrap; }
table#workflowLevelSummary tbody td.column3 { white-space: nowrap;}
table#workflowLevelSummary tbody td.column4 { white-space: nowrap; text-align: center; }
table#workflowLevelSummary tbody td.column5 { white-space: nowrap; text-align: center; }
table#workflowLevelSummary tbody td.column6 { white-space: nowrap; }
table#workflowLevelSummary tbody td.column7 { white-space: nowrap; }
table#workflowLevelSummary tbody td.column8 { white-space: nowrap; }
table#workflowLevelSummary tbody td.column9 { white-space: nowrap; }

table#workflowActivitySummary { border: 1px solid #A19601; }
table#workflowActivitySummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowActivitySummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowActivitySummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowActivitySummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowActivitySummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowActivitySummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowActivitySummary th.column0 { white-space: nowrap; text-align: left; }
table#workflowActivitySummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowActivitySummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowActivitySummary tbody tr.row0 td.column6 {border-right: 1px solid red;}
table#workflowActivitySummary tbody td.column0 { text-align: center; }
table#workflowActivitySummary tbody td.column1 { font-weight: bold; text-align: center; white-space: nowrap; }
table#workflowActivitySummary tbody td.column2 { white-space: nowrap; }
table#workflowActivitySummary tbody td.column3 { white-space: nowrap; }
table#workflowActivitySummary tbody td.column4 { white-space: nowrap; }
table#workflowActivitySummary tbody td.column5 { white-space: nowrap; }
table#workflowActivitySummary tbody td.column6 { white-space: nowrap; }

table#workflowRuleSummary { border: 1px solid #A19601; }
table#workflowRuleSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowRuleSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowRuleSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowRuleSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowRuleSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowRuleSummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowRuleSummary th.column0 { white-space: nowrap; text-align: left; }
table#workflowRuleSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowRuleSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowRuleSummary tbody tr.row0 td.column15 {border-right: 1px solid red;}
table#workflowRuleSummary tbody td.column0 { text-align: center; }
table#workflowRuleSummary tbody td.column1 { font-weight: bold; text-align: center; white-space: nowrap; }
table#workflowRuleSummary tbody td.column2 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column3 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column4 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column5 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column6 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column7 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column8 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column9 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column10 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column11 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column12 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column13 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column14 { white-space: nowrap; }
table#workflowRuleSummary tbody td.column15 { white-space: nowrap; }

table#workflowProcessSummary { border: 1px solid #A19601; }
table#workflowProcessSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowProcessSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowProcessSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowProcessSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowProcessSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowProcessSummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowProcessSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowProcessSummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowProcessSummary tbody tr.row0 td.column9 {border-right: 1px solid red;}
table#workflowProcessSummary tbody td.column0 { text-align: center; font-weight: bold; white-space: nowrap; }
table#workflowProcessSummary tbody td.column1 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column2 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column3 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column4 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column5 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column6 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column7 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column8 { white-space: nowrap; }
table#workflowProcessSummary tbody td.column9 { white-space: nowrap; }

table#workflowHistorySummary { border: 1px solid #A19601; }
table#workflowHistorySummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowHistorySummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowHistorySummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowHistorySummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowHistorySummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowHistorySummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowHistorySummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowHistorySummary tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#workflowHistorySummary tbody tr.row0 td.column7 {border-right: 1px solid red;}
table#workflowHistorySummary tbody td.column0 { font-weight: bold; text-align: center; white-space: nowrap;}
table#workflowHistorySummary tbody td.column1 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column2 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column3 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column4 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column5 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column6 { white-space: nowrap; }
table#workflowHistorySummary tbody td.column7 { white-space: nowrap; }

table#workflowOverviewSummary { border: 1px solid #A19601; }
table#workflowOverviewSummary thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#workflowOverviewSummary thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowOverviewSummary thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#workflowOverviewSummary th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#workflowOverviewSummary th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#workflowOverviewSummary td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#workflowOverviewSummary th.column0 { white-space: nowrap; text-align: left; }
table#workflowOverviewSummary tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#workflowOverviewSummary tbody td.column0 { text-align: center; }
table#workflowOverviewSummary tbody td.column1 { text-align: center; white-space: nowrap; }
table#workflowOverviewSummary tbody td.column2 { white-space: nowrap; }
table#workflowOverviewSummary tbody td.column3 { white-space: nowrap; }
table#workflowOverviewSummary tbody td.column4 { white-space: nowrap; }
table#workflowOverviewSummary tbody td.column5 { white-space: nowrap; }
table#workflowOverviewSummary tbody td.column6 { white-space: nowrap; }
table#workflowOverviewSummary tbody td.column7 { white-space: nowrap; }

table#priceLevels { border: 1px solid #A19601; }
table#priceLevels thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#priceLevels thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#priceLevels thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#priceLevels th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#priceLevels th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#priceLevels td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#priceLevels th.column0 { white-space: nowrap; text-align: left; }
table#priceLevels tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#priceLevels tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#priceLevels tbody tr.row0 td.column9 {border-right: 1px solid red;}
table#priceLevels tbody td.column0 { text-align: center; }
table#priceLevels tbody td.column1 { font-weight: bold; white-space: nowrap; }
table#priceLevels tbody td.column2 { font-weight: bold; white-space: nowrap; }
table#priceLevels tbody td.column3 { white-space: nowrap; text-align: center; }
table#priceLevels tbody td.column4 { white-space: nowrap; }
table#priceLevels tbody td.column5 { white-space: nowrap; }
table#priceLevels tbody td.column6 { white-space: nowrap; }
table#priceLevels tbody td.column7 { white-space: nowrap; }
table#priceLevels tbody td.column8 { white-space: nowrap; text-align: center; }
table#priceLevels tbody td.column9 { white-space: nowrap; text-align: center; }

table#serviceGroupsReports { border: 1px solid #A19601; }
table#serviceGroupsReports thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#serviceGroupsReports thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#serviceGroupsReports thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#serviceGroupsReports th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#serviceGroupsReports th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#serviceGroupsReports td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#serviceGroupsReports th.column0 { white-space: nowrap; text-align: left; }
table#serviceGroupsReports tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#serviceGroupsReports tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#serviceGroupsReports tbody tr.row0 td.column9 {border-right: 1px solid red;}
table#serviceGroupsReports tbody td.column0 { text-align: center; }
table#serviceGroupsReports tbody td.column1 { font-weight: bold; white-space: nowrap; }
table#serviceGroupsReports tbody td.column2 { font-weight: bold; white-space: nowrap; }
table#serviceGroupsReports tbody td.column3 { white-space: nowrap; text-align: center; }
table#serviceGroupsReports tbody td.column4 { white-space: nowrap; }
table#serviceGroupsReports tbody td.column5 { white-space: nowrap; }
table#serviceGroupsReports tbody td.column6 { white-space: nowrap; }
table#serviceGroupsReports tbody td.column7 { white-space: nowrap; }
table#serviceGroupsReports tbody td.column8 { white-space: nowrap; text-align: center; }
table#serviceGroupsReports tbody td.column9 { white-space: nowrap; text-align: center; }

table#pbGroups { border: 1px solid #A19601; }
table#pbGroups thead th { width: 90px; font-size: 10pt; padding: 1px; padding-right: 15px; background-color: #184A8C; border-left: 1px solid #6385B1; border-right: 1px solid #000; border-bottom: 1px solid #000;    border-top: 1px solid #6385B1;}
table#pbGroups thead tr th a { font-weight: bold; text-decoration: none; color: #fff; }
table#pbGroups thead tr th { font-weight: bold; text-decoration: none; color: #fff; }
table#pbGroups th.sortDESC { background-image: url(/lib/claerolib_2/images/asc.png); background-position: right center;}
table#pbGroups th.sortASC { background-image: url(/lib/claerolib_2/images/desc.png); background-position: right center;}
table#pbGroups td { font-size: 9pt; padding: 3px; vertical-align: top; }
table#pbGroups th.column0 { white-space: nowrap; text-align: left; }
table#pbGroups tbody tr.row0 td {vertical-align: middle; border-top: 1px solid red; border-bottom: 1px solid red; white-space: nowrap;}
table#pbGroups tbody tr.row0 td.column0 {text-align: center; border-left: 1px solid red;}
table#pbGroups tbody tr.row0 td.column6 {border-right: 1px solid red;}
table#pbGroups tbody td.column0 { text-align: center; }
table#pbGroups tbody td.column1 { font-weight: bold; white-space: nowrap; }
table#pbGroups tbody td.column2 { white-space: nowrap; text-align: center;}
table#pbGroups tbody td.column3 { white-space: nowrap; }
table#pbGroups tbody td.column4 { white-space: nowrap; }
table#pbGroups tbody td.column5 { white-space: nowrap; }
table#pbGroups tbody td.column6 { white-space: nowrap; }

#personsList
{
    padding: 3px;
    margin-top: 5px;
    border: solid 1px #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #EFEFEF;
    font-size: 10pt;
}

table tr.row-deleted { color: red; text-decoration:line-through;}

#form-process-ticket {}
#form-process-ticket fieldset {border: 1px solid #ddd; background-color: #efefef;}

div.status {background-color: #FFFFD4;padding: 2px;border: 1px solid #EFEF49;padding-left: 20px;padding-right: 20px;background-image: url(/lib/claerolib_2/images/warning.png);
	background-position: 2px 2px;color: #91912C;margin-bottom: 2px;}
div.statuserror {background-color: #FFD6EB;padding: 2px;border: 1px solid #EF489C;padding-left: 20px;padding-right: 20px;background-image: url(/lib/claerolib_2/images/stop.png);
	background-position: 2px 2px;color: #902C2C;margin-bottom: 2px;}

dl#ticketProcessInfo * { font-weight: lighter; }

.jobNumberStripe1 { color:#C60; }
.jobNumberStripe2 { color:#33C; }

dl#ticketProcessInfo dt {font-weight: bold;}

.reportDescription, .reportDescription * {padding-bottom: 0;margin-bottom: 0;font-size: small;}

h4.reportDescription {padding-top: 0; margin-top: 2px;}

.basessm * {color: red !important ;}

/* used as a container for the ticket kms, off-ticket kms, etc. elements in the field ticket edit page*/
dl.ft_kms {display: inline;}
dl.ft_kms dt, dl.ft_kms dd {display: inline;}
dl.ft_kms dd {margin-right: 8px;padding-left: 0;margin-left: 0;}

table#filterdates{margin:0;padding:0; background-color: #fff; border: 0 !important; width: 120px !important; }
table#filterdates tr td { border: 0 !important; padding: 0; white-space: nowrap; background-color: #fff;}

.formsize {width:300px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize2 {width:150px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize-sml {width:112px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize-vsml {width:60px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize-ptr {width:40px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize-vvsml {width:30px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.formsize-lrg {width:100%;font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
.pda-select {width:119px;font-family: Arial, Helvetica, sans-serif;font-size:9pt;overflow:hidden;}
.pda-readonly {background-color:#DDDDDD;}
.title_bar_red {font-size:20px;background-color:#FF6600;font-weight:bold;color:#FFFFFF;border: 1px solid #000000;vertical-align: middle;padding: 2px;}
.field-name {;font-size:9pt; font-weight:bold;text-align:right}
.field-name-reqd {;font-size:9pt; font-weight:bold;text-align:right; color:#CC0000}
.normal {font-family: Arial, Helvetica, sans-serif;font-size:9pt;}
table.normal tr td {white-space: nowrap;}
.button-new {font-size:10pt;font-weight:bold;background-color:#FFFF00;background-image: url(/lib/claerolib_2/images/add.png);background-position: left;background-repeat: no-repeat;border: 2px solid #666666;}
.button {font-size:10pt;font-weight:bold;background-color: #bababa;;background-position: left;background-repeat: no-repeat;border: 1px solid #666666; padding-left: 6px; padding-right: 6px}
.button:hover {font-size:10pt;font-weight:bold;background-color: #e9e9e9;;background-position: left;background-repeat: no-repeat;border: 1px solid #363636; padding-left: 6px; padding-right: 6px}
.button-refresh {
	background-image: url(/lib/claerolib_2/images/repeat.png);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;}
.column-header {background-color:#666666;font-weight:bold;color:#FFFF00;border: 1px solid #000000;vertical-align: middle;padding: 2px;text-align:center;}
.smallGrey {font-size:11px; color:#666;}

.numPerPage {
    font-size: 8pt;
}

.charge_amount {padding-left: 0px; padding-right: 0px; width: 20px; font-size: xx-small; text-decoration: none;}
.charge_add_button {padding-left: 0px; padding-right: 0px; font-size: xx-small; text-decoration: none;}
.charge_dollar_label {font-size: xx-small; text-decoration: none;}
.charge_remove_button {padding-left: 0px; padding-right: 0px; font-size: xx-small; text-decoration: none;}
.charge_total_dollars {padding-left: 0px; padding-right: 0px; width: 40px; font-size: xx-small; text-decoration: none;}

OPTION.asset_available {color: green;}
OPTION.asset_unavailable {color: red;}
OPTION.asset_damaged {color: orange;}

div.page_error_large {position: absolute; top: 0%; left: 0%; margin: 50px 0px 0px 0px; width: 100%; height: 100%; background-color: #A0A0A0; z-index: 9998; filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
div.page_error_text {position: absolute; top: 15%; left: 10%; margin: 0px 0px 0px 0px; width: 950px; height: 600px; background-color: #F77777; text-align: left; font-size: 14px; z-index: 9999; overflow:scroll;}
div.page_warning_text {position: absolute; top: 15%; left: 10%; margin: 0px 0px 0px 0px; width: 950px; height: 600px; background-color: #FFF785; text-align: left; font-size: 14px; z-index: 9999; overflow:scroll;}

table.crystalReportsListing {
    clear: both;
    margin-top: 8px;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border-left:solid 1px #36648B;
}

table.crystalReportsListing thead tr th {
    background-color: #36648B;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding:3px;
}

table.crystalReportsListing tbody tr td {
    background-color: #EDEDED;
    vertical-align: top;
    font-weight: normal;
    color: #000000;
    font-size: 14px;
    padding: 3px;
    border-bottom: solid 1px #36648B;
    border-right: solid 1px #36648B;
}

table.reportParameters {
    font-size: 13px;
    border: solid 1px #BBB;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

table.reportParameters th {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 3px;
    vertical-align: top;
}

table.reportParameters td {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    padding: 3px;
    vertical-align: top;
}

#parameterCustomersList
{
    padding: 3px;
    margin-top: 5px;
    border: solid 1px #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #EFEFEF;
    font-size: 10pt;
}

#parameterCustomersCount
{
    padding:3px;
    margin-left:3px;
    font-weight: bold;
    font-style: italic;
    color: #AAAAAA;
}

/* export screens css */
div.exportContainer {
	margin: 15px;
}
#exportResultsTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse:collapse;
	border: solid 1px #000000;

}
#exportResultsTable th {
	background-color: #AAA;
	text-align: left;
	padding: 2px;
}
#exportResultsTable td {
	padding: 2px;
	vertical-align:top;
}

table.exportDocument
{
    width: 100%;
    border-spacing: 0px;
    border-collapse:collapse;
    border: solid 2px #000000;
    padding: 2px;
    font-size: 14px;
    font-family:sans-serif;
    margin-bottom: 40px;
}
table.exportDocument th
{
    background-color: #DDD;
    text-align: left;
    padding: 2px;
}
table.exportDocument th.right
{
    text-align: right;
}
table.exportDocument th.major
{
    background-color: #AAA;
    text-align: center;
    padding-bottom:10px;
    border-bottom: solid 2px;
}
table.exportDocument th.buttonrow
{
    background-color: #DDD;
    text-align: right;
    padding-bottom:10px;
    border-bottom: solid 2px;
}
table.exportDocument td
{
    padding: 2px;
    border: solid 1px #000000;
}

.assetTableRow td {
    vertical-align: top;
    white-space: nowrap;
    padding: 3px;
}

.assetButton {
    cursor:pointer;
    padding: 1px 7px;
    text-align: center;
    /* force the backgound to be centered for the image */
    background-position: center;
    /* give the button curved corners, alter the size as required */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* give the button a drop shadow */
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, .75);
    box-shadow: 0 0 3px rgba(0,0,0, .75);
}

.assetButton:hover, .assetButton:focus {
    border-color: #399630;
    /* reduce the drop shadow size to give a pushed button effect */
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.assetButtonSearch {background-image: url(/images/silk/find.png); }
.assetButtonAdd {background-image: url(/images/silk/add.png); }
.assetButtonDelete {background-image: url(/images/silk/delete.png); }
.assetButtonUp {background-image: url(/images/silk/arrow_up.png); }
.assetButtonDown {background-image: url(/images/silk/arrow_down.png); }

.chargesSummary { margin-top: 10px; background-color: #EEEEEE; padding: 5px; }
.chargesSummary table { border: solid 1px #000000; border-spacing: 0px; border-collapse: collapse; }
.chargesSummary th { background-color: #CDCDCD; padding: 5px; border: solid 1px #000000; } 
.chargesSummary td { padding: 5px; border: solid 1px #000000; }
.chargesSummary td.right { text-align: right; }

.ftClientContainer { border-radius: 10px; border: solid 1px #AAAAAA; background-color: #EDEDED; font-size: 11px; color: black; padding:3px; line-height: 125%; margin-bottom: 10px; width: calc(100% - 10px);}
.ftClientContainer .header { margin-bottom: 1px; padding:2px; padding-top:0px; font-size: 14px; font-weight: bold;}
.ftClientContainer .contacts { margin-top: 5px; margin-bottom: 5px; border-radius: 5px; border: solid 1px #888888; background-color: #FEFEFE; font-size: 11px; color: black; padding:3px; line-height: 125%; margin-bottom: 3px; width: calc(100% - 10px);}
.ftClientContainer .footer { border-top: dotted 1px #AAAAAA; margin-top: 3px; padding:2px; padding-bottom:0px; font-size: smaller;}
.ftClientContainer .inputLabel { font-weight: bold; font-size: smaller; }
.ftClientContainer .inputText { height: 20px; }

.ftClientContainer .contacts table { border-spacing: 0px; border-collapse: collapse; width:100%}
.ftClientContainer .contacts th { padding: 3px; border-bottom: solid 1px #000000; text-align:left;}
.ftClientContainer .contacts td { padding: 5px; border: solid 1px #000000; border: none; }
.ftClientContainer .contacts td.right { text-align: right; }

.location { border-radius: 10px; border: solid 1px #AAAAAA; background-color: #EDEDED; padding:5px; line-height: 125%; margin-bottom: 3px;}
.location .header { margin-bottom: 3px; padding:2px; padding-top:0px; font-size: larger; font-weight: bold;}
.location .footer { border-top: dotted 1px #AAAAAA; margin-top: 3px; padding:2px; padding-bottom:0px; font-size: smaller;}
.location .inputLabel { font-weight: bold; font-size: smaller; }
.location .inputText { height: 20px; }

.fta_metric { color: #008800; }
.fta_imperial { color: #000088; }
.qa_metric { color: #008800; }
.qa_imperial { color: #000088; }
.tctitle { border-color: #003366; border-bottom: solid 1px #003366;}
.tctitle-right { border-color: #003366; border-bottom: solid 1px #003366; text-align: right;}

table.emailEvents { margin-top: 10px; font-size: 13px; border: solid 1px #AAAAAA; border-collapse: collapse; border-spacing: 0px; white-space: nowrap;}
table.emailEvents th { text-align: left; background-color: #DDDDDD; border-bottom: solid 1px #AAAAAA; }
table.emailEvents td { text-align: left; padding: 8px; border-bottom: dotted 1px #AAAAAA; white-space: nowrap;}

.jtHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
        text-align: left;
}

.dash
{
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
    width: calc(100vw - 26px);
}

.dashrow
{
    display: table-row;
}

.dashcell
{
    width: 33%;
    display: table-cell;
    padding: 3px;
    border: solid 1px #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #EFEFEF;
    text-align: center;
    vertical-align: top;
}

.dashcell div
{
    width: calc(100% - 20px);
}

.dashcell h3
{
    margin: 0;
    text-align: center;
    background-color: #CDCDCD;
    font-size: 18px;
    color: #666666;
    width: 100%;
}

.dashcell h5
{
    margin: 3px;
    text-align: left;
    font-size: 14px;
    color: #666666;
}

.dashcell table
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.dashcell table th 
{
    padding: 3px;
    vertical-align: top;
    text-align: left;
    background-color: #888888;
    color: #fff;
    border: 1px solid #444444;
    white-space: nowrap;
}

.dashcell table td 
{
    padding: 3px;
    vertical-align: top;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #444444;
}

.dashcontainer
{
    margin: auto 10px;
    margin-top: 10px;
    padding: 3px;
    border: solid 1px #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFFFFF;
    text-align: center;
    padding-bottom: 10px;
}

.dashcontainer h3
{
    padding: 3px;
    text-align: center;
    background-color: #888888;
    color: #fff;
    margin-bottom:10px;
    width: calc(100% - 6px);
}

.fireGoogleChart
{
    display: inline-block;
    margin: auto;;
}

table.messages
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.messages tbody tr.unread td
{
    background-color: #FFFFE0;
}

table.messages tbody tr:hover td
{
    background-color: #C7E6FF;
    cursor: pointer;
}

table.messages th 
{
    padding: 3px;
    vertical-align: top;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #000;
    white-space: nowrap;
}

table.messages td 
{
    padding: 3px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    background-color: #FFF;
    border-bottom : 1px solid #EEEEEE;
}

table.box { width:75%; padding: 0px; border-spacing: 0px; border-collapse: collapse; border: solid 1px #666666; }
table.box th { padding:3px; background-color: #666666; color: #EDEDED; border-bottom: solid 1px #666666; white-space: nowrap; }
table.box td { padding:3px; border-bottom: dotted 1px #666666;  border-right: dotted 1px #666666; white-space: nowrap; vertical-align: top; }

table.ftc { width:100%; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
table.ftc th { padding:2px; text-align: left; }
table.ftc td { padding:2px; white-space: nowrap; vertical-align: top; }

table.smoke { width:100%; padding: 0px; border-spacing: 0px; border-collapse: collapse; border: solid 1px #666666; }
table.smoke th { font-size: 12px; padding:3px; background-color: #666666; color: #EDEDED; border-bottom: solid 1px #666666; }
table.smoke td { font-size: 12px; padding:3px; border-bottom: dotted 1px #666666;  border-right: dotted 1px #666666; white-space: nowrap; vertical-align: top; }
table.smoke td.label { font-weight: bold; background-color: #EDEDED; }


/*
 PAGINATION
 Styles take from W3C Schools page on pagination
 */
.pagination 
{
}

.pagination a 
{
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination a.active 
{
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child 
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination a:last-child 
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* Style for Field Ticket v2 as of March 2020 */
.form-style-10{
    padding: 5px;
    margin: 5px;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
    padding: 2px;
    background: #f6f7ee;
    border-radius: 6px;
    width: calc(100% - 4px);
}
.form-style-10 h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px Arial, Helvetica, sans-serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 0px;
    font: 10px Arial, Helvetica, sans-serif;
}
.form-style-10 h2{
    background: #7793a2;
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 20px Arial, Helvetica, sans-serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    width: calc(100% - 20px);
}
.form-style-10 h3{
    background: #886C5D;
    padding: 5px 5px 5px 30px;
    margin: 5px 5px 5px 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: bold 14px Arial, Helvetica, sans-serif;
    border: 1px solid #888888;
}
.form-style-10 h4 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font: normal 13px Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight: bold;
    color: darkgoldenrod;
}
.form-style-10 label{
    display: block;
    font: 12px Arial, Helvetica, sans-serif;
    font-style: italic;
    color: darkgoldenrod;
    margin-bottom: 2px;
}
.form-style-10 label.standard{
    display:inline;
    font: 13px Arial, Helvetica, sans-serif;
    font-style: normal;
    color: black;
    font-weight: normal;
    margin-bottom: 2px;
}
.form-style-10 a:link,
.form-style-10 a:visited,
.form-style-10 a:active {
    color:darkred;
    text-decoration: none;
    font-weight: bold;
}
.form-style-10 a:hover{
    color:#CC3300;
}
.form-style-10 .question a:link,
.form-style-10 .question a:visited,
.form-style-10 .question a:active {
    background-image: url(/images/silk/information.png);
    background-repeat: no-repeat;
    padding: 2px 0 2px 16px;
    color: white;
    padding-left: 18px;
    text-decoration: none;
}
.form-style-10 input,
.form-style-10 textarea,
.form-style-10 select {
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    /* display: inline-block; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 250px;
    padding: 2px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 1px solid lightgrey;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}
.form-style-10 input[type="radio"],
.form-style-10 input[type="checkbox"] {
    display: inline-block;
    width: 15px;
    margin-left: 10px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
input.form-style-10:after {
    display: inline-block;
}
.form-style-10 .medium table {
    width: 400px;
}
.form-style-10 .small table {
    width: 300px;
}
.form-style-10 .small input,
.form-style-10 .small select {
    width: 125px;
    text-align: center;
}
input.small,
select.small {
    width: 150px;
}
.form-style-10 .small input[type="radio"],
.form-style-10 .small input[type="checkbox"] {
    display: inline-block;
    width: 15px;
    margin-left: 10px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
input.verysmall,
select.verysmall {
    width: 75px;
    text-align: center;
    white-space:nowrap;
}
input.tiny,
select.tiny {
    width: 50px;
    text-align: center;
    white-space:nowrap;
}
.form-style-10 textarea {
    overflow: hidden;
    width: 550px;
    height: 50px;
}
.form-style-10 textarea.small {
    overflow: hidden;
    width: 350px;
    height: 70px;
}
input[readonly],
input[disabled],
radio[disabled],
textarea [readonly],
textarea [disabled]
{
    background-color:#DDDDDD;
}
.form-style-10 .section {
    font: normal 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #677F8F;
    margin: 0px;
    padding: 3px;
    padding-left: 6px;
    margin-top: 4px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border: 4px solid #fff;
}
.form-style-10 .section span {
    background: #677F8F;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 13px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 .subsection {
    font: normal 13px Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight: bold;
    color: darkgoldenrod;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: -2px;
}
.form-style-10 button,
.form-style-10 input[type="button"],
.form-style-10 button[type="submit"],
.form-style-10 input[type="submit"]{
    background: #009999;
    padding: 4px 10px 4px 10px;
    margin: 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px Arial, Helvetica, sans-serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.form-style-10 button:disabled,
.form-style-10 button:disabled:hover,
.form-style-10 input[type="button"]:disabled,
.form-style-10 input[type="button"]:disabled:hover,
.form-style-10 button[type="submit"]:disabled,
.form-style-10 button[type="submit"]:disabled:hover,
.form-style-10 input[type="submit"]:disabled,
.form-style-10 input[type="submit"]:disabled:hover{
    background: #B3CBCB;
}
.form-style-10 button.blue {
    background: #0099CC;
}

.form-style-10 button.margin_left {
    margin-left: 20px;
}

.form-style-10 input[type="button"].blue{
    background-color: #007bff;
}
.form-style-10 input[type="button"].gray{
    background-color: #6c757d;
}


.form-style-10 .inline input,
.form-style-10 .inline select,
.form-style-10 .inline input {
    display:inline-block;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
    background: #00B3B3;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .left-label{
    float: right;
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #4D4D4D;
    text-align: right;
    padding-right: 5px;
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
    margin-top: 10px;
    text-align: right;
}
.form-style-10 table {
    width: 600px;
}
.form-style-10 td {
    text-align:  left;
    border-collapse: collapse;
    border: 0px solid lightgrey;
    white-space:nowrap;
    vertical-align: top;
}
.form-style-10 .shadow td {
    box-shadow: 2px 5px 7px rgba(0, 0, 0, .4);
}
.form-style-10 .noshadow td {
    box-shadow: none;
}
table.form-style-100 td {
    text-align:  center;
    padding-left: 10px;
    padding-right: 10px;
    margin: 2px;
    background-color: #fff;
    white-space:nowrap
}
table.form-style-100 {
    padding: 2px;
    background: #f6f7ee;
    border-radius: 6px;
}
.form-style-10 .textonly table {
    font: 13px Arial, Helvetica, sans-serif;
    background-color: #f6f7ee;
    border-collapse: collapse;
    border: 0px solid lightgrey;
    margin: 10px;
}
.form-style-10 .textonly td {
    border: 1px solid lightgrey;
    padding: 2px 5px 2px 5px;
    margin: 0px;
    white-space:nowrap;
}
.form-style-10 .textonly th {
    border: 1px solid lightgrey;
    padding:5px;
    margin: 0px;
    font: normal 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #696969;
    white-space:nowrap;
}
.form-style-10 .textonly-space table {
    background-color: #f6f7ee;
    border-collapse: collapse;
    border: 0px solid lightgrey;
    margin: 10px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 .textonly-space th,
.form-style-10 .textonly-space td {
    border: 1px solid lightgrey;
    padding:10px;
    margin: 0px;
    word-wrap:break-word;
}
.form-style-10 .textonly-space-hover table {
    background-color: #f6f7ee;
    border-collapse: collapse;
    border: 0px solid lightgrey;
    margin: 10px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 .textonly-space-hover th,
.form-style-10 .textonly-space-hover td {
    border: 1px solid lightgrey;
    padding:10px;
    margin: 0px;
    word-wrap:break-word;
}
.form-style-10 .textonly-space-hover tr:hover{
    background-color: #eeddcc;
}
.form-style-10 .textonly-space-wrap td {
    border: 1px solid lightgrey;
    padding:10px;
    margin: 0px;
    word-wrap:break-word;
    white-space: normal;
}
.form-style-10 .textonly95 table {
    width: 95%;
    background-color: #f6f7ee;
    border-collapse: collapse;
    border: 0px solid lightgrey;
    margin: 10px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 .textonly95 th,
.form-style-10 .textonly95 td {
    border: 1px solid lightgrey;
    padding:2px;
    margin: 0px;
}
.form-style-10 .textright {
    text-align: right;
}
.form-style-10 .textcenter {
    text-align: center;
}

.form-style-10 .blue {
    background-color: #0099CC;
}

.form-style-10 .white_small {
    font-size: 9px;
    font-weight: bold;
    color: white;
}

.form-style-10 .mandatory {
    background-color: #FFE3E3;
}

.debug {
    border: solid 1px #000000;
}

.debug td {
    border-collapse: separate;
    border: solid 1px #000000;
}


/*
<div class="smokeMessage" />
*/
.smokeMessage {
    margin: 20px;
    padding: 10px;
    border: solid 1px #BBBBBB;
    background-color: #EEEEEE;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
}

/*
<div class="smokeMessage error" />
<div class="smokeMessage info" />
*/
.smokeMessage.error { color: #800000; }
.smokeMessage.info { color: #000088; }

/*
<div class="bubble" />
*/
.bubble {
    padding: 5px;
    margin: 5px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    font-size: 10pt;
    width: calc(100% - 10px);
}

.bubble div { width: 100%; }

/*
<div class="bubble gray" />
*/
.bubble.gray {
    background-color: #DDDDDD;
}

/*
<div class="bubble">
    <h1>Heading</h1>
</div>
*/
.bubble h1{
    background: #AAAAAA;
    padding: 5px;
    margin: 0px;
    margin-bottom: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: bold 14px Arial, Helvetica, sans-serif;
    border: 1px solid #888888;
    width: calc(100% - 10px);
}

.bubble h1.globalXmlFormat {
    background: #AA0000;
}

/*
<div class="bubble">
    <div class="inner-bubble" />
</div>
*/
.bubble .inner-bubble {
    padding: 8px;
    border-radius: 6px;
    width: calc(100% - 16px);
}

/*
// 2025-10-02 : AJK
// I can not remember why I did these specific width calculations, from when chrome version 130 came out
// it was to fix broken layout things in FIRE online, but they don't seem to do much of anything now.
// however they are causing massive grief when using jquery-ui widgets, as those styles get interferred with and things look goofy
*/
/*
.bubble .inner-bubble div { width: calc(100% - 10px); }
.bubble .inner-bubble table { width: calc(100% - 16px); }
.bubble .inner-bubble h1 { width: calc(100% - 16px); }
*/
.bubble .inner-bubble table { width: calc(100% - 26px); }
.bubble .inner-bubble h1 { width: calc(100% - 26px); }

/* 
<div class="inner-bubble tan">
<div class="inner-bubble blue">
*/
.bubble .inner-bubble.tan { background: #f6f7ee; }
.bubble .inner-bubble.blue { background: #dee8f7; }
.bubble .inner-bubble.green { background: #e8f7de; }
.bubble .inner-bubble.pink { background: #f7dee8; }

/*
<div class="bubble">
    <div class="inner-bubble blue">
        <h1>Heading</h1>
    </div>
</div>
*/
.bubble .inner-bubble.tan h1 { background: #774D35; width: calc(100% - 26px); }
.bubble .inner-bubble.blue h1 { background: #7793A2; width: calc(100% - 26px); }
.bubble .inner-bubble.pink h1 { background: #a27793; width: calc(100% - 26px); }

/*
<div class="bubble">
    <div class="inner-bubble">
        <div class="error">error message</div>
        <div class="sucess">success message</div>
    </div>
</div>
*/
.bubble .inner-bubble .error { 
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    color: #800000;
    background-color: #FFB6C1;
}

.bubble .inner-bubble .success { 
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    color: #008000;
    background-color: #CCFFCC;
}

h1.dialog {
    background: #CCC;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 3px;
}

/*
<table class="summary">
*/
table.summary { width:100%; padding: 0px; border-spacing: 0px; border-collapse: collapse; border: solid 1px #666666; }
table.summary th { padding:3px; background-color: #666666; color: #EDEDED; border-bottom: solid 1px #666666; text-align:left; white-space: nowrap; }
table.summary td { padding:3px; border-bottom: dotted 1px #666666;  border-right: dotted 1px #666666; white-space: nowrap; vertical-align: top; text-align:left; }
table.summary tr:hover { background-color: #FFFF99; }
table.summary tr.highlight { background-color: #FFB6C1; }
table.summary tr.highlight:hover { background-color: #FFFF99; }

/*
<table class="summary">
    <tr><td><a href="">link</a></td></tr>
</table>
*/
table.summary a:link,
table.summary a:active,
table.summary a:visited { 
    color: #000088; 
    font-weight: bold; 
    text-decoration: none; 
}
table.summary a:hover { 
    cursor: pointer; 
}
/*
<table class="summary">
    <tr><td><a class="invalid" href="">link</a></td></tr>
</table>
*/
table.summary a.invalid {
    color: #880000; 
}


/*
<table class="filters">
<tr>
    <td class="label">Label</td>
    <td class="widget"><input /></td>
</tr>
*/
table.filters { padding: 0px; border-spacing: 0px; border-collapse: collapse; width: calc(100vw - 26px); }
table.filters th { padding:3px; text-align:left; }
table.filters td.label { padding:3px; padding-right: 20px; white-space: nowrap; vertical-align: top; text-align:left; }
table.filters td.widget { padding:3px; padding-right: 40px; vertical-align: top; text-align:left; }
table.filters .medium input {
    width: 200px;
    height: 17px;
    text-align: left;
}
table.filters .medium select {
    width: 205px;
    height: 22px;
    text-align: left;
}
table.filters .small select {
    width: 50px;
    height: 22px;
    text-align: left;
}

table.filters .date select {
    width: 100px;
    height: 22px;
    text-align: left;
}

.bubble .inner-bubble table.filters { width: calc(100vw - 26px); }

/*
<table class="simple">
*/
table.simple { width:100%; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
table.simple th { padding:3px; text-align:left; border-bottom: solid 1px #000; }
table.simple td { padding:3px; white-space: nowrap; vertical-align: top; text-align:left; }

table.simple.bare th { background-color: transparent; font-weight: bold; color: #000; border: none;}
table.simple.bare td { background-color: transparent; font-weight: normal; color: #000;  border: none;}
table.simple.bare td.center {text-align: center; white-space: nowrap;}
table.simple.bare tr:hover { background-color: transparent;}


/*  change the default ui-dialog entries to standardize the width of the pulldows and inputs  */
.ui-dialog-titlebar {width: 95%;}
.ui-dialog-content select {width: 250px;}
.ui-dialog-content input[type="text"] {width: 250px;}


/*
Two column CSS grid will display label => input
<div class="form-v2">
*/
.form-v2 {
    display: grid;
    grid-template-columns: 250px 600px;
    grid-gap: 5px;
    margin-bottom: 10px;
}
/*
<div class="form-v2">
    <label></label>
</div>
*/
.form-v2 label { grid-column: 1 / 2; }

/*
<div class="form-v2">
    <input />
    <button />
</div>
*/
.form-v2 input, select, button, div { grid-column: 2 / 3; justify-items: left; }
.form-v2 select {
    width: 350px;
}
.form-v2 input[type="text"] {
    width: 350px;
}

/*
Three column CSS grid will display label => input, or label => input input
When using 3 columns the inputs must be classed as "first" or "second"
<div class="form-v2b">
*/
.form-v2b {
    display: grid;
    grid-template-columns: 250px 300px 300px;
    grid-gap: 5px;
    margin-bottom: 10px;
}
/*
<div class="form-v2b">
    <label></label>
</div>
*/
.form-v2b label { grid-column: 1 / 2; }

/*
<div class="form-v2b">
    <label></label>
    <input />
</div>
*/
.form-v2b input, select, button, div { grid-column: 2 / 4; justify-items: left; }
.form-v2b input, select { height: 25px; }

/*
<div class="form-v2b">
    <label></label>
    <input class="first" />
    <input class="second" />
</div>
*/
.form-v2b input.first, select.first, button.first, div.first { grid-column: 2 / 3; justify-items: left;width: 200px }
.form-v2b input.second, select.second, button.second, div.second { grid-column: 3 / 4; justify-items: left; width: 200px}

/*
Three column CSS grid will display label => input, or label => input input
When using 3 columns the inputs must be classed as "first" or "second"
<div class="form-v2c">
*/
.form-v2c {
    display: grid;
    grid-template-columns: 250px 300px 650px;
    grid-gap: 5px;
    margin-bottom: 10px;
}
/*
<div class="form-v2c">
    <label></label>
</div>
*/
.form-v2c label { grid-column: 1 / 2; }

/*
<div class="form-v2c">
    <label></label>
    <input />
</div>
*/
.form-v2c input, select, button, div { grid-column: 2 / 4; justify-items: left; }
.form-v2c input, select { height: 25px; }

/*
<div class="form-v2c">
    <label></label>
    <input class="first" />
    <div class="second" />
</div>
*/
.form-v2c input.first, select.first, button.first, div.first { grid-column: 2 / 3; justify-items: left; width: 300px }
.form-v2c input.second, select.second, button.second, div.second { grid-column: 3 / 4; justify-items: left; width: 600px}

/*
<button class="btn"></button>
<input type="submit" class="btn" />
<a class="btn blue" href="">Link As A Button</a>
*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin-right: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}

/*
<button class="btn small|tiny"></button>
<input type="submit" class="btn small|tiny|xtiny" />
*/
.btn.small { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } 
.btn.tiny { padding: .15rem .3rem; font-size: .750rem; line-height: 1.0; border-radius: .1rem; }
.btn.xtiny { padding: .15rem .3rem; font-size: .600rem; line-height: 0.75; border-radius: .1rem; }

/*
<button class="btn blue|gray|red|green|yellow|aqua|charcoal"></button>
<input type="submit" class="btn blue|gray|red|green|yellow|aqua|charcoal" />
*/
.btn.blue { color: #fff; background-color: #007bff; border-color: #007bff; text-decoration: none;}
.btn.blue:hover { color:#fff; background-color:#0069d9; border-color:#0062cc; text-decoration: none;}
.btn.gray { color: #fff; background-color: #6c757d; border-color: #6c757d; text-decoration: none;}
.btn.gray:hover { color:#fff; background-color:#5a6268; border-color:#545b62;text-decoration: none; }
.btn.green { color: #fff; background-color: #28a745; border-color: #28a745; text-decoration: none;}
.btn.green:hover { color:#fff; background-color:#218838; border-color:#1e7e34; text-decoration: none;}
.btn.red { color: #fff; background-color: #dc3545; border-color: #dc3545; text-decoration: none;}
.btn.red:hover { color:#fff; background-color:#c82333; border-color:#bd2130; text-decoration: none;}
.btn.yellow { color: #212529; background-color: #ffc107; border-color: #ffc107; text-decoration: none;}
.btn.yellow:hover { color:#212529; background-color:#e0a800; border-color:#d39e00; text-decoration: none;}
.btn.aqua { color: #fff; background-color: #17a2b8; border-color: #17a2b8; text-decoration: none;}
.btn.aqua:hover { color:#fff; background-color:#138496; border-color:#117a8b; text-decoration: none;}
.btn.charcoal { color: #fff; background-color: #343a40; border-color: #343a40; text-decoration: none; }
.btn.charcoal:hover { color:#fff; background-color:#23272b; border-color:#1d2124; text-decoration: none;}
.btn.disabled { color: #AAA; background-color: #CCC; border-color: #AAA; text-decoration: none; cursor: auto;}

/*
<div class="form-merge">
*/
.form-merge {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-gap: 15px;
    margin-bottom: 10px;
}
/*
<div class="form-merge">
    <div class="form-merge-search"></div>
    <div class="form-merge-selections"></div>
</div>
*/
.form-merge .form-merge-search { grid-column: 1 / 3; }
.form-merge .form-merge-matches { grid-column: 1 / 2; }
.form-merge .form-merge-selections { grid-column: 2 / 3; }

.form-merge-matches
{ 
    padding: 5px; 
    width: 90%;
}

.form-merge-selections 
{ 
    padding: 5px; 
    width: 90%;
}

/*
<div class="menu-table">
    <div class="menu-row">
        <div class="menu-cell"></div>
    </div>
</div>
*/
.menu-table 
{ 
    display: table; 
    table-layout: fixed;
    width: 100%;
    border: solid 1px #8D8D8D;
}

.menu-row 
{ 
    display: table-row;
}

.menu-cell
{
    display: table-cell;
    width: 115px;
    text-align: center;
    background-color: #FFFFFF;
    border-width: 0px;
    padding: 5px;
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

/*
<div class="menu-cell first" />
*/
.menu-cell.first
{
    border: none;
}

/*
<div class="menu-cell selected" />
*/
.menu-cell.selected
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #9dbec1;
    border-color: #ffc107;
    white-space: nowrap;
}

/*
<div class="menu-cell selected">
    <a href="">link</a>
</div>
*/
.menu-cell a
{
    text-decoration: none;
    color:darkred;
}

/*
<div class="menu-cell selected">
    <img src="" />
</div>
*/
.menu-cell img
{
    position: relative;
    top: 3px;
}

/*
<div class="menu-secondary" />
*/
.menu-secondary
{
    font-size: 13px;
    background-color: #cddede;
    color:#212529;
    padding: 5px;
    border-left: solid 1px #8D8D8D;
    border-right: solid 1px #8D8D8D;
}

.chargeWarning
{
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 2px #000;
}

.chargeWarning .warning
{
    background-color: #FFEB3B;
    margin:10px;
    margin-top:0px;
    padding: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*
<div class="email-options">
*/
.email-options {
    display: grid;
    grid-template-columns: 40fr 30fr 30fr;
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.email-options .col1 { grid-column: 1 / 2; width:100%; }
.email-options .col2 { grid-column: 2 / 3; width:100%; }
.email-options .col3 { grid-column: 3 / 4; width:100%; }

.email-options h2 {
    font: normal 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #677F8F;
    margin: 0px;
    padding: 3px;
    padding-left: 6px;
    margin-top: 4px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border: 4px solid #fff;
}

/*
<div class="recipient-options">
*/
.recipient-options {
    display: grid;
    grid-template-columns: 20fr 40fr 40fr;
    grid-gap: 3px;
    background: #DEE8F7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.recipient-options .col1 { grid-column: 1 / 2; width:100%; }
.recipient-options .col2 { grid-column: 2 / 3; width:100%; }
.recipient-options .col3 { grid-column: 3 / 4; width:100%; }

/*
<div class="content-options">
*/
.content-options {
    display: grid;
    grid-template-columns: 20fr 80fr;
    grid-gap: 3px;
    background: #DEE8F7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.content-options .col1 { grid-column: 1 / 2; width:100%; }
.content-options .col2 { grid-column: 2 / 3; width:100%; }

/*
<div class="email-docs">
*/
.email-docs {
    display: grid;
    grid-template-columns: 40fr 20fr 40fr;
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.email-docs .colAll { grid-column: 1 / 4; width:100%; }
.email-docs .col1 { grid-column: 1 / 2; width:100%; }
.email-docs .col2 { grid-column: 2 / 3; width:100%; }
.email-docs .col3 { grid-column: 3 / 4; width:100%; }

.email-docs h2 {
    font: normal 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #774D35;
    margin: 0px;
    padding: 3px;
    padding-left: 6px;
    margin-top: 4px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border: 4px solid #fff;
}

.email-docs h3 {
    font: normal 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background-color: #677F8F;
    margin: 0px;
    padding: 3px;
    padding-left: 6px;
    margin-top: 4px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border: 4px solid #fff;
}

/*
<div class="content-options">
*/
.docs-content-options {
    display: grid;
    grid-template-columns: 20fr 80fr;
    grid-gap: 3px;
    background: #F6F7EE;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.docs-content-options .col1 { grid-column: 1 / 2; width:100%; }
.docs-content-options .col2 { grid-column: 2 / 3; width:100%; }