* { margin:0; padding:0 }

body, html {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    font-family: 'Trebuchet MS';
    width:90%;
}





/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* floating menu floating to the right! */
/* begin  */
/* begin  */

/* begin Menu Part  */
/* begin Menu Part  */
/* begin Menu Part  */


/* 
	LEVEL ONE
*/

.dropdown{ padding: 0; font: 14px Helvetica, Sans-Serif; width:130px}
.dropdown a			{ text-decoration: none; text-align:right }
.dropdown li		{ list-style: none; text-align:right; }
.dropdown ul		{ list-style: none; text-align:right; }

ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: right; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding:  4px 8px ; border-right: 1px solid #333;
	 								  color: #222; text-align:right }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 130px; visibility: hidden; position: absolute; right:0px;  }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 90%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ right: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* end Menu Part  */
/* end Menu Part  */
/* end Menu Part  */






/* begin floating  Part  */
/* begin floating  Part  */
.floatMenuContainer {
	width: 130px; /* Replace with your sidebar width */
	position: absolute;
    right: 0px;
}
.floatMenu {
	width: 130px; /* Replace with your sidebar width */
    position:fixed;
    right: 0px;
    top:0px;
}
/* end floating  Part  */
/* end floating  Part  */


/* end floating menu floating to the right! */
/* end floating menu floating to the right! */
/* end floating menu floating to the right! */
/* =========================================================================================================================== */
/* =========================================================================================================================== */


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


.ScrollToTopContainer {
    position: absolute;
    width:54px;
    right:1px;
    bottom:0px;
 }
.ScrollToTop {
    width:54px;
}


.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;
    font-weight: bold;
}
.ScrollToTop a:hover { background: #F3D673;  }
/* end floating ScrollToTop */
/* end floating ScrollToTop */
/* end floating ScrollToTop */
/* =========================================================================================================================== */
/* =========================================================================================================================== */


.bodyMobile {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    font-family: 'Trebuchet MS';
    width:90%;
}

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



.LoadMessage {
     font-size:small;
     background-color:blue;
     color:white
}
.LoadMessageError {
     font-size:small;
     background-color:red;
     color:white
}
.LoadMessageWarn {
     font-size:small;
     background-color:yellow;
     color:black
}
.LoadMessageSuccess {
     font-size:small;
     background-color:green;
     color:white
}





.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;
    font-weight: normal;
    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;
    }



.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;
    }



.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;}





