/* CSS Classes Related to Controls */

html, body 
{
	margin:0; padding:0; color: #333333; font-family: "segoe ui",arial,sans-serif; font-size:12px;
}
.bg
{
	background:  url(../../images/BlueSkin/bg2.gif) right top repeat-x #c9cacc;
}

#container
{
    width:100%; height:176px; overflow:inherit;background: url(../../images/BlueSkin/header.png) top no-repeat !important;
    /*border:solid 1px #333;*/
}
#wrapper
{
    width:990px; height:auto; margin:auto; background:transparent url(../../images/BlueSkin/Wrapperbg.png) repeat-y  0px 0px; /*behavior: url('../images/iepngfix.htc')*/
}
#content
{
    padding:5px 30px; min-height:400px;
}
#Header
{
    width:990px; height:auto; margin:auto; 
}
    #Header a
    {
        color:white; font-size:12px; font-weight:bold; line-height:25px;
    }
    .LabelUser,.LabelUser a
    {
        color:#97d2f6; 
    }
#nav
{
	 height:52px; float:right; padding-top:4px;
}

#navleft 
{
	background:url(../../images/nav-left.png) no-repeat left; width:20px; height:42px; behavior: url('../images/iepngfix.htc'); float:left
}
#navright 
{
	background:url(../../images/nav-right.png) no-repeat right;width:20px; height:42px; behavior: url('../images/iepngfix.htc'); float:left
}
#navbg
{
	background:url(../../images/nav-middle.gif) repeat-x; height:42px; width:auto; float:left; padding:3px 0px 0px 0px;
}
.clear 
{
    clear: both; 
}

.clearfix:after{
    content: ".";  display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
	.clearfix 
	{
		display: inline-block;
	} 
		html .clearfix 
		{
			height: 1%;
		}
	.clearfix 
	{
		display:block;
	}
	
.FloatRight
{float:right}

.FloatLeft
{float:left}
.RequiredBorder .rcTable
{
   margin:2px !important /*padding-left:5px !important #dfca87*/
} 

.RequiredBorderDrop
{
  border:red solid 2px;
} 
#footer
{
    
    width:990px; height:80px; margin:0 auto; 
    background: url(../../images/BlueSkin/footerbg.png) repeat-x -5px 0px; behavior: url('../images/iepngfix.htc')
}

.fontbold /*when all labels on a container are bold*/
{
    font-weight:bold;    
}

.tabcontainer
{
	background: url(../../images/TabBorder.gif)  bottom repeat-x; 	padding:0 0 30px 10px; /*border:solid 1px #333;*/
}
    
.PanelHeader
{
	background: url(../../images/Blueheaderbg.gif)  top repeat-x; padding:0 8px; line-height:35px; color:#fff !important;
}
    .PanelHeader .Labels
    {
	     color:#fff !important;
    }
    
.PanelHeaderDates
{
    background: url(../../images/Blueheaderbg.gif) #023d60 top repeat-x; padding:1px 8px; margin: 0 0 5px 0; line-height:18px; color:#fff !important;
}
    .PanelHeaderDates .Labels
    {
	     color:#fff !important;
    }    

.Panelcontainer
{
	background: url(../../images/panelbg.gif) top repeat-x; padding:10px;
}

.Hdivider
{
    background: #e9e9e9; height:2px;
}

#checkip 
{
	background: url(../../images/box-small.png) no-repeat center; width:238px; height:93px; padding:40px 30px 30px 30px; text-align:center; font-weight:bold; line-height:30px; color:#ff0000; margin:auto;
}

/*	BUTTONS */

.Buttons,
.Buttons_Bold
{
	color: #0e4214; font-size:11px; CURSOR: pointer; border: #66762c 1px solid; font-weight: bold;
	background: url(../../images/BlueSkin/Primary-button.gif) right top repeat-x #a2da09;padding: 0.2em;		
}
.SecButtons,
.SecButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #2d78b1 1px solid; font-weight: bold;
    background: url(../../images/BlueSkin/Secondary-button.gif) right top repeat-x #89aec2;padding: 0.2em;	
}
.NeutralButtons,
.NeutralButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #848484 1px solid; font-weight: bold;
    background: url(../../images/BlueSkin/Neutral-button.gif) right top repeat-x #dde2ed;padding: 0.2em;	
}
.NegativeButtons,
.NegativeButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #a69d80 1px solid; font-weight: bold;
    background: url(../../images/BlueSkin/Negative-button.gif) right top repeat-x #fa5c5b;padding: 0.2em;	
}

