/**************************************/
/************ General Style ***********/
/**************************************/
:link, :link:visited, :any-link, :-webkit-any-link
{
	color: #1e98d5;
	text-decoration: none;
}

/*
:link[disabled]
{
   color: Gray !important; 
   text-decoration:none !important;
}
*/

:link:hover 
{
	color: #f27b13;
	text-decoration: underline;
}

label 
{
	margin: 2px;
}

.listBox
{
	padding: 5px;
}

input, option, select, textarea 
{
	color: #3f2c0c;
}

textarea 
{
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	resize: none;
}

option 
{
	background: #f3fdfc;
}

div 
{
	float: none;
}

input[type=text] {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit], input[type=button]
{
	/* NOTE: IE6 doesn't support attribute selectors */
	cursor: pointer;
	background: transparent url(./Images/buttonBg.gif) repeat-x left bottom;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

input[type=submit]:hover, input[type=button]:hover { /* NOTE: IE6 doesn't support attribute selectors */
	/*background: transparent url(./Images/buttonBg.gif) top left repeat-x;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

input[type=submit][disabled]
{
	cursor: auto;
	background: #C0C0C0;
	color: #808080;
	font-weight: bold;
	font-size: 13px;
	border: none;
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=text][disabled]
{
	background-color: #EFEFEF;
	border: none;
	color: Black ! important;
}

select[disabled]
{
	background-color: #EFEFEF;
}

.disabledLink
{
	cursor: auto;
	background: #C0C0C0;
	color: #808080;
}

/**************************************/
/********** Container Style ***********/
/**************************************/
#container 
{
	/*width:1000px;*/
	width: 100% !important;
	margin:0px 0px;
	padding:0px;
	float: none;
}

/**************************************/
/*********** Content Style ************/
/**************************************/
#content 
{
	overflow: visible;
	width: auto;
	float: none;
}

/**************************************/
/*********** Sortable List ************/
/**************************************/
ul.sortable_list 
{
	font-size: 8pt;
	font-style: normal;
	margin: 0px auto;
	padding-left: 0;
}

ul.sortable_list > li
{
	list-style: none;
}

ul.sortable_list > li.clear
{
	clear: both;
}

ul.sortable_list_Account 
{
	font-size: 8pt;
	font-style: normal;
	margin: 0px auto;
	padding-left: 0;
}

ul.sortable_list_Account > li
{
	list-style: none;
}

ul.sortable_list_Account > li.clear
{
	clear: both;
}

ul.sortable_list div.data_table
{
	float: left;
	font-size: 8pt;
	font-style: normal;
	color: black;
	padding: 0;
	width: 100%;
}

ul.sortable_list div.header
{
	margin-bottom: 10px;
	margin-top: 10px;
}

ul.sortable_list div.footer
{
	margin: 5px auto 5px auto;
}

ul.sortable_list div#header
{
	width: 100%;
}

ul.sortable_list div#content_main
{
	margin-bottom: 0px;
}

ul.sortable_list div.riolo_label
{
	color: White;
	width: 50px;
	padding-left: 10px;
	padding-top: 10px;
}

ul.sortable_list div.riolo_logo
{
	padding-left: 10px;
	padding-top: 10px;
}

ul.sortable_list #header ul.sortable_list div
{
	width: 1005px !important;
	float: none !important;
	margin: 0 auto !important;
	padding-left: 0 !important;
}

/**************************************/
/********** Main Data Area ************/
/**************************************/
ul.sortable_list table 
{
	border: none !important;
}

ul.sortable_list table table 
{
	background: #fff;
	border: 1px solid #3f2c0c !important;
	padding: 5px;
}

#container #content ul.sortable_list .full_edit_area table 
{
	border: none !important;
}

#container #content ul.sortable_list .full_edit_area table table
{
	border: none !important;
	width: 100%;
}

ul.sortable_list table table td {
	border: none !important;
}

/**************************************/
/************** Header ****************/
/**************************************/
ul.sortable_list_Account div#headerAccount
{
	background-position: 0 10px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

ul.sortable_list div#header, ul.sortable_list div#headerAccount, .Container .Header, #container #header 
{
	background-position: 0 10px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.Header #header 
{
	height: 150px !important;
}

#header ul.sortable_list, .Container .Header img, #container #header img 
{
	/*display: none;*/
}

#header
{
	min-width: 1170px !important;
	/*background-color: #4EA03F;*/ 
	background-color: #1e98d5;
}

#header #userSummary 
{
	position: absolute;
	top: 10px;
	right: 20px;
	color: #fff;
	font-size: 8pt !important;
}

#header #userSummary a 
{
	color: #333;
	font-size: 8pt !important;	
}

#header #userSummary a:hover 
{
	text-decoration: underline;
}

#header #viewTitle 
{
	position: absolute;
	top: 30px;
	right: 20px;
	color: #333;
	font-size: 8pt !important;
}

#header #tagline 
{
	position: absolute;
	top: 60px;
	right: 20px;
	width: 358px;
	height: 23px;
}

#header #tagline img 
{
	display: block !important;
}

#header > #MyConsoleFilterTag { position:absolute; bottom:0; left:50%; transform:translateX(-50%); }

/**************************************/
/******* Navigation Menu Bar **********/
/**************************************/

/* These properties defines master level styles */
ul.sortable_list div#top_nav_bar, .Container .Header .Main_Nav, #content #top_nav_bar 
{
	padding: 0 !important;
	height: 50px;
	border-top: 3px solid #fff;
	overflow: hidden;
	position: relative;
}

ul.sortable_list div.menu, ul.sortable_list div.menu_current
{
	text-align: center;
	color: White;
}

ul.sortable_list div#top_nav_bar
{
	width: 100%;
	color: White;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.sortable_list div#top_nav_bar a:hover
{
	color: Yellow;
	text-decoration: none;
}

ul.sortable_list div#top_nav_bar a,
ul.sortable_list div#top_nav_bar a:visited
{
	color: White;
	text-decoration: none;
}

ul.sortable_list div#top_nav_bar a:hover, .Container .Header .Main_Nav a:hover, #content #top_nav_bar a:hover 
{
	color: #bbd896;
}

#top_nav_bar 
{
	background: transparent url(./Images/navBg.jpg) top left repeat-x;
	height: 50px;
	min-width: 1170px !important;
}

#content #top_nav_bar 
{
	min-width: 1170px !important;
}

#content #top_nav_bar .menu[style], .Container .Header .Main_Nav .Right /* NOTE: IE6 doesn't support attribute selectors */
{ 
	float: right !important;
}

/* These properties defines user control level styles */

#top_nav_bar ul.sortable_list div.menu, #container #content #top_nav_bar ul.sortable_list div.menu, #content #top_nav_bar .menu, #content #top_nav_bar .menu_current
{
	font-size: 14px !important;
	letter-spacing: -.25px;
	font-weight: bold !important;
	position: relative;
	overflow: hidden;
	display: block;
	float: left !important;
	height: 50px;
	width: 170px !important;
	visibility: hidden;
	line-height: 50px;
}

#top_nav_bar ul.sortable_list div.menu a, .Container .Header .Nav_Menu a, #content #top_nav_bar .menu a
{
	visibility: visible;
	display: block;
	height: 50px;
	width: 170px !important;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
}

#content #top_nav_bar .menu_current a
{
	visibility: visible;
	display: block;
	height: 50px;
	width: 170px !important;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(./Images/navBgBlue.jpg) repeat-x left top;
	color: #fff;
}

#top_nav_bar ul.sortable_list div.menu a:hover, .Container .Header .Nav_Menu a:hover, #content #top_nav_bar .menu a:hover, #content #top_nav_bar .menu_current a:hover
{
	background: transparent url(./Images/navBgBlueSelecting.jpg) repeat-x top left;
	color: #fff;
}

#top_nav_bar ul.sortable_list div.menu a:active, .Container .Header .Nav_Menu a:active, #content #top_nav_bar .menu a:active 
{
	top: 1px;
	left: 1px;
	background: transparent url(./Images/navactbg.jpg) top left repeat-x;
}

.Container .Header .Nav_Menu 
{
	font-size: 14px !important;
	font-weight: bold !important;
	position: relative;
	overflow: hidden;
	display: block;
	float: left !important;
	height: 50px;
	visibility: hidden;
}

/**************************************/
/*********** Bottom Bar ***************/
/**************************************/
ul.sortable_list div#bottom_bar
{
	/*overflow: hidden;
    float: left;*/
	width: 100%;
    min-width: 930px;
	padding-top: 10px;
	padding-left: auto !important;
	padding-right: auto !important;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: auto !important;
	color: #333 !important;
}

ul.sortable_list div#bottom_bar a 
{
	/*color: #111;*/
}

ul.sortable_list div#bottom_bar div 
{
	float: left;
}

/**************************************/
/************ Data Table **************/
/**************************************/
.table_shell
{
	color: #000000;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #ffffff;
	text-align: left;
	text-transform: none;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: middle;
	border-collapse: collapse;
	min-width: 1052px !important;
}

/**************************************/
/************ My Dashboard **************/
/**************************************/
.pageborder001
{ 
	border-top: black 1px solid; 
	border-bottom: black 1px solid; 
	border-left: black 1px solid; 
	border-right: black 1px solid; 
	border-color:#000000; 
	background-color:#FFFFFF; 
	padding-top: 3px; 
	padding-bottom: 0px; 
	padding-left: 0px;	
	padding-right: 0px; 
}

.filterSection
{ 
	border: none !important;
	background-color:#FFFFFF; 
	padding-top: 3px; 
	padding-bottom: 0px; 
	padding-left: 0px;	
	padding-right: 0px;
	margin-bottom:-20px; 
	min-width:1170px; 
}

.noBorder 
{
    border: none !important;
}

/* Table */
#container #content .noBorder table 
{
	border: none !important;
}

#container #content .noBorder table td
{
	border: none;
	border-bottom: 2px solid #fff !important;
}

#container #content ul.sortable_list .pageborder001 table 
{
	border: none !important;
}

#container #content ul.sortable_list .filterSection table 
{
	border: none !important;
}

#defaultTable
{
	border: 1px solid #3f2c0c;
	border-collapse: separate; 
	/*position: relative;*/
	bottom: 50px;
}

#container #content ul.sortable_list .pageborder001 #defaultTable td
{
	padding: 2px 2px 2px 2px;
	border: none;
	border-bottom: 2px solid #fff !important;
	font-size: 11px !important;
	text-align: left !important;
}

#defaultTable .header_date 
{
	background: #2299DD;
	letter-spacing: 0;
	border-top: 1px solid #3f2c0c;
	border-bottom: 1px solid #3f2c0c;
	border-right: 1px dotted #fff;
	vertical-align: top;
	font-size: 12px !important;
}

#defaultTable .header_date span 
{
	font-weight: normal;
}

/**************************************/
/************** GridView **************/
/**************************************/
.GridViewAngourie tr.alternate
{
	background-color: #F3F8FE;
}

.GridViewAngourie tr.normal:hover, .GridViewAngourie tr.alternate:hover
{
	background-color: #E8E8E8;
}

.GridView_Header_Left th
{
	text-align: left;
	padding-left: 3px;
}

.GridView_Header_Padding
{
	padding-left: 9px !important;
}

.hyperlinkColumn
{
	color: inherit;
}

#container #content ul.sortable_list .full_edit_area .comment_div table
{ 
	border: solid 1px Black !important; 
} 

.comment_between
{
	background-color: #D1D1D1; 
	height:5px; 
	margin: 0;
	border: solid 1px #808080 !important;
}

.GridViewSectionList 
{ 
	border: solid 1px Black !important; 
} 

.GridViewSectionList td.right_border
{
	border-right: solid 1px Black !important;
	border-right-color: #808080 !important;
} 

.GridViewNoHeader
{
	margin-top: -13px;
}

.GridViewNoHeader td
{
	padding: 3px 0px 3px 20px;
	background-color: #C5DFFC;
}

.GridViewNoHeader_Item
{
	background-color: #C5DFFC;
}

.GridViewNoHeader td.first
{
	border-right: solid 1px Black !important;
} 

.ImageColumn
{
	margin: 0;
	padding: 0;
}

/**************************************/
/************* Account Stuff **********/
/**************************************/
#wrapper 
{
	/*width:1016px;*/
	width:930px;
	margin:0px auto;
}

#headerAccount
{
    background: #1e98d5 !important;
}

#headerAccount #tagline 
{
	position: absolute;
	top: 60px;
	right: 10px;
	width: 358px;
	height: 23px;
}

#headerAccount #tagline img 
{
	display: block !important;
}

ul.sortable_list div#headerAccount
{
	width: 100%;
}

/* SIGN IN FORM ELEMENTS */
.signin_upper {
    position: relative;
    top: -90px;
    left: 485px;
    color: #fff;
    width: 445px;
}

.signin_main {
    position: relative;
    top: 0px;
    color: #1e98d5;
    margin-left: 80px;
    margin-right: 80px;
    margin-top: -60px;
}

.signinInfo
{
    border: none !important;
    margin-top: -20px;
    margin-left: -10px
}

.logInEntryBox
{
    margin-top: 2px;
    width: 120px;
    border: none;
    height: 20px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

.signInEntryBox
{
    margin-top: 2px;    
    border-width: thin;
    border-color: #fcfcfc;
    height: 20px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

.signInSelect
{
    margin-top: 2px;    
    border-width: thin;
    border-color: lightgray;
    height: 25px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

.signInButton 
{
    border: none !important;
    background-color: white !important;
	background: white !important;
    font-weight: normal !important;
    margin-top: 13px !important;
    margin-right: 5px !important;
    color: #1e98d5 !important;
    height: 22px;
}

.signInButton:hover { 
    background-color: lightblue !important;
}

.signinCheck 
{
    border: none !important;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.signinCheck label
{
    position: relative;
    top: -3px;
    left: -3px;
}

.passwordLink 
{
    cursor: pointer;
    margin-top: 1px;
    margin-left: 6px;
}

/* Terms and Conditions, Trademarks, Privacy stuff */
.general_main {
    position: relative;
    top: 0px;
    color: #1e98d5;
    margin-left: 80px;
    margin-right: 80px;
    margin-top: 45px;
}

/* ACCOUNT FORM ELEMENTS */
.accountCenteredDiv
{
	border: none !important;
	width: 60%;
	margin: auto;
	text-align: center;
}

div.accountInfo
{
    width: 100%;
}

.registerCentered
{
	width: 70%;
	margin: auto;     
	text-align: left;
}

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

.loginCentered
{
	margin: auto;     
	text-align: left;
}

div.longinInfo
{
    width: 450px;
}

input.userEntry
{
    width: 150px;
    border: 1px solid #ccc;
}

input.companyEntry 
{
    width: 197px;
    border: 1px solid #ccc;
}

input.loginEntry 
{
    width: 370px;
    border: 1px solid #ccc;
}

input.loginPasswordEntry 
{
    width: 280px;
    border: 1px solid #ccc;
}

/**************************************/
/************ Modal Style *************/
/**************************************/
.filterPopUp
{
	border: 2px outset #000000;
	padding: 20px;
	background-color: #ffffff;
}

.filterPopUp table table
{
	border: none !important;  
}

.filterModalPopUp
{
	border: 2px outset #000000;
	padding: 0px;
	background-color: #ffffff;
	overflow: hidden;
    /*height: 440px;*/
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.filterModalPopUp .filterModalFrame
{
	width: 100%; 
	border: 8px solid #DDE3DD !important; 
	padding: 5px;
}

.filterModalPopUp table table
{
	border: none !important;  
}

.dispatchDialogPopUp
{
	border: 2px outset #000000;
	padding: 15px;
	background-color: #ffffff;
}

.dialogPopUp
{
	border: 3px outset #C0C0C0;
	padding: 20px;
	background-color: #ffffff;
}

#dialogHandle td
{
	border-width: thin;
	border-color: #000000;
	background-color: #dddddd;
	font-weight: bold;
	height: 18px;
	border-collapse: collapse;
	padding-left: 5px;
	border-bottom-style: solid;
}

#dialogFilterHandle td
{
	border-width: thin;
	border-color: #000000;
	background-color: #dddddd;
	font-weight: bold;
	height: 18px;
	border-collapse: collapse;
	padding-left: 5px;
	border-bottom-style: solid;
	cursor: pointer;
}

/**************************************/
/************* Edit Page **************/
/**************************************/
.full_edit_area
{
	width: 1005px;
	border: 1px solid black;   
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.full_edit_section_area
{
	width: 1005px;
	border: 1px solid black;   
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.half_edit_section_area
{
	width: 495px;
	border: 1px solid black;   
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.box_title
{
	background: #1e98d5;
	padding-left: 5px;
	font-weight:bold; 
	color: #fff;
	vertical-align: middle;
	font-size: 12px !important;
	line-height: 25px;
	cursor: pointer;
} 

.box_title_sub
{
	background: transparent url(./Images/buttonBg.gif) bottom left repeat-x;
	padding-left: 5px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	font-size: 12px !important;
	line-height: 25px;
} 

.section {
	background: #fff;
	padding: 20px 10px 20px 10px;   
}

.section_less_padding {
	background: #fff;
	padding: 10px 10px 10px 10px;   
}

.section_fieldset {
	padding: 0 25px 0 25px;   
}

.section_sub
{
	border-style: solid;
	border-width: 1px;
	background: #fff;
	padding: 10px 10px 10px 10px;
}

.section_sub_left
{
	border-style: solid;
	border-width: 1px;
	background: #fff;
	padding: 10px 10px 10px 10px;
    height: 290px;
}

.section_sub_right
{
	border-style: solid;
	border-width: 1px;
	background: #fff;
    height: 310px;
}

.section th {
	background: #278EDB !important;
	color: #fff;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	font-weight: bold;
}

.section_table
{
	width: 100%;
}

.sub_section_header td 
{
	background-color: #a4c387 !important;
	color: #fff;
}

/**************************************/
/********** Order Entry Page **********/
/**************************************/
.pickdrop_table
{
	width: 104% !important;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -9px;
}

.pickdrop_table td
{
	padding: 0px 0 0 2px
}

.pickdrop_head
{
	background: #278EDB !important;
	color: #fff;
}

.pickdrop_head td
{
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	font-weight: bold;
}

.total
{
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	background-color: #D1D1D1;
	border-top-style: solid;
	border-top-width: thin;
	padding-bottom: 5px;
}

.bulletedList
{    
    padding: 0;
}

.bulletedList li
{    
	list-style-type: disc;
	list-style-position: inside;
}

/**************************************/
/********** Track Order Page **********/
/**************************************/
.dashboardCellElement
{
	overflow: hidden;
	height: 201px;
	margin: 0 0px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: Black;
}

.dashboardCellElement h3 {
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
	text-align: center;
	background: #29d;
	padding: 5px;
	color: #fff;
	font-size: 12px !important;
}

.dashboardCellElementHalf
{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: Black;
	overflow: hidden;
	height: 100px;
	margin: 0 0px;
}

.dashboardCellElementHalf h3 {
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
	text-align: center;
	background: #29d;
	padding: 5px;
	color: #fff;
	font-size: 12px !important;
}

.listPickDrop
{
	border-style: none;
	margin-top: -8px;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
}

.dashboardRowElement
{
	overflow: hidden;
	margin: 0 0px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: Black;
	height: 120px
}

.dashboardRowElement h3 {
	font-weight: bold;
	display: block;
	margin: 0 0px 5px 0;
	text-align: left;
	background: #29d;
	padding: 5px;
	padding-left: 20px;
	color: #fff;
	font-size: 12px !important;
}

/* TrackOrder.aspx */

#locate_container 
{
    position:relative;
}

#locate_container #locateMap 
{
	float: left;
	border: #CCC solid 5px;
    border-right-width: 0px;
    width: 779px;
    height: 557px;
}

#locate_container #info_area
{
    float: right;
    border: solid 5px #cccccc; 
    margin-top: 0px;
    border-left-width: 5px;
    background-color: #eeeeee;
    width: 201px;
    height: 557px;
}

.infobox-outer 
{ 
	width: 178px; 
	background-image: url(./Images/ui-box-top.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	margin: 5px auto 0px auto; 
	color: Black; 
	position: relative;
}

.infobox-inner 
{ 
	width: 168px; 
	background-image: url(./Images/ui-box-bottom.png); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	position: relative; 
	padding: 5px;
}

#lastupdated 
{ 
	text-align: center;
}

#lastupdated .ago 
{ 
	color: #1e98d5; 
}

#lastupdatedstamp 
{ 
	font-size: 0.8em; 
	text-align: center; 
}

#address 
{ 
	height: 49px; 
	text-align: center; 
	color: #1e98d5; 
	padding: 0px 0px 0px 0px;
}

#speed 
{ 
	position: relative;   
	background-repeat: no-repeat; 
	width: 101px; 
	height: 37px; 
	margin: 15px 0px 0px 12px;
	
	background: transparent url(./Images/speed-bkg.png) top left no-repeat;
	margin: 0 0 0 5px;
	float: left; 
}

#speed #speedcount 
{ 
	right: 0px;
	top: 0;
	position: relative;
}

#speed #speedcount img {
	padding: 0;
	margin: 6px 0 0;
}

#speedodo 
{ 
	width: 66px; 
	height: 22px; 
	background-image: url(./Images/odo-bkg.png); 
	background-repeat: no-repeat; 
	color: #FFFFFF; 
	position: relative; 
	text-align: right; 
	padding: 3px 35px 0px 0px; 
	margin: 10px 0px 0px 12px;
	line-height: 18px; 
}

#trip 
{ 
	width: 66px; 
	height: 22px; 
	background-image: url(./Images/trip-bkg.png); 
	background-repeat: no-repeat; 
	color: #FFFFFF; 
	position: relative; 
	text-align: right; 
	padding: 3px 35px 0px 0px; 
	margin: 10px 0px 0px 0px; 
	line-height: 18px; 
}

#runAtTempStatus 
{
	border: 0;
	margin: 0;
	text-align: center;
	overflow: hidden;
	float: left;
	font-weight: bold;
	color: #000000;
}

#trailerTempStatus, #tempStatus
{
	border: 0;
	margin: 0;
	text-align: center;
	overflow: hidden;
	float: left;
	font-weight: bold;
	color: #ffffff;
}

#runAtTempStatus div, #trailerTempStatus div, #tempStatus div
{
	width: 42px;
	height: 28px;
	margin: 0px 0 0 0px;
	font-size: 10px;
	line-height: 30px;
}

.temp_td 
{
	height:54px;
	text-align:center;
	padding: 5px 0 5px 4px;
}

.temp_td2 
{
	height:54px;
	text-align:center;
	padding: 5px 0 5px 4px;
	/*width:79px;*/
}

.temp_td3 
{
	height:54px;
	text-align:center;
	padding: 5px 0 5px 4px;
	/*width:79px;*/
}

.section_less_less_padding {
	background: #fff;
	padding: 5px 10px 5px 10px;   
}

.graph_section
{
	width: 100%;
	margin: 0px;
}

.graph_section td
{
	padding: 5px 0 5px 0;
}

.chart_Table
{
	width: 100%;
	border-spacing:0px;
	border-collapse:collapse;
	margin-top: -5px;
}

.chartArea
{
	margin-left: 50px;
}

.section_border
{
	background: #fff;
	margin: 15px;
	border-collapse: collapse;
}

.section_border .checkcall_section tr
{
	border: 2px solid Black !important;
	padding: 5px;
}

.section_border .checkcall_section td
{
	border: thin solid #999999 !important;
	padding: 5px;
}

.section_border .checkcall_section td td
{
	border: none !important;
}

.section_border .checkcall_section tr tr
{
	border: none !important;
}

.calendar
{
	border: thin solid #999999 !important;
	background: #fff;
}

.calendar td
{
	padding: 0px !important;
}

.calendar .ajax__calendar_invalid .ajax__calendar_day, .ajax__calendar_invalid
{
	background-color: #CCC;
	color: White;
	text-decoration: line-through;
	cursor: default;
}

.ajax__calendar_invalid:hover
{ 
	background-color: #CCC;     
	color: White;
    text-decoration: line-through; 
    cursor: default;
}

/*
.calendar .ajax__calendar_title,  
.calendar .ajax__calendar_next,  
.calendar .ajax__calendar_prev      
{      
	color: #004080;      
	padding-top: 3px;  
} 
*/

#slider
{
	margin: 10px 10px -10px 10px;
	z-index: 0;
}

#dateSlider
{
	margin: 18px 27px -15px 27px;
	z-index: 0;
}

/**************************************/
/************ Dashboard/Console Page ************/
/**************************************/
.filter_section_area
{
	width: 800px;
	border: 1px solid black;   
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.filter_box_title
{
	background: #DDE3DD;
	padding-left: 5px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	font-size: 12px !important;
	line-height: 25px;
	cursor: pointer;
} 

/**************************************/
/************* MISC Stuff *************/
/**************************************/
.top
{
	float: right; 
    font-size: 8pt; 
    font-style: normal;
}

.bottomLink { margin: 0 5px; }

.title .nofill 
{
    background: transparent none repeat scroll 0 0;
}

.section_none 
{
	width: 1008px;
	margin: 5px auto;
}

.link_label
{
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#loadSharing 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#accountingUpdate 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#comments 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#quickSearchContainer 
{
	position: absolute;
	right: 10px;
	line-height: 50px;
}

#quickSearch 
{
	color: #000;
}

#tooltip {
	position: absolute;
	z-index: 100000;
	border: 2px solid #3f2c0c;
	background: #eee;
	padding: 5px;
	font-size: 11px;
	opacity: 0.9;
	font-family: inherit !important;
}

#tooltip h3, #tooltip div { 
	margin: 0; font-size: 11px;
	font-weight: bold;
}

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotificationSignIn
{
    font-size: 12px;
    color: Red;
    margin-left: -3px;
    vertical-align:top;
}

.failureNotificationCreateEmail
{
    font-size: 12px;
    color: Red;
    margin-left: -7px;
    vertical-align:top;
}

.failureNotification
{
    font-size: 12px;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.checkboxAlign
{
	position: relative;
    top: 3px;
}

.checkboxAlign label
{
	position: relative;
    top: -3px;
}

.underline
{
	text-decoration: underline;
}

.submitButton
{
    text-align: right;
    padding-right: 5px;
}

.groupLegend
{
	font-size: 11px;
	font-weight: bold;
}

.groupLegend_NoBold
{
	font-size: 11px;
	font-weight: normal;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.redLabel
{
	color: #FF0000;
	cursor: pointer;
}

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditError
{
    background-color: #ffcccc;
    color: Red;
}

/* Styles for Document pages */
.siteDetailContainer {
	padding: 5px 10px;
	margin: 10px 0;
	background: #fff;
}

.siteDetailContainer p {
	text-align: justify;
}

.siteDetailContainer h1 {
	color: #1e98d5;
	border-bottom: 2px solid #1e98d5;
}

.siteDetailContainer h2 {
	color: #3f2c0c;
}

/**************************************/
/******* Rate Confirmation Page *******/
/**************************************/
.no_border_table
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: none;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    font-size: 9pt;
    color: black;
    text-decoration: none;
}

.border_box
{
    border: #000 1px solid;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

/**************************************/
/********** Import Order Page *********/
/**************************************/
.long_text_box
{
	font-size: 11px !important;
}

.border_box_preview
{
    border: #000 1px solid;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

/**************************************/
/********** Promotion/Upgrade *********/
/**************************************/
.upgrade
{
    padding: 20px, 20px, 20px, 20px;
    color: #1e98d5; 
    font-size:16px; 
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.upgrade ul {
    /*list-style-type:square;
    list-style-image: url("./Images/green.png");*/
}

.upgrade ul li { line-height:30px; }

/***************************************************************************/

body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
input[type=submit],
input[type=button],
button { font-family:Arial, Helvetica, sans-serif; }

/* Validator messages on multiple pages. */
.Invalid { color:Red; }

/* Makes a link resemble a button. (Previously known as ".mcHyperLink".) */
a.Button-Like { background-color:#278EDB; color:#FFF !important; font-weight:bold; cursor:pointer; padding:1px .6ch; border-radius:.5ch; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }/* Some declarations might be redundant? */
a.Button-Like:hover { text-decoration:none; }

#AdminNavBar > #top_nav_bar { border-top:0; margin-top:-2px; }

/* Used on ~/Account/UserPreferences.aspx and ~/App/OrderEntry2.aspx */
@keyframes FadeOut { from{ opacity:1; } to{ opacity:0; } }

/* Google Maps info "tool tip" */
div.gm-style-iw img { vertical-align:middle; }

/* Column headings on multiple pages. */
th.Ascending:after { content:'\A0\25B2'; }
th.Ascending2:after { content:'\A0\25B3'; }
th.Descending:after { content:'\A0\25BC'; }
th.Descending2:after { content:'\A0\25BD'; }

/* For the ModalPopupExtender on multiple pages. */
.Modal { background:#FFF; border:2px solid #000; padding:1em 2em; }
.ModalBackground { background:rgba(0, 0, 0, 0.5); }

/* For the AutoCompleteExtender on multiple pages. */
.AutoCompleteExtenderCompletionList { z-index:100002 !important; margin:0; padding:0; border:1px solid #000; background:#FFF; box-shadow:0px 2px 2px #000; }/* "the default z-index of a ModalPopupExtender is 100001" */
.AutoCompleteExtenderCompletionList > li { display:block; }

/* Arrows are usually too small. */
.Arrow { font-size:large; }

/* For the buttons at the bottom of a UI/dialog on multiple pages. */
.ButtonsRow { text-align:right; }

/* Icons on multiple pages. */
.BatteryIcon { width:16px; height:16px; }

/* UpdateProgress controls on multiple pages. */
.Progresser { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:100002; }/* "the default z-index of a ModalPopupExtender is 100001" */
.Progresser { -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.Progresser > * { width:12em; margin:40vh auto 0; padding:1ex 0; background:#FFF; text-align:center; border-radius:1ex; }
.Progresser > * * { vertical-align:middle; }

/* Used on several pages to control the width of the TabContainer... */
/* This is a very weird selector because setting either id or class caused TabContainer exceptions, so I had to make up something else. */
[data-class2=Tabs] { margin:2em auto; width:80vw; min-width:900px; }
[data-class2=Tabs0] { margin:2em auto; }/* ~/Account/UserPreferences.aspx */

/* Appears on a few pages... */
#UploadBolButton { float:right; }
#UploadBolOrderNumberTB { width:8ch; }

/* ~/Account/Login.aspx */
#showPasswordCB { margin-left:1ch; }
#showPasswordCB + label { display:inline; }
#showPasswordCB + label { -webkit-user-select:none; -moz-user-select:none; user-select:none; }

/* ~/Account/UserPreferences.aspx */
#MainCPH_Tabs_ctl01_AlertReceivalSaveAckTag { animation:FadeOut 1s 5s linear forwards; margin-right:1ch; vertical-align:middle; font-weight:bold; }
#MainCPH_Tabs_ctl02_AlertCriteriaGrid { font-size:8pt; border:0; width:100%; }
#MainCPH_Tabs_ctl02_AlertCriteriaGrid * { border:0; }
#MainCPH_Tabs_ctl02_AlertCriteriaGrid th { background:#278EDB; color:#FFF; padding-left:.5ch; }
#MainCPH_Tabs_ctl02_AlertCriteriaGrid td { background:#EFF3FB; }
#MainCPH_Tabs_ctl02_AlertCriteriaPanel { font-size:8pt; }
#MainCPH_Tabs_ctl02_AlertCriteriaPanel > h3 { float:left; margin:0 2em 1ex 0; }
#MainCPH_Tabs_ctl02_AlertCriteriaPanel > h3 + p { margin:0; }
#MainCPH_Tabs_ctl02_AlertCriteriaPanel > h3 + p.Defaults { color:Red; font-weight:bold; }

/* ~/Admin/Contacts2.aspx and ~/App/Contacts2.aspx */
#Contacts2 { border-collapse:collapse; margin:1em auto; }
#Contacts2 #TopButtons { text-align:right; }
#Contacts2 #OneSearchTB { width:40ch; }
#MainCPH_LRTCompanyNameTB,
#MainCPH_CompanyNameTB { width:40ch; }
#Contacts2 table { margin:1ex 0; border:0 !important; }/* The important part overrides a "table table" selector above. */
#Contacts2 table.GridViewAngourie > tbody > tr > * { padding:.5em 1ch; }
#Contacts2 table.GridViewAngourie > tbody > tr > *:nth-child(3) { text-align:right; }/* Location column */
#Contacts2 table .Zero { text-align:center; font-weight:bold; }

/* ~/Admin/ContactEdit.aspx and ~/App/ContactEdit.aspx */
#MainCPH_ContactEdit_UpdatePanel #MainCPH_FactoringRows input { width:5ch; text-align:center; }
#MainCPH_ContactEdit_UpdatePanel #MainCPH_FundingHistoryTag { text-align:center; }
#MainCPH_docsGrid { font-size:11px; width:30ch !important; }/* The important part overrides a "table table" selector above. */
#MainCPH_docsGrid th { background:#278EDB; color:#FFF; padding-left:.5ch; }
#MainCPH_docsGrid td { background:#EFF3FB; padding-left:.5ch; }
#gmapAddress { width:100%; height:310px; }
#contactDiv .PersonsTable { border-collapse:collapse; }
#contactDiv .PersonsTable th { background:#278EDB; color:#FFF; padding:0 .5ch; border:1px solid #FFF; }
#contactDiv .PersonsTable td > input[type=submit] { /*font-size:inherit;*/ }/* Makes buttons smaller. */
#contactDiv .PersonsTable > tbody > tr > th { vertical-align:bottom; }
#contactDiv .PersonsTable > tbody > tr > :nth-child(n+6) { text-align:center; width:3ch; }
#contactDiv .PersonsTable > tbody > tr:nth-child(2) > td { padding-left:5ch; }
#contactDiv .PersonsTable > tbody > tr:last-child > td { border-bottom:1px solid #CCC !important; }/* The important part overrides a "table table" selector above. */
.PersonsEditor { white-space:nowrap; max-width:90vw; overflow-x:auto; }
.PersonEditor { display:inline-table; white-space:initial; border-collapse:collapse; width:45ch !important; }/* The important part overrides a "table table" selector above. *//* Also appears on OrderEntry2.aspx and ContactPostFunds.aspx. */
.PersonEditor h3 { margin:0; }
.PersonEditor > tbody > tr > td > input { box-sizing:border-box; }
.PersonEditor > tbody > tr:nth-child(1) > td > input { width:20ch; }
.PersonEditor > tbody > tr:nth-child(1) > td > input:last-child { float:right; }
.PersonEditor > tbody > tr:nth-child(2) > td > input,
.PersonEditor > tbody > tr:nth-child(5) > td > input { width:100%; }
.PersonEditor > tbody > tr:nth-child(3) > td > input,
.PersonEditor > tbody > tr:nth-child(4) > td > input { width:17ch; }
.PersonEditor > tbody > tr:nth-child(3) > td > input:last-of-type { width:10ch; }
.PersonEditor > tbody > tr:nth-child(6) > td > textarea { width:100%; box-sizing:border-box; height:5em; }

/* ~/App/ContactGroup.aspx */
#ContactGroup { border-collapse:collapse; margin:1em auto; }
.ContactGroupEditorSearchPanel { display:flex; }/* Also appears on OrderEntry2.aspx */
.ContactGroupEditorSearchPanel > input { flex:1; margin:.5em 0; }
#MainCPH_Editor_Grid1 { min-width:70ch; }
.Modal > .ContactGroupModal { border-collapse:collapse; border:0 !important; }/* The important part overrides a "table table" selector above. */
.Modal > .ContactGroupModal > tbody > tr > td > h3 { margin:0; }

/* ~/Admin/ContactPostFunds.aspx and ~/App/AccountsSummary.aspx */
.PostFundsHeading,
.PostFundsAverage { text-align:center; margin:0; }
#MainCPH_Tabs_ctl00_ImportUncollectedCsvButton { float:right; margin:0 1ch; }
.InvoicingGrid { margin-top:4em; }
.InvoicingGrid > tbody > tr > *:nth-child(-n+4) { width:1%; white-space:nowrap; }/* Minimize 1st 4 columns... */
.InvoicingGrid > tbody > tr > *:nth-child(3) { text-align:center; }/* Settled/Invoiced */
.InvoicingGrid > tbody > tr > th:nth-child(3) > button { position:absolute; margin-top:-3em; }
.InvoicingGrid > tbody > tr > td:nth-child(4) > .Remaining { color:Maroon; }
.InvoicingGrid > tbody > tr > *:nth-child(5) { width:90%; }
.InvoicingGrid > tbody > tr > td > input[type=submit] { font-size:inherit; padding:0 .5ch; margin-left:1ch; }/* Makes buttons smaller. */
#InvoicingInputPanel2 #InvoicingEmailToTB { width:30em; }
.PostFundsTab .NextCriteriaTag { padding-left:2ch; }
.PostFundsGrid > tbody > tr > th { font-size:11px; vertical-align:bottom; }
.PostFundsGrid > tbody > tr > *:nth-child(-n+7) { width:1%; white-space:nowrap; }/* Minimize 1st 7 columns... */
.PostFundsGrid > tbody > tr > *:nth-child(3),/* Delivered */
.PostFundsGrid > tbody > tr > *:nth-child(4),/* Settled/Invoiced */
.PostFundsGrid > tbody > tr > *:nth-child(5) { text-align:center; }/* Paid/Collected */
.PostFundsGrid > tbody > tr > th:nth-child(5) > button { position:absolute; margin-top:-3em; }
.PostFundsGrid > tbody > tr > td:nth-child(6) > input { width:8ch; color:Red; }/* Charges */
.PostFundsGrid > tbody > tr > td:nth-child(6) > .Remaining { color:Maroon; }
.PostFundsGrid > tbody > tr > :nth-child(7).FundsReceiptReference { padding-left:.5rem; }
.PostFundsGrid > tbody > tr > td:nth-child(8) > input { width:90%; min-width:25ch; }/* Detail */
.PostFundsGrid > tbody > tr > td:nth-child(9) { width:1%; white-space:nowrap; }/* BillTo/PayTo */
.PostFundsGrid > tbody > tr > td:nth-child(10),
.PostFundsGrid > tbody > tr > td:nth-child(11) { vertical-align:bottom; font-weight:bold; white-space:nowrap; }/* Subtotals */
.PostFundsGrid > tbody > tr:last-child > td { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }/* font-family added to match SkinFile... */
.PostFundsGrid > tbody > tr > *.Dollars { text-align:right; }
.PostFundsGrid > tbody > tr > td > input[type=submit] { font-size:inherit; padding:0 .5ch; margin-left:1ch; }/* Makes buttons smaller. */
.PostFundsTab input.ExpectedTotal { width:12ch; }
.UncollectedGrid > tbody > tr > th { font-size:11px; vertical-align:bottom; }
.UncollectedGrid > tbody > tr > :nth-child(n+2) { text-align:right; padding-left:1.5ch; padding-right:0.5ch; }
.UncollectedGrid > tbody > tr > td { border-bottom:1px solid transparent; }
.UncollectedGrid > tbody > tr:hover > td { border-bottom:1px solid #CCC; }
.UncollectedGrid > tbody > tr:last-child > * { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }/* font-family added to match SkinFile... */
.CollectedGrid > tbody > tr > th { font-size:11px; vertical-align:bottom; }
.CollectedGrid > tbody > tr > :nth-child(n+2) { text-align:right; padding-left:1.5ch; padding-right:0.5ch; }
.CollectedGrid > tbody > tr > td { border-bottom:1px solid transparent; }
.CollectedGrid > tbody > tr:hover > td { border-bottom:1px solid #CCC; }
.CollectedGrid > tbody > tr:nth-last-child(-n+2) > * { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }/* font-family added to match SkinFile... */
#CollectedReportLink { float:right; }

/* ~/Admin/Customizations.aspx */
#MainCPH_lbBillingUnAssigned > option.FactoringFee,
#MainCPH_lbBillingAssigned > option.FactoringFee { color:DarkGreen; }

/* ~/App/AccountsImport.aspx */
.AccountsImport { margin:auto; }
.AccountsImport h3 { text-align:center; }
.AccountsImport fieldset { width:60ch; margin:0; /*box-sizing:border-box;*/ }
.AccountsImport fieldset samp { background:#EFF3FB; }
.AccountsImport fieldset ul { margin:1em 0; }
.AccountsImport fieldset ul .Invalid { color:Maroon; }
.AccountsImport h4 { text-align:center; }
.AccountsImport #ErrorGrid { margin:auto; }
.AccountsImport #ErrorGrid > tbody > tr > * { vertical-align:top; }
.AccountsImport #ErrorGrid > tbody > tr > th { background:#1e98d5; color:#FFF; padding:1px .5ch; }
.AccountsImport #ErrorGrid > tbody > tr > :nth-child(1) { text-align:right; }
.AccountsImport #ErrorGrid > tbody > tr > td:nth-child(3) { color:Red; }
.AccountsImport #ParsedGrid { margin:auto; }
.AccountsImport #ParsedGrid > tbody > tr > * { border:0; padding:1px .5ch; }
.AccountsImport #ParsedGrid > tbody > tr > th { background:#1e98d5; color:#FFF; vertical-align:bottom; position:sticky; top:0; }
.AccountsImport #ParsedGrid > tbody > tr > td { vertical-align:top; }
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(1),
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(2),
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(7) { text-align:center; }
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(3),
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(4),
.AccountsImport #ParsedGrid > tbody > tr > td:nth-child(5) { text-align:right; }
.AccountsImport #ParsedGrid > tbody > tr > td > ul { padding:0 3ex; }
.AccountsImport #ParsedGrid > tbody > tr > td { border-bottom:1px solid transparent; background:transparent; }
.AccountsImport #ParsedGrid > tbody > tr:hover > td { border-bottom:1px solid #CCC; }

/* ~/App/MapAssets.aspx */
#gmapAssets { width:100%; height:500px; }
#GridViewAssets tr.Infoed { background:#F6DC79; }
#GridViewAssets .Outdated { color:Maroon; }

/* ~/App/MapOrders.aspx */
#gmapOrders { width:100%; height:500px; }
#GridViewOrders tr.Infoed { background:#F6DC79; }

/* ~/App/MyConsole.aspx */
.GridViewAngourie tr.Postee { background:#FDD; }
.GridViewAngourie tr.Postee:hover { background:#EDD; }

/* ~/App/OrderEntry*.aspx and probably elsewhere... */
a.aspNetDisabled { color: Gray; }
.OrderCriteriaModal > h3 { margin:0; }
.OrderCriteriaModal > p { display:flex; align-items:center; }
.OrderCriteriaModal > p > :nth-child(n+2) { margin-left:1ch; }
.OrderCriteriaModal > p > span.Label1 { width:7ch; }
.OrderCriteriaModal > p > input.TB1 { flex-grow:1; }

/* ~/App/OrderEntry*.aspx and ~/App/RateConfirmation*.aspx */
#MainCPH_AlertDetail > div > div { background:#EFF3FB; }
#MainCPH_AlertDetail table.AlertsSection { width:auto !important; background:inherit; }/* The important part overrides a "table table" selector above. */
#MainCPH_AlertDetail table.AlertsSection > tbody > tr > td:nth-child(2) { vertical-align:top; }
#MainCPH_AlertDetail table.AlertsSection > tbody > tr > td:nth-child(2) > input[type=submit] { margin-bottom:1ex; }
#MainCPH_AlertTriggersGrid { width:max-content !important; }/* The important part overrides a "table table" selector above. */
#MainCPH_AlertTriggersGrid th { background:#278EDB; color:#FFF; padding-left:.5ch; padding-right:.5ch; }
#MainCPH_AlertTriggersGrid td { background:#EFF3FB; }
#MainCPH_AlertTriggersGrid > tbody > tr > :nth-child(2) { width:1%; text-align:center; }
#MainCPH_AlertCriteriaPanel > h3 { float:left; margin:0 2em 1ex 0; }
#MainCPH_AlertCriteriaPanel > h3 + p { margin:0; }
.OrderAlertCriteriaEditor { font-size:11px; padding:0 !important; max-height:50vh; overflow-y:auto; display:block; border-spacing:2px 0; clear:both; }/* The important part overrides a "table table" selector above. *//* Also appears on ~/Account/UserPreferences.aspx */
.OrderAlertCriteriaEditor > tbody > tr > th { background:#278EDB; color:#FFF; padding:0 .5ch; position:sticky; top:0; }
.OrderAlertCriteriaEditor > tbody > tr > :first-child { text-align:center; }
.OrderAlertCriteriaEditor > tbody > tr > td:nth-child(2) > input { width:4ch; text-align:center; }
.OrderAlertCriteriaEditor > tbody > tr > td > .Invalid { display:block; }
#MainCPH_AlertReceivalPanel > h3 { float:left; margin:0 2em 1ex 0; }
#MainCPH_AlertReceivalPanel > h3 + p { margin:0; }
.OrderAlertReceivalEditor { padding:0 !important; clear:both; }/* The important part overrides a "table table" selector above. */
.OrderAlertReceivalEditor > tbody > tr > td { vertical-align:top; }/* Also appears on ~/Account/UserPreferences.aspx */
.OrderAlertReceivalEditor > tbody > tr > td:nth-child(2) { padding-left:2em; }
.OrderAlertReceivalEditor .OrderAlertFlagsGrid { font-size:11px; padding:0 !important; border:0; border-collapse:separate; border-spacing:2px 0; max-height:50vh; overflow-y:auto; display:block; }/* The important part overrides a "table table" selector above. */
.OrderAlertReceivalEditor .OrderAlertFlagsGrid > tbody > tr > * { border:0; }
.OrderAlertReceivalEditor .OrderAlertFlagsGrid > tbody > tr > th { background:#278EDB; color:#FFF; padding:0 .5ch; position:sticky; top:0; }
.OrderAlertReceivalEditor .OrderAlertFlagsGrid > tbody > tr > :first-child { text-align:center; }
.OrderAlertReceivalEditor .OrderAlertGroupsGrid { font-size:11px; padding:0 !important; border:0; border-collapse:separate; border-spacing:2px 0; }/* The important part overrides a "table table" selector above. *//* Only appears on ~/Account/UserPreferences.aspx */
.OrderAlertReceivalEditor .OrderAlertGroupsGrid > tbody > tr > * { border:0; }
.OrderAlertReceivalEditor .OrderAlertGroupsGrid > tbody > tr > th { background:#278EDB; color:#FFF; padding:0 .5ch; }
.OrderAlertReceivalEditor .OrderAlertGroupsGrid > tbody > tr > :first-child { text-align:center; }
.OrderAlertReceivalEditor input[type=checkbox] + label { min-width:8ch; display:inline-block; }
.OrderAlertReceivalEditor input[type=text] { width:calc(100% - 16ch); min-width:50ch; }
#MainCPH_OrderDocsDetail > div > table { background:#EFF3FB; }
#docsTable { width:auto !important; border-collapse:collapse; background:inherit; }/* The important part overrides a "table table" selector above. */
#docsTable > tbody > tr > td { vertical-align:top; padding:0; }
#docsTable > tbody > tr > td:nth-child(n+2) { padding-left:1ch; }
#MainCPH_docsGrid { font-size:11px; width:30ch !important; }/* The important part overrides a "table table" selector above. */
#MainCPH_docsGrid th { background:#278EDB; color:#FFF; padding-left:.5ch; }
#MainCPH_docsGrid td { background:#EFF3FB; padding-left:.5ch; }
#MainCPH_OrderTenderingDetail > div > table { background:#EFF3FB; }
#MainCPH_postloadMessageTag { color:Red; }
#MainCPH_bidTB { width:8ch; vertical-align:middle; }
#MainCPH_bidButton { margin-left:1ch; }
#MainCPH_bidAckTag { animation:FadeOut 1s 5s linear forwards; margin-left:1ch; vertical-align:middle; font-weight:bold; }
#MainCPH_posteesGrid { font-size:11px; margin-bottom:1em; width:auto !important; }/* The important part overrides a "table table" selector above. */
#MainCPH_posteesGrid th { background:#278EDB; color:#FFF; padding:0 .5ch; }
#MainCPH_posteesGrid td { background:#EFF3FB; padding-left:.5ch; }
#MainCPH_posteesGrid th:nth-child(2) { text-align:center; }
#MainCPH_posteesGrid td:nth-child(2) { text-align:right; }
#MainCPH_mailtoLink { margin-left:1ch; }
#MainCPH_postloadPanel h3 { margin:0; }
#MainCPH_postloadPanel > table { padding:0; border-spacing:0; }
#MainCPH_postloadPanel > table > tbody > tr > td { vertical-align:top; }
#MainCPH_postloadPanel > table > tbody > tr > td:nth-child(1) { width:40ch; padding-right:1em; }
#MainCPH_postloadTypeRBL { display:inline-block; vertical-align:top; }
#MainCPH_postloadTypeRBL * { margin-top:0; margin-bottom:1ex; vertical-align:top; }
#MainCPH_postloadDollarsTB { width:8ch; }
#MainCPH_postloadPanel fieldset { padding:0 0 0 .5ch; margin:0; }
#MainCPH_postloadPanel fieldset > legend { padding:0 .5ch; font-weight:normal; }
#MainCPH_postloadPanel fieldset input[type=text] { margin-right:.5ch; }
#MainCPH_postloadGroupEditor_Grid1 { min-height:20em; max-height:60vh; overflow-y:auto; display:block; padding:0; }
#MainCPH_postloadGroupEditor_Grid1 > tbody > tr > td input[type=checkbox] { margin:0 .5ch 0 0; }
#MainCPH_postloadGroupEditor_Grid1 > tbody > tr > td > .Disqualified > label { color:#AAA; text-decoration:line-through Maroon; }
#MainCPH_postloadGroupEditor_Grid1 > tbody > tr > td input[type=submit] { font-size:inherit; padding:1px .5ch; }/* Makes buttons smaller. */
#MainCPH_postloadGroupEditor_Grid1 > tbody > tr > td:nth-child(3) { text-align:center; padding:0 .5ch; }
#GridViewPickUp > tbody > tr > *,
#GridViewDelivery > tbody > tr > * { padding-bottom:2em; }
#MainCPH_getPaidNowLink { position:absolute; margin-top:calc(-1em + -8px); }
.FundingGrid { width:100%; }
.FundingGrid th { background:#278EDB; color:#FFF; height:18px; padding-left:3px; border-width:0 1px; }
.FundingGrid td { background:#EFF3FB; font-size:11px; }
.FundingGrid td:last-child { text-align:right; }
.FundingGrid .Footer { border-top:1px solid #000; }
.FundingGrid .Footer td { text-align:right; font-weight:bold; padding-top:5px; padding-bottom:5px; }
#MainCPH_DispatcherDetailPanel > div > div { background:#EFF3FB; padding:1em; }
#MainCPH_EquipmentInfoDiv .DriverSelectedRow { display:none; }
#MainCPH_EquipmentInfoDiv.DriverSelected .DriverNotSelectedRow { display:none; }/* This change happens when user selects a Driver ID from the DDL. */
#MainCPH_EquipmentInfoDiv.DriverSelected .DriverSelectedRow { display:table-row; }
.CommentModal > h3 { margin:0; }/* Also appears on TrackOrder.aspx */
.CommentModal > table { padding:0 !important; border-spacing:0; }/* The important part overrides a "table table" selector above. */
.CommentModal > table > tbody > tr > td { vertical-align:top; padding-top:1em; }
.CommentModal label > img { vertical-align:bottom; }
.CommentModal fieldset { margin:0; }
.CommentModal textarea { min-width:50vw; height:5em; }

/* ~/App/OrderImport.aspx */
#OrderImport { margin:1em auto; }
#OrderImport > tbody > tr > td { vertical-align:top; }
#OrderImport fieldset { margin:0 auto; width:40vw; min-width:450px; box-sizing:border-box; }
#OrderImport fieldset h4 { margin:1em 0 0; padding:.5ex 0; }
#OrderImport fieldset samp { background:#EFF3FB; }
#OrderImport fieldset ul { margin:1em 0; }
#OrderImport fieldset ul .Invalid { color:Maroon; }
#OrderImport #headersUnknownGrid { border:0; padding:0; }
#OrderImport #headersUnknownGrid > tbody > tr > * { vertical-align:top; }
#OrderImport #headersUnknownGrid > tbody > tr > th { background:#1e98d5; color:#FFF; }
#OrderImport #headersUnknownGrid > tbody > tr > :nth-child(1) { text-align:center; }
#OrderImport #headersUnknownGrid > tbody > tr > td:nth-child(2) { color:Red; }
#OrderImport #errorGrid { border:0; padding:0; }
#OrderImport #errorGrid > tbody > tr > * { vertical-align:top; }
#OrderImport #errorGrid > tbody > tr > th { background:#1e98d5; color:#FFF; }
#OrderImport #errorGrid > tbody > tr > :nth-child(1) { text-align:center; }
#OrderImport #errorGrid > tbody > tr > td:nth-child(2),
#OrderImport #errorGrid > tbody > tr > td:nth-child(3) { text-align:right; }
#OrderImport #errorGrid > tbody > tr > td:nth-child(3) { color:#AAA; }
#OrderImport #errorGrid.NoLine > tbody > tr > :nth-child(3) { display:none; }
#OrderImport #errorGrid > tbody > tr > td:nth-child(4) { color:Red; }
#OrderImport #orderGrid { border:0; padding:0; }
#OrderImport #orderGrid > tbody > tr > * { vertical-align:top; }
#OrderImport #orderGrid > tbody > tr > th { background:#1e98d5; color:#FFF; }

/* ~/App/Reports.aspx */
fieldset#Reports { width:50ch; margin:1em auto; }
fieldset#Reports li > h3 { margin-bottom:0; }
fieldset#Reports li:first-child > h3 { margin:0; }

/* ~/App/ReportsOrders/PickDropReport.aspx and similar. */
#GridViewReport > tbody > tr > * { white-space:pre-line; }

/* ~/App/ReportsOrders/PaidReport.aspx */
#PaidReport > form > h1 { text-align:center; }
#PaidReport > form > table { margin:0 auto; }
#PaidReport > form > table > tbody > tr > td:nth-child(2) { text-align:right; }
#ReportGrid > tbody > tr > * { white-space:pre-line; vertical-align:top; }
#PaidReport #ReportGrid > tbody > tr > td { padding:0 .5ch; }
#PaidReport #ReportGrid > tbody > tr > .Dollars { text-align:right; }
#PaidReport #ReportGrid > tbody > tr.Footer > * { text-align:right; font-weight:bold; }
#PaidReport #SearchCriteriaTag { font-size:smaller; }

/* ~/App/TrackOrder.aspx */
#locate_container #gmap { float:left; border:5px solid #CCC; border-right-width:0px; width:779px; height:557px; }
.checkcall_section > tbody > tr:nth-child(2) > td > div { height:calc(100vh - 24em); overflow-y:scroll; }
#GridViewCheckCalls > * > tr > * { text-align:center; }
#GridViewCheckCalls > tbody > tr > td:nth-child(1),/* Time */
#GridViewCheckCalls > tbody > tr > td:nth-child(5),/* Temperature */
#GridViewCheckCalls > tbody > tr > td:nth-child(8) { white-space:nowrap; }/* Next Time */
#GridViewCheckCalls > tbody > tr > td:nth-child(3):not(:empty):after { content:'\A0MPH'; }/* Speed */
#GridViewCheckCalls > tbody > tr > td:nth-child(5):not(:empty):after { content:'\B0 F'; }/* Temperature (the space is omitted) */
#GridViewCheckCalls tr.Infoed { background:#F6DC79; }