/*==========================================*/
/*==========================================*/
/*==========================================*/
/*========    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: 2px 5px 2px 5px;
  }
.DataGridFooter
{
    background-color: #333;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.DataGridFooterNoVertPadding
{
    background-color: #333;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}
    
/*    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; }
.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}

.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:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridHeader th{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridItem td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridItemEdit td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridItemWarn td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridItemSelected td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridItemAlternating td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}
.DataGridFooter td{padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px}

.DataGridHeader10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridHeader10 th{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItem10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemEdit10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemWarn10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemSelected10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridItemAlternating10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}
.DataGridFooter10 td{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}


.DataGridFooterNoVertPadding td{padding-left:2px;padding-right:2px;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;  }

.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 ;
}
.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;}




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



/* Set default button colors */
.FormFieldButtonGold, .FormFieldButtonGold:visited { background-color: #F90; border-color: #D58000; color: #FFF; }
.FormFieldButtonGold:hover, a.FormFieldButtonGold:hover { background-color: #D58000; color: #FFF; }

.FormFieldButtonGray, .FormFieldButtonGray:visited {  background-color: #C0C0C0; border-color: #D58000; color: #FFF;}
.FormFieldButtonGray:hover, a.FormFieldButtonGray:hover { background-color: #C0C0C0; color: #000; }

.FormFieldButtonPink, .FormFieldButtonPink:visited { background-color: #FF00FF; border-color: #D58000; color: #FFF;}
.FormFieldButtonPink:hover, a.FormFieldButtonPink:hover { background-color: #FF00FF; color: #000; }

.FormFieldButtonRed, .FormFieldButtonRed:visited { background-color:#ff0000; border-color: #cc0000; color: #FFF; }
.FormFieldButtonRed:hover, a.FormFieldButtonRed:hover { background-color: #cc0000; color: #FFF; }

.FormFieldButtonGreen, .FormFieldButtonGreen:visited { background-color:#009900; border-color: #cc0000; color: #FFF; }
.FormFieldButtonGreen:hover, a.FormFieldButtonGreen:hover { background-color: #009900; color: #FFF; }

.FormFieldButtonPurple, .FormFieldButtonPurple:visited { background-color:purple; border-color: #cc0000; color: #FFF; }
.FormFieldButtonPurple:hover, a.FormFieldButtonPurple:hover { background-color: #009900; color: #FFF; }



/* buttons FormFieldButton */
.FormFieldButton, a.FormFieldButton
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	*padding: 0 7px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
    white-space:nowrap;
}
	
	/* Active/Click state */
	.FormFieldButton:active { top: 1px; }

/* Sizes */
.FormFieldButton { background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px; }

	/* Sizes - Line height for A buttons need to be different */
	a.FormFieldButton { height: 32px; line-height: 32px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .FormFieldButton { border-color: none ; border: 1px solid transparent; }

/* Set default button colors */
.FormFieldButton, .FormFieldButton:visited {  background-image: url(../Secure/images/bg-lite.png); }




/* buttons FormFieldButtonTiny */

.FormFieldButtonTiny, a.FormFieldButtonTiny
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 5px 2px;
	*padding: 0 3px 2px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
    white-space:nowrap;
}
	
	/* Active/Click state */
	.FormFieldButtonTiny:active { top: 1px; }


/* Sizes */
.FormFieldButtonTiny { background-position: 0 0; font-size: 10px; height: 16px; line-height: 13px; }

	/* Sizes - Line height for A buttons need to be different */
	a.FormFieldButtonTiny { line-height: 16px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .FormFieldButtonTiny { border-color: none ; border: 1px solid transparent; }

/* Set default button colors */
.FormFieldButtonTiny, .FormFieldButtonTiny:visited { background-image: url(../Secure/images/bg-lite.png); }





.FormFieldButtonSmall, a.FormFieldButtonSmall
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
    padding: 0 15px 4px;
	*padding: 0 7px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
    white-space:nowrap;
}	
	/* Active/Click state */
	.FormFieldButtonSmall:active { top: 1px; }
    
/* Sizes */
.FormFieldButtonSmall { background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px; } 

	/* Sizes - Line height for A buttons need to be different */
	a.FormFieldButtonSmall { line-height: 26px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .FormFieldButtonSmall { border-color: none ; border: 1px solid transparent; }


/* Set default button colors */
.FormFieldButtonSmall, .FormFieldButtonSmall:visited {  background-image: url(../Secure/images/bg-lite.png);}







/* buttons FormFieldButtonVerySmall */
.FormFieldButtonVerySmall, a.FormFieldButtonVerySmall
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
    margin: 0;
	cursor: pointer;
	position: relative;
    font-size: 10px; 
    padding:3px;
    white-space:nowrap;
}
	
	/* Active/Click state */
	.FormFieldButtonVerySmall:active { top: 1px; }





    

.Order_Pickup_Class
{
    color: #000000;
    background-color: #CC99FF;
}
.Order_Assembly_Class
{
    color: #000000;
    background-color: #99FFCC;
}
.Order_Delivery_Class
{
}
.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);
}
.Order_DSV_Class
{
    background-image: repeating-linear-gradient(45deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
}
.Order_DSV_Class a
{
    background-image: repeating-linear-gradient(45deg, gray 0px, gray 5px, transparent 5px, transparent 10px, gray 10px);
}


.Order_WHG_Class tr
{
}
.Order_WHG_Class
{
}
.Order_WHG_Class a
{
}



.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_Class a
{
    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_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;}