.Buttons:hover,
.Buttons_Bold:hover,
.SecButtons:hover,
.SecButtons_Bold:hover,
.NeutralButtons:hover,
.NeutralButtons_Bold:hover,
.NegativeButtons:hover,
.NegativeButtons_Bold:hover
{
	color: #000; 
}
a.buttonclearB
{ 
	background:transparent url('../../images/bg_button_aB.gif') no-repeat scroll bottom right;
	overflow: hidden; 
	width: auto; 
	text-decoration:none; 
	font-weight:bold; 
	color: #fff;  
	display: block;  
	float: left; 
	height: 36px;
	margin-right:18px; 
	padding-right: 18px; 
	text-decoration: none;
}
.buttonclearB a:active, a.buttonclearB :hover

{
    /*background-position: bottom right;*/
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.buttonclearB a:active span
 {
    background-position: bottom left;padding: 5px 0 4px 18px;  /* push text down 1px */
}
	a.buttonclearB span 
	{
	background:transparent url('../../images/bg_button_spanB.gif') no-repeat bottom left; display: block; line-height: 27px; padding: 5px 0 4px 18px;
	} 
	
	
	
a.buttonclearC
{ 
	background:transparent url('../../images/bg_button_aB.gif') no-repeat scroll bottom right;
	overflow: hidden; 
	width: auto; 
	text-decoration:none; 
	font-weight:bold; 
	color: #fff;  
	display: inline;  
	height: 12px;
	margin-right:5px; 
	padding-right: 18px; 
	text-decoration: none;
}
.buttonclearC a:active, a.buttonclearC :hover

{
    /*background-position: bottom right;*/
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.buttonclearC a:active span
 {
    background-position: bottom left;padding: 5px 0 4px 18px;  /* push text down 1px */
}
	a.buttonclearC span 
	{
	background:transparent url('../../images/bg_button_spanB.gif') no-repeat bottom left; 
	display: inline; 
	line-height: 22px; 
	padding: 5px 4px 4px 22px;
	} 
	
a.buttonclearGrid
{ 
	background:transparent url('../../images/bg_button_aB.png') no-repeat scroll top right;
	overflow: hidden; 
	width: auto; 
	text-decoration:none; 
	font-weight:bold; 
	color: #fff;  
	display: block;  
	float: left; 
	height: 20px;
	margin-right:12px; 
	padding-right: 12px; 
	text-decoration: none;
}
.buttonclearGrid a:active, a.buttonclearGrid :hover

{
    /*background-position: bottom right;*/
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.buttonclearGrid a:active span
 {
    background-position: bottom left;padding: 5px 0 4px 12px;  /* push text down 1px */
}
	a.buttonclearGrid span 
	{
	background:transparent url('../../images/bg_button_spanB.png') no-repeat top left; 
	display: block; line-height: 12px; padding: 5px 0 4px 12px;
	} 
	
	

/*	END OF BUTTONS */

/*  Dashboard Docks  */

.DockContainer
{
	background:url(../../images/DockContainerbg.gif) top repeat-x #fff; border:#fff 1px solid;
	padding:0; margin:0;
	/*border-top: #c5c5c5 1px solid; padding-top:3px; ; border-right:2px; border-left:2px !important;*/
}
/*  ENDDashboard Docks  */

/*Origin Destination Screen*/

.ODBG
{
    Width:534px; height:389px; margin:auto;
} 
    .ODBGtop
    {
        background:url('../../images/ODB-bg.png') no-repeat bottom left;  Width:auto; height:287px; 
    }
        .ODBGcont
        {
              width:90%; height:auto; margin:auto;padding:40px 0;
        }
    .ODBGfooter
    {
        background:url('../../images/ODB-footer.png') no-repeat bottom left;  Width:auto; height:102px; 
    } 	
/*END Origin Destination Screen*/
a.ts_tabmenu2
{ 
	background:transparent url('../../images/tabs_a.png') no-repeat top right;
	overflow: hidden; width: auto; text-decoration:none; font-weight:bold; color: #fff;  
	 display: block;  float: right; height: 36px; margin-right:-5px; padding-right: 18px; text-decoration: none;
}
.ts_tabmenu2 a:active

{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
 a.ts_tabmenu2:hover
{
    background-position: bottom right;
    color: #000;
    outline: none; height: 34px;/* hide dotted outline in Firefox */
}
.ts_tabmenu2 a:active span
{
    background-position: bottom left; padding: 0px 0 4px 18px;  /* push text down 1px */
}
  a.ts_tabmenu2:hover span
 {
    background-position: bottom left; padding: 5px 0 4px 18px;  /* push text down 1px */
}
	a.ts_tabmenu2 span 
	{
	background:transparent url('../../images/tabs_span.png') no-repeat top left; display: block;
	 line-height: 27px; padding: 5px 0 4px 10px;
	} 
	
	

/*CSS TABS*/
/*.ts_tabmenu3 .ts_tabmenu_selected {
	line-height:15px; margin: 0px; list-style-type: none; float: left;padding: 0px 0px 0px 0px;	padding:8px 20px 0px 0px; 
}*/
.ts_tabmenu3, .ts_tabmenu_selected{
	line-height:15px; margin: 0px; list-style-type: none;padding: 0px 0px 0px 0px; float:left;/*	padding:8px 20px 0px 0px; */
}
a.ts_tabmenu3 {
	text-decoration: none; font-size: 12px !important; color: #fff !important; white-space:nowrap !important;
	display: block;  padding: 0px 15px 0px 0px; background: url(../../images/tabs.png) #e1e5e8 no-repeat right top; 
	margin-right: -6px;   z-index: 0; position: relative; float: left; 
}
a.ts_tabmenu_selected {
	text-decoration: none; font-size: 12px !important;  color: #000 !important; white-space:nowrap !important;
	display: block; padding: 0px 15px 0px 0px;background: url(../../images/tabs.png) no-repeat right bottom; 
	margin-right: -6px;  z-index:0; position: relative; float: left; 
}
a.ts_tabmenu3 strong {
	font-weight: bold; display: block;    background: url(../../images/tabs.png) no-repeat LEFT top;
	 padding:12px 12px 7px 10px; cursor: pointer;  
}
 a.ts_tabmenu3:hover{
	text-decoration: none; position: relative; z-index: 5; background: url(../../images/tabs.png) no-repeat right bottom;
	 color: #000 !important;
}

 a.ts_tabmenu3:hover strong
 {
	background-image: url(../../images/tabs.png) no-repeat;  position: relative;  z-index: 5;  background-position: LEFT bottom;
	}

a.ts_tabmenu_selected strong{
 padding:12px 12px 7px 10px; cursor: pointer;  font-weight: bold; display: block;  
background: url(../../images/tabs.png) no-repeat  LEFT bottom;  position: relative;  z-index: 5;
}

.ts_tabmenu4, .ts_tabmenu4_selected{
	line-height:15px; margin: 0px; list-style-type: none;padding: 0px 0px 0px 0px; float:left;/*	padding:8px 20px 0px 0px; */
}
a.ts_tabmenu4 {
	text-decoration: none; font-size: 12px !important; color: #fff !important; white-space:nowrap !important;
	display: block;  padding: 0px 15px 0px 0px; background: url(../../images/tabs2.png) #fff no-repeat right top; 
	margin-right: -6px;   z-index: 0; position: relative; float: left; 
}
a.ts_tabmenu4_selected {
	text-decoration: none; font-size: 12px !important;  color: #000 !important; white-space:nowrap !important;
	display: block; padding: 0px 15px 0px 0px;background: url(../../images/tabs2.png) no-repeat right bottom; 
	margin-right: -6px;  z-index:0; position: relative; float: left; 
}
a.ts_tabmenu4 strong {
	font-weight: bold; display: block;    background: url(../../images/tabs2.png) no-repeat LEFT top;
	 padding:12px 12px 7px 10px; cursor: pointer;  
}
 a.ts_tabmenu4:hover{
	text-decoration: none; position: relative; z-index: 5; background: url(../../images/tabs2.png) no-repeat right bottom;
	 color: #000 !important;
}

 a.ts_tabmenu4:hover strong
 {
	background-image: url(../../images/tabs2.png) no-repeat;  position: relative;  z-index: 5;  background-position: LEFT bottom;
	}

a.ts_tabmenu4_selected strong{
 padding:12px 12px 7px 10px; cursor: pointer;  font-weight: bold; display: block;  
background: url(../../images/tabs2.png) no-repeat  LEFT bottom;  position: relative;  z-index: 5;
}




.ts_tabmenuwhite, .ts_tabmenu4_selected{
	line-height:15px; margin: 0px; list-style-type: none;padding: 0px 0px 0px 0px; float:left;/*	padding:8px 20px 0px 0px; */
}
a.ts_tabmenuwhite {
	text-decoration: none; font-size: 12px !important; color: #fff !important; white-space:nowrap !important;
	display: block;  padding: 0px 15px 0px 0px; background: url(../../images/tabs3.png) #fff no-repeat right top; 
	margin-right: -6px;   z-index: 0; position: relative; float: left; 
}
a.ts_tabmenuwhite_selected {
	text-decoration: none; font-size: 12px !important;  color: #000 !important; white-space:nowrap !important;
	display: block; padding: 0px 15px 0px 0px;background: url(../../images/tabs3.png) no-repeat right bottom; 
	margin-right: -6px;  z-index:0; position: relative; float: left; 
}
a.ts_tabmenuwhite strong {
	font-weight: bold; display: block;    background: url(../../images/tabs3.png) no-repeat LEFT top;
	 padding:12px 12px 7px 10px; cursor: pointer;  
}
 a.ts_tabmenuwhite:hover{
	text-decoration: none; position: relative; z-index: 5; background: url(../../images/tabs3.png) no-repeat right bottom;
	 color: #000 !important;
}

 a.ts_tabmenuwhite:hover strong
 {
	background-image: url(../../images/tabs3.png) no-repeat;  position: relative;  z-index: 5;  background-position: LEFT bottom;
	}

a.ts_tabmenuwhite_selected strong{
 padding:12px 12px 7px 10px; cursor: pointer;  font-weight: bold; display: block;  
background: url(../../images/tabs3.png) no-repeat  LEFT bottom;  position: relative;  z-index: 5;
}


/*END OF CSS TABS*/

/* LABELS */

.Labels_PageHeading
{
	font-size: 16px;	color: #0066a4; font-weight: bold;
}
.Labels_PageSubHeading
{
	font-size: 12px; color: #0066a4; font-weight: bold; 
}
.Labels_Validation
{
	font-size: 11px;	color: Red;	
}
.Labels_ValidationSummary
{
	font-size: 13px;	color: Red;
}
.Labels_Messages /* error messages, system messages etc */
{
		font-size: 11px;	color: Red;	
}
.Labels_blue
{
    color:#8bcbef;
}
.Labels
{
	font-size: 12px;
}
.Labels_Small
{
	font-size: 11px;
}
.Labels_Medium
{
	font-size: 13px;
}
.Labels_Large
{
	font-size: 14px;
}
.Labels_Largegrey
{
	font-size: 14px; color:#7e7e7e; font-weight: bold;
} 

.Labels_LargeBlack
{
	font-size: 18px; color:#000; font-weight: bold;
} 


.Labels_Bold
{
	font-size: 12px;font-weight: bold;
}

.Labels_SmallBold
{
	font-size: 11px; font-style: normal; font-weight: bold;
}
.Labels_MediumBold
{
	font-size: 11px; font-weight: bold;
}
.Labels_LargeBold
{
	font-size: 14px; font-weight: bold;
}

/* END OF LABELS */

/* LINKS */
a.Links:link
{
	font-size: 12px; color:#fff; cursor:pointer;	text-decoration:none;
}

a.Links:hover
{
	color:#000;
}

a.LinksBold:link
{
	font-size: 11px; color:#27413e;	cursor:pointer;	text-decoration:none; font-weight:bold;
}

a.LinksBold:hover
{
	text-decoration:underline;
}

.navlink:active,.navlink:link, .navlink:visited
{
	color: #fff;
}

.navlink:hover
{
	color: #000;
}
.ViewMessClass
{
    color:#8bcbef;
    font-weight:bold;
}
/* END OF LINKS */

.Textboxes
{
	border: #cdcfd0 1px solid;	font-size: 12px; padding: 0.2em;	
}

.Textboxes_RightAlign
{
	border: #cdcfd0 1px solid;	font-size: 12px; text-align:right;padding: 0.2em;	
}

.DropDownLists
{
	border: #cdcfd0 1px solid;	font-size: 12px; font-family: Arial;padding: 0.2em;	
}

/*span.RequiredBorder .DropDownLists
{
	border: 0;	font-size: 12px; font-family: Arial;padding: 0.2em;	
}*/
/* end of css classes related to Controls */
/*td
{
	font-size: 12px; color: Black;	
}
td.padding
{
	padding:2px;
}
.FieldLabels_Bold
{
	font-size: 11px; color: Black;	font-weight: bold;
}
.HeaderCell
{
 	background: inherit; font-weight: bold;
}*/
.GridRecordCountFooter
{
	font-weight: bold
}

.MenuHelp
{
	color: white;	font-weight: bold
}

table.patterntable
{
	border: 1px solid #cdcdcd;	background:url(../../images/tb_bg.jpg);
}


.MilesGridInactive
{
	background: #FFCCCC;
	border:1px solid;
	border-top:0;
	padding-top:4px;
	padding-bottom:3px; padding-left:8px;
}

.MilesGridInactive td, .MilesGridInactiveAlternating td
{
	border:1px solid;
	border-top:0; border-bottom:0;
	border-color:#f7f7f7 #f7f7f7 #cad9e0 #7da3b8;
}

.MilesGridInactiveAlternating
{
	background: #FFDDDD;
	border:1px solid;
	border-top:0;
	padding-top:4px;
	padding-bottom:3px;padding-left:8px;
}

/*Master MilesDocMgmt Unique classes
.headerbg
{
	background: url(../../images/BlueSkin/top_bgblue.jpg) left top repeat-x; border-bottom: 1px solid #684026;
}

/*App name*
.appname-tdleft
{
	background: url(../../images/BlueSkin/title_lefty.gif) left top no-repeat; width:5px; height:15px;
}

.appname-tdbg
{
	background: url(../../images/BlueSkin/title_bg.gif) left top repeat-x; padding-left:10px; padding-right:10px; 
	color: #FFFFFF;	text-decoration: none;	font-size: 10px;
}
.appname-tdright
{
	background: url(../../images/BlueSkin/title_righty.gif) no-repeat; width:5px; height:15px;
}

/*Info name*
.info-tdleft
{
	background: url(../../images/BlueSkin/info_left.gif) left top no-repeat; width:19px; height:25px;
	}

.info-tdbg
{
	background-image: url(../../images/BlueSkin/info_ext.gif); background-position:left top; background-repeat:repeat-x; 
	padding-left:10px; padding-right:10px; font-family: Arial;	color: #FFFFFF;	text-decoration: none;	font-size: 10px;
}
.info-tdright
{
	background: url(../../images/BlueSkin/info_right.gif) no-repeat; width:19px; height:25px;
}

/*Info tables*
.corner-top-left {
	background: url(../../images/BlueSkin/Cus-corner-tl.png) no-repeat;	behavior: url('../images/iepngfix.htc');
	height:10px; width:10px;
}
.corner-top-right {
	background: url(../../images/BlueSkin/Cus-corner-tr.png) no-repeat;	behavior: url('../images/iepngfix.htc');
	height:10px; width:10px;
}
.corner-bott-right {
	background: url(../../images/BlueSkin/Cus-corner-br.png) no-repeat;	behavior: url('../images/iepngfix.htc');
	height:10px; width:10px;
}
.corner-bott-left {
	background: url(../../images/BlueSkin/Cus-corner-bl.png) no-repeat;	behavior: url('../images/iepngfix.htc');
	height:10px; width:10px;
}
.pattern-top{
	background: url(../../images/BlueSkin/Cus-pat-t.gif) repeat-x; height:10px;
}
.pattern-right {
	background: url(../../images/BlueSkin/Cus-pat-r.gif) repeat-y;	width:10px;
}
.pattern-bottom {
	background: url(../../images/BlueSkin/Cus-pat-b.gif) repeat-x;	height:10px;
}
.pattern-left {
	background: url(../../images/BlueSkin/Cus-pat-l.gif) repeat-y;	width:10px;
}
.pattern-middle {
	background:#fff;	width:auto;
}

/*End Info tables*/ 

/* Start Order Info Page */
.JobHeader 
{
	background: url(../../images/Blueheaderbg.gif)  top repeat-x; 
	padding:0 8px; 
	line-height:35px; 
	color:#fff !important;  
	text-align: center;
}

    .JobHeader .Labels
    {
	     color:#fff !important;
	     font-size: 16px;
	     font-weight: 700;
	     
    }

.JobSubHeader
{

	background: url(../../images/Blueheaderbg.gif)  top repeat-x; 
	padding:0 8px; 
	line-height:35px; 
	color:#fff !important;
	text-align: center;	  	
}
    .JobSubHeader .Labels
    {
	     color:#fff !important;
		 font-size: 14px; 	
		 font-weight: bold; 
    }
    
.ChangeOrder
{
	float:right;	text-align: right;
	
}    
.ChatNow
{
	width:250px; float:left; text-align: left;  position: fixed;  z-index:100;
	
} 
.snav{
	width:127px;
	position: fixed;
	text-align: left;
	margin: 0 auto;
}
 
/* End Order Info Page */

.RequiredBorder
{
	border: solid 2px red;
		
}

 
.dtcRequiredBorder  
{  
	border: solid 2px red; 
}  

.Disabled input
{ 
 background-color: #808080 !important; 
 color: #000000;  
 cursor: default; 
} 

.Panelcontainer input.Disabled
{ 
 background-color: #808080 !important; 
 color: #000000;  
 
 cursor: default; 
} 

.dtcDisabled .riTextbox
{ 
 background-color: #808080 !important; 
 color: #000000 !important; 
 cursor: default; 
} 

.floatleft
{
	float:left;
}

.TextboxCenter
{
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
	
}
.ajax__validatorcallout_error_message_cell,
table.rtWrapper td.rtWrapperContent
{color:#333 !important; line-height:normal !important
}

.JobPicturesDisabled
{
	cursor: default !important;
}
.rpText
{
	text-align:center;
}
#tooltipper
{
	position:fixed; 
	left:0; 
	top:0; 
	width:1;	
	height:1; 	
	background-color:#fef3d5; 
	border: 3px #b28e27 dotted; 
	color:#222; 
	font-size:12px !important;
}
/*#tooltipper ul
    {
	    padding:8px;color:#222 !important; font-size:12px !important;
    }
   #tooltipper div li
    {
	     margin-left:-8px; color:#222 !important; font-size:12px !important;
    }
    input#tooltipper
    {
	     margin-left:-8px; color:#222 !important; font-size:10px !important;
    }
/*#tooltipper
{
	position:fixed;left:0;top:0;
	width:1;
	height:1;
	background-color:rgb(229,231,207);
}*/
.TopTelerik .rmLink
{
    font-size:11px !important; border:0 !important;
}
    .TopTelerik .rmRootGroup .rmItem .rmLink:hover .rmText
    {
    	 color: #D4A017;
    }


    .TopTelerik .rmVertical .rmItem
    {
       Text-align:left !important; 
    }
    .TopTelerik .rmVertical .rmItem
    {
       Text-align:left !important; 
    }
    .TopTelerik .rmGroup,
    .TopTelerik .rmGroup .rmVertical
    {
	    border: 1px solid #ccc;
	    background: #6fa0d6 url('../../../Menu/rmVSprite.png') repeat-y -1px 0;
    }