* { margin:0; padding:0;}

.FloatRight {
    float:right
}
.FloatLeft {
    float:left
}

.width250scroll  { 
    width:250px; 
    overflow:scroll;
    display:inline-block;
}
.width250  { 
    width:250px; 
    display:inline-block;
}


.width150  { 
    width:150px; 
    overflow:hidden;
    display:inline-block;
}

.TextHighlightColor{ font-size: 18px; font-weight: normal; color: #000; margin-bottom: 1em; text-decoration:none}

.TextHighlightColorGold{ font-size: 18px; font-weight: normal; color: #FF7A03; margin-bottom: 1em; text-decoration:none}
.TextHighlightColorGoldGray
{
    font-size: 20px;
    color: #FF7A03;
    margin-bottom: 1em;
    text-decoration: none;
    background-color: #CCCCCC;
    font-style: italic;
    font-weight:bold;
}

.CheckBoxSpacing label
    {
        margin-left: 5px;margin-right: 5px;
    }
.RadioButtonSpacing label
    {
        margin-left: 5px;margin-right: 5px;
    }

.BackGroundCheck {
    background: url('../Secure/Images/check256.png') no-repeat center center;
}
.BackGroundCheckNot {
    background: url('../Secure/Images/spacer.gif') no-repeat center center;
}

.CodeTypeTable table{
    border: none;
}

.CodeTypeTable td, .CodeTypeTable th {
    border: none;
    width:100px;
    padding-right:10px;
}
.CodeTypeTable th{
    border: none;
    width:100px;
    padding-right:10px;
}

.TinyText
{
    font-size: 10px;
}
 
.BackgroundColorLight { background-color:#cccccc } /* #90EE90 */
.BackgroundColorMedium{ background-color:#a4a4a4 } /* #8FBC8F */
.BackgroundColorRed{ background-color:#ff9999 } /* #ff9999 */

body { background-color:#2b2e33}


.signturelink img:hover
{ border: 4px solid orange;
    
}

.signturelink img
{ border: 4px solid black;
}



.TextBoxNoBox
{
  border-style: none;
  background-color:transparent;   
}


.ModalPopupIframe_PopupStyle {
    background-color:#90EE90;
    padding:10px; 
    border:1px; 
    border-style:solid;
}
.ModalPopupIframe_TitleStyle{
    color:Red; 
    font-size:larger
}

.linkbutton 
{
    -moz-user-select: text;
    background: none;
    border: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
    }

.linkbutton:hover {
    color:Red;
    }

.HyperLink 
{
    -moz-user-select: text;
    background: none;
    border: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
    color:black;
    font-weight:bold        
    }

.HyperLink:hover {
    color:Red;
    }

.linkbuttonMoveUp{background:url(../images/MoveUp.png) center center no-repeat;padding-left:16px;}
.linkbuttonMoveDown{background:url(../images/MoveDown.png) center center no-repeat;padding-left:16px;}
.linkbuttonRemove{background:url(../images/Remove.png) center center no-repeat;padding-left:16px;}
.linkbuttonAdd{background:url(../images/Add.png) center center no-repeat;padding-left:16px;}



.SystemMessage
{
    font-weight: bold;
    color: #FF0000;
    text-align: left;
    vertical-align: middle;
    background-color: #CCCCCC;
    border: thin solid #FF0000;
    padding: 10px;
    margin: 12px;
}

.ModalPopupIframe_PopupStyle {
    background-color:#cccccc;
    padding:10px; 
    border:1px; 
    border-style:solid;
}
.ModalPopupIframe_TitleStyle{
    color:Red; 
    font-size:larger
}


.invisible  { display:none}

.clear { clear:both;}


/*==========================================*/
/*===        menu      =====================*/

      
        .StaticMenuItemStyle{
    		padding: 0;
	    	margin: 0;
		    position: absolute;
		    bottom: 0;
		    right: 0;
		    background: #333 repeat-x 0 0;			
			border: 1px solid #222;
			border-bottom: none;
			list-style-type: none;
			float: left;
			margin: 0 .1em;
			position: relative;
		}
		
		.StaticMenuItemStyle a, .StaticMenuItemStyle a:visited, .StaticMenuItemStyle a:hover
		{
			height: 20px;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
			display: block;
			padding: 8px  6px 8px 6px;
			position: relative;
            		
			text-shadow: 1px 1px 4px rgba(0,0,0,.5);
			
			
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding-box;			
			background-clip: padding-box;
		}
		
		.StaticMenuItemStyle a span
			{
				background-image: url(../secure/images/ui-icons_ffffff_256x240.png) !important;
				width: 16px;
				height: 16px;
				position: absolute;
				top: 9px;
				left: 8px;
			}		
			
		.StaticSelectedStyle { background-color: #F1F1F1 !important; }
		.StaticSelectedStyle a { color: #333333; text-shadow: none; }
				
		
		.StaticHoverStyle { background-color: #444444; text-decoration:none;  }			
			

            .DynamicMenuStyle{
				    border-left: 1px solid #222;
			        border-right: 1px solid #222;
			        border-bottom: 1px solid #222;
			        border-top: 5px solid #444;
			        text-align:left; 
				}
            .DynamicMenuStyle td
				{
			      border-left: 6px solid #444;
			      border-right: 6px solid #444;
			      border-bottom: 4px solid #444;
			      border-top-style:none;    
				}



            .DynamicMenuItemStyle 
				{
	       
				}

            .DynamicMenuItemStyle td
				{
				    border-left-style:none;
				    border-right-style:none;
	       
				}


            .DynamicMenuItemStyle a, .DynamicMenuItemStyle a:visited, .DynamicMenuItemStyle a:hover
				{
			      color: #333; 

			        height: 20px;
			        font-weight: bold;
			        text-decoration: none;
			        display: block;
			        padding: 4px 4px 4px 4px; 
			        position: relative;
		
			        text-shadow: 1px 1px 4px rgba(0,0,0,.5);
			
			
			        -webkit-background-clip: padding-box;
			        -moz-background-clip: padding-box;			
			        background-clip: padding-box;
	          
				}
		.DynamicHoverStyle{
		    background-color:#ccc;
		}
		.DynamicSelectedStyle {
		    background-color:#ccc;
		}
	
/*===        menu      =====================*/
/*==========================================*/




/*==========================================*/
/*==========================================*/
/*==========================================*/
/*========    BEGIN ROPORT INFO      =======*/
/*==========================================*/
/*==========================================*/
/*==========================================*/

.FormField{ padding-right:3px; padding-left:2px;}
.FormFieldRed{ color: #ff0000; padding-right:3px; padding-left:2px;}
.FormFieldRight{text-align:right; padding-right:3px; padding-left:2px;}
.FormField select{}




.DataGridWarn a{color:Orange; font-weight:bold; text-decoration:underline;}
.DataGridWarn a:hover{text-decoration:none; color:White; background-color:Orange}

.DataGridFail a{color:Red; font-weight:bold; text-decoration:underline;}
.DataGridFail a:hover{text-decoration:none; color:White; background-color:Red}




.Login { font-style:italic; font-weight:bold; color:#024589; font-size:16px; padding-right:40px; text-decoration:underline}
.Login:hover{ color:#000000; }


 
 
 
 


 
 .DialogButton td
 {
    font-size:12px;
    border-collapse:collapse;
    color:#333;
    vertical-align:top;
    background-color:#fff;
 } 
 
 
			    
.DataGridd, .DataGridd a:visited{color:#fff; text-decoration:underline;}
.DataGridd a:hover{text-decoration:none; color:#333; background-color:#fff}


 
 
 .DataGrid
 {
       border-collapse:collapse;
     } 
 
 
 
.DataGridHeader
{   background-color:#333;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 15px 8px 15px;
  }
.DataGridFooter
{
    background-color: #333;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 15px 8px 15px;
}

.DataGridFooterNoVertPadding
{
    background-color: #333;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 15px 0px 15px;
}

.NoPadding{
    padding: 0px 0px 0px 0px;
}

.NoPadding tr,td,th{
    padding: 0px 0px 0px 0px;
}


    
/*  
    display: block;
    position: relative;		
    text-shadow: 1px 1px 4px rgba(0,0,0,.5);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;			
    background-clip: padding-box;
    vertical-align:top;
 } 
    */
.DataGridItem
{
    color:#333;
  background-color:#fff;
}
.DataGridItemSelected
{
    color: #000000;
    background-color: #FFCCCC;
}
.DataGridItemSelectedAlternating {
    color: #000000;
    background-color: #e7cccc;
}

.DataGridItemWarn
{ font-weight:bold;
  color:White;
  background-color:Red;
     }
     
.DataGridItemAlternating
{
    color:#333;
    background-color: #ccc;
}

.DataGridItem a, .DataGridItem a:visited{color:#000; text-decoration:underline;}
.DataGridItem a:hover{text-decoration:none; color:#FFF; background-color:#333}

.DataGridItemSelected a, .DataGridItemSelected a:visited{color:#000; text-decoration:underline;}
.DataGridItemSelected a:hover{text-decoration:none; color:#FFF; background-color:#333}


.DataGridItemSelectedAlternating a, .DataGridItemSelectedAlternating a:visited{color:#000; text-decoration:underline;}
.DataGridItemSelectedAlternating a:hover{text-decoration:none; color:#FFF; background-color:#333}



.DataGridItemAlternating a, .DataGridItemAlternating a:visited{color:#000; text-decoration:underline;}
.DataGridItemAlternating a:hover{text-decoration:none; color:#FFF; background-color:#333}

.DataGridFooter a, .DataGridFooter a:visited{color:#fff; text-decoration:underline;}
.DataGridFooter a:hover{text-decoration:none; color:#333; background-color:#fff}

.DataGridFooterNoVertPadding a, .DataGridFooterNoVertPadding a:visited{color:#fff; text-decoration:underline;}
.DataGridFooterNoVertPadding a:hover{text-decoration:none; color:#333; background-color:#fff}
			    
.DataGridHeader a, .DataGridHeader a:visited{color:#fff; text-decoration:underline;}
.DataGridHeader a:hover{text-decoration:none; color:#333; background-color:#fff}
			    
.DataGridd, .DataGridd a:visited{color:#fff; text-decoration:underline;}
.DataGridd a:hover{text-decoration:none; color:#333; background-color:#fff}


.DataGridItem select{background-color:#cccccc}
.DataGridItemAlternating select{background-color:#999999}


.DataGridHeader2{ background-color:#444}


.DataGridHeader td{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px}
.DataGridHeader th{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px}
.DataGridItem td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemEdit td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemWarn td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemSelected td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}

.DataGridItemSelectedAlternating td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}


.DataGridItemAlternating td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridFooter td{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px}

.DataGridFooterNoVertPadding td{padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px}

.TotalAmount { font-style:italic; font-weight:bold; color:White; font-size:16px;  }
.TotalAmountHiLt { font-style:italic; text-decoration:underline;  font-weight:bold; color:#ffff08; font-size:18px;  }

.leftBorder
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #000000;
}

.leftBorderWhite
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ffffff;
}

.rightBorder
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
}

.rightBorderWhite
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ffffff;
}

   
    
.align_right{text-align:right;}
.center{text-align:center;}
.block{display:block;}
.top_indent_10px{margin-top:10px; display:block;}
.top_indent_15px{margin-top:15px; display:block;}
.top_indent_20px{margin-top:20px; display:block;}
.top_indent_25px{margin-top:25px; display:block;}

.link_arr_red
{
    border-style: none;
    color: red;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    padding-left: 22px;
    background: url(../images/arr_red.gif)  left center no-repeat ;
    
    height:30px
}
.link_arr_red:hover{text-decoration:none;}

.link_arr_green
{
    border-style: none;
    color: #009900;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    padding-left: 22px;
        
    background: url(../images/arr_green.gif) left center no-repeat ;
}
.link_arr_green:hover{text-decoration:none;}


.link_arr
{
    border-style: none;
    color: #FF7A03;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    padding-left: 22px;
        
    background: url(../images/arr.gif) left center no-repeat ;
}
.link_arr:hover{text-decoration:none;}

.link_arr_disabled
{
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    padding-left: 22px;
    background: url(../images/arr_disabled.gif) left center no-repeat;
    border:none;
}
.link_arr_disabled:hover{text-decoration:none;}

.link_del {
    border-style: none;
    color: #CC2222;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    padding-left: 18px;
    background: url(../images/Remove.png) left center no-repeat;
}
.link_del:hover{text-decoration:none;}

.link_del_disabled {
    border-style: none;
    color: lightgray;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    padding-left: 18px;
    background: url(../images/Remove_disabled.png) left center no-repeat;
}
.link_del_disabled:hover{text-decoration:none;}



.TabArea
{           background-color: White;
            font-size: x-small;
            border-left: 1px solid black;
            border-bottom: 1px solid black;
            border-right: 1px solid black;
            border-top:1px solid black;
            height:400px;
            z-index:-25;
            font-weight:normal;
}


.TermsAgreementBox
{
    background-color: #FFFFFF;
    border: thick ridge #808080;
    width:700px;    
}

.TermsAgreement
{
    font-family: 'Times New Roman' , Times, serif;
    background-color: #FFFFFF;
    padding: 15px;
    text-align:left;    
    color:Black;
    line-height:20px;
}


/*==========================================*/
/*==========================================*/
/*==========================================*/
/*========    END REPORT INFO        =======*/
/*==========================================*/
/*==========================================*/
/*==========================================*/


/* Set default button colors */
.FormFieldButtonGold, .FormFieldButtonGold:visited { background-color: #F90 !important; border-color: #D58000  !important; color:white !important; text-decoration:none !important}
.FormFieldButtonGold:active, .FormFieldButtonGold:hover { background-color: #D58000 !important; color:white !important; text-decoration:none !important}

.FormFieldButtonGray, .FormFieldButtonGray:visited {  background-color: #C0C0C0 !important; border-color: #D58000 !important; color:black !important; text-decoration:none !important}
.FormFieldButtonGray:active, .FormFieldButtonGray:hover { background-color: #D58000 !important; color:black !important; text-decoration:none !important}

.FormFieldButtonPink, .FormFieldButtonPink:visited { background-color: #FF00FF !important; border-color: #D58000 !important; color:black !important; text-decoration:none !important}
.FormFieldButtonPink:active, .FormFieldButtonPink:hover { background-color: #D58000 !important; color:black !important; text-decoration:none !important}

.FormFieldButtonRed, .FormFieldButtonRed:visited { background-color:#ff0000 !important; border-color: #cc0000 !important ; color:white !important; text-decoration:none !important}
.FormFieldButtonRed:active, .FormFieldButtonRed:hover { background-color: #cc0000 !important ; color:white !important; text-decoration:none !important}

.FormFieldButtonGreen, .FormFieldButtonGreen:visited { background-color:#009900 !important; border-color: #cc0000 !important ; color:white !important; text-decoration:none !important}
.FormFieldButtonGreen:active, .FormFieldButtonGreen:hover { background-color: #cc0000 !important ; color:white !important; text-decoration:none !important}

.FormFieldButtonPurple, .FormFieldButtonPurple:visited { background-color:purple !important; border-color: #cc0000 !important; color:white !important; text-decoration:none !important }
.FormFieldButtonPurple:active, .FormFieldButtonPurple:hover { background-color: #cc0000 !important; color:white !important; text-decoration:none !important }


/*FormFieldButton - BEGIN*/
.FormFieldButton {
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: Arial;
  color: #ffffff; 
  font-size: 14px;
  font-weight:bold;
  padding-right: 5px;
  padding-left: 5px;
  border-style:solid;
  border-width: 2px;
  text-decoration: none;
}

.FormFieldButton:hover {
  text-decoration: none;
}
/*FormFieldButton - BEGIN*/


/*FormFieldButtonSmall - BEGIN*/
.FormFieldButtonSmall {
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  font-weight:bold;
  padding-right: 5px;
  padding-left: 5px;
  border-style:solid;
  border-width: 2px;
  text-decoration: none;
}

.FormFieldButtonSmall:hover {
  text-decoration: none;
}
/*FormFieldButtonSmall - END*/



/*FormFieldButtonVerySmall - BEGIN*/
.FormFieldButtonVerySmall {
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  border-style:solid;
  border-width: 2px;
  text-decoration: none;
 }

.FormFieldButtonVerySmall:hover {
  text-decoration: none;
}
/*FormFieldButtonVerySmall - END*/



/*FormFieldButtonTiny - BEGIN*/
.FormFieldButtonTiny {
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: Arial;
  color: #ffffff;
  font-size: 9px;
  font-weight:bold;
  padding-right: 5px;
  padding-left: 5px;
  border-style:solid;
  border-width: 2px;
  text-decoration: none;
}

.FormFieldButtonTiny:hover {
  text-decoration: none;
}
/*FormFieldButtonTiny - END*/









/***  styles for order aging displays aging *****/

.AgeWeek1{ background-color:#ccffcc; color:Black; text-align:right}
.AgeWeek2{ background-color:#ffff66; color:Black; text-align:right}
.AgeWeek3{ background-color:#ffcc66; color:Black; text-align:right}
.AgeWeek4{ background-color:#ff6666; color:Black; text-align:right}
.AgeWeekOlder
{
    background-color: #FF0000;
    color: Black;
    text-align: right;
}
.AgeWeekAll{ color:Black; text-align:right}
.AgeWeek1Summary
{
    background-color: #99FF66;
    color: #000000;
    text-align: right;
    font-style: italic;
}
.AgeWeek2Summary
{
    background-color: #FFFF00;
    color: #000000;
    text-align: right;
    font-style: italic;
}
.AgeWeek3Summary
{
    background-color: #FF9900;
    color: #000000;
    text-align: right;
    font-style: italic;
}
.AgeWeek4Summary
{
    background-color: #FF5050;
    color: #000000;
    text-align: right;
    font-style: italic;
}

.AgeWeekOlderSummary
{
    background-color: #CC0000;
    color: #000000;
    text-align: right;
    font-style: italic;
}

.AgeWeekAllSummary{ text-align:right; font-style:italic;}
/***  styles for order aging displays aging *****/



.StatusTable td { 
    width:90px;    
}



.ZipException_Class {
    border: 2px solid black;
    background-image: repeating-linear-gradient(135deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
    background-color:red; 
    color: white;
    font-weight:bold;
    font-size:larger;
    padding-bottom:5px; 
    padding-top:5px; 
    padding-left:10px; 
    padding-right:10px; 
    white-space:normal;
    vertical-align:middle;
    text-align:center
}



.RouteStatusPreRouting { background-color:White; color:Gray;}
.RouteStatusRouting {background-color: #99FF99; color: Black;}
.RouteStatusClosedWithRoom {background-color: #FFFF99; color: Black;}
.RouteStatusClosedFinal{background-color: #FF5050; color: Black;}

.Order_Pickup_Class
{
    color: #000000;
    background-color: #CC99FF;
}
.Order_Assembly_Class
{
    color: #000000;
    background-color: #99FFCC;
}
.Order_Delivery_Class
{
}

.Order_DeliveryConfirmed_Class
{
    color: #000000;
    background-color: blanchedalmond ;
}
.Order_DeliveryConfirmed_Class a
{
    color: #000000;
    background-color: blanchedalmond;
}
.Order_DeliveryConfirmed_Class a:visited
{
    color: #000000;
    background-color: blanchedalmond;
}



.Order_BadGeoCode_Class
{
    color: white;
    background-color: black;
}
.Order_BadGeoCode_Class a
{
    color: white;
    background-color: black;
}
.Order_BadGeoCode_Class a:visited
{
    color: white;
    background-color: black;
}


.Order_DSV_Class tr
{
    background-image: repeating-linear-gradient(45deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
    border: 1px solid black;
}
.Order_DSV_Class
{
    background-image: repeating-linear-gradient(45deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
    border: 1px solid black;
}
.Order_DSV_Class a
{
    background-image: repeating-linear-gradient(45deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
    border: 1px solid black;
}


.Order_WHG_Class tr
{
    border: 1px solid black;
}
.Order_WHG_Class
{
    border: 1px solid black;
}
.Order_WHG_Class a
{
    border: 1px solid black;
}



.Order_NoList_Class tr
{
    color: black;
    background-color: white;
    border: 1px solid black;
}
.Order_NoList_Class
{
    color: black;
    background-color: white;
    border: 1px solid black;
}
.Order_NoList_Class a
{
    color: black;
    background-color: white;
    border: 1px solid black;
}




.Order_WatchList_Class tr {
    color: white;
    background-color: #3399FF;
    border: 1px solid black;
}
.Order_WatchList_Class
{
    color: white;
    background-color: #3399FF;
    border: 1px solid black;
}
.Order_WatchList_Class a
{
    color: white;
    background-color: #3399FF;
    border: 1px solid black;
}

.Order_HotSheet_Class tr {
    color: white;
    background-color: #FF0000;
    border: 1px solid black;
}
.Order_HotSheet_Class {
    color: white;
    background-color: #FF0000;
    border: 1px solid black;
}
.Order_HotSheet_Class a
{
    color: white;
    background-color: #FF0000;
    border: 1px solid black;
}


.Order_MultipleAttempt_Class tr {
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}
.Order_MultipleAttempt_Class
{
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}
.Order_MultipleAttempt a
{
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}


.Order_MustLoad_Class tr {
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}
.Order_MustLoad_Class
{
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}
.Order_MustLoad_Class a
{
    color: white;
    background-color: #FF66CC;
    border: 1px solid black;
}



.Order_COI_Possible_Class tr {
    color: blue;
    background-color: lightblue;
    border: 1px solid blue;
}
.Order_COI_Possible_Class {
    color: blue;
    background-color: lightblue;
    border: 1px solid blue;
}
.Order_COI_Possible_Class a
{
    color: blue;
    background-color: lightblue;
    border: 1px solid blue;
}

.Order_COI_Required_Class tr {
    color: red;
    background-color: lightpink;
    border: 1px solid red;
}
.Order_COI_Required_Class {
    color: red;
    background-color: lightpink;
    border: 1px solid red;
}
.Order_COI_Required_Class a
{
    color: red;
    background-color: lightpink;
    border: 1px solid red;
}






.Order_350OrMore_Class
{
    color: #000000;
    background-color: #FFFF99;
}
.Order_350OrMore_Class a
{
    color: #000000;
    background-color: #FFFF99;
}



.ShipmentSurveyPiecesTable
{
 
}

.ShipmentSurveyPiecesTable TD
{
    border-color:black; font-family:Arial; font-size:10px; padding-left:7px; padding-right:7px
}

.ModalPopupIframe_backgroundColor{background-color:gray; filter: alpha(opacity=50); opacity: 0.5;}




.BillOfLadingImage_Inner_Selected {
    border: 10px solid #009900;
}

.BillOfLadingImage_Inner_SelectedNot {
    border: 10px solid transparent;
}

.BillOfLadingImage_Outer_Selected {
    border: 10px solid #FF00FF;
}

.BillOfLadingImage_Outer_SelectedNot {
    border: 10px solid transparent;
}






  .DataGridItemToday {
    color: #333;
    background-color: #CCFFCC;
}
        .DataGridItemToday a, .DataGridItemToday a:visited{color:#000; text-decoration:underline;}
        .DataGridItemToday a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemToday select{background-color:#999999}
        .DataGridItemToday td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}

        .DataGridItemAlternatingToday {
    color: #333;
    background-color: #99FFCC;
}
        .DataGridItemAlternatingToday a, .DataGridItemAlternatingToday a:visited{color:#000; text-decoration:underline;}
        .DataGridItemAlternatingToday a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemAlternatingToday select{background-color:#999999}
        .DataGridItemAlternatingToday td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}


        .DataGridItemYesterday
            {
                color:#333;
                background-color: #ffffcc;
            }
        .DataGridItemYesterday a, .DataGridItemYesterday a:visited{color:#000; text-decoration:underline;}
        .DataGridItemYesterday a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemYesterday select{background-color:#999999}
        .DataGridItemYesterday td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}

        .DataGridItemAlternatingYesterday
            {
                color:#333;
                background-color: #ffff99;
            }
        .DataGridItemAlternatingYesterday a, .DataGridItemAlternatingYesterday a:visited{color:#000; text-decoration:underline;}
        .DataGridItemAlternatingYesterday a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemAlternatingYesterday select{background-color:#999999}
        .DataGridItemAlternatingYesterday td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}




        .DataGridItemOlder
            {
                color:#333;
                background-color: #dabcbf;
            }
        .DataGridItemOlder a, .DataGridItemOlder a:visited{color:#000; text-decoration:underline;}
        .DataGridItemOlder a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemOlder select{background-color:#999999}
        .DataGridItemOlder td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}

        .DataGridItemAlternatingOlder
            {
                color:#333;
                background-color: #e3acb7;
            }
        .DataGridItemAlternatingOlder a, .DataGridItemAlternatingOlder a:visited{color:#000; text-decoration:underline;}
        .DataGridItemAlternatingOlder a:hover{text-decoration:none; color:#FFF; background-color:#333}
        .DataGridItemAlternatingOlder select{background-color:#999999}
        .DataGridItemAlternatingOlder td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}



/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* begin floating ScrollToTop */
/* begin floating ScrollToTop */
/* begin floating ScrollToTop */


.ScrollToTopContainer {
    position: absolute;
    width:54px;
    right:12px;
    bottom:0px;
 }
.ScrollToTop {
    width:54px;
    font-weight: bold;
}


.ScrollToTop a {
    width:54px;
	text-align:center; 
    background: #ccc;
    font: 14px Helvetica, Sans-Serif; 
    display: none; 
    padding: 4px 8px 2px 2px;
    color:  black; 
    text-decoration:none;
    border: 1px solid red;
    
}
.ScrollToTop a:hover { background: #F3D673;  }
/* end floating ScrollToTop */
/* end floating ScrollToTop */
/* end floating ScrollToTop */
/* =========================================================================================================================== */
/* =========================================================================================================================== */