.rotate {
transform: rotate(270deg);
-webkit-transform: rotate(270deg); /* Safari and Chrome */
-moz-transform: rotate(270deg); /* Firefox */
-ms-transform: rotate(270deg); /* IE 9+ */
}

#footer{margin-left:auto;margin-right:auto;width:900px;background-color:#fff;border:thin #CCC double;padding:10px;background:linear-gradient( 90deg, #593421, #BEA155 ); }
#footer td{color:#FFF;font-size:10pt;text-align:center;font-weight:bolder;word-wrap:break-word}

#AddVisitorModal {z-index:101;padding:7px;border: #594237 groove 4px;position: absolute;border-radius: 10px;left: 300px; top:220px;display:none;width:325px;height:340px;background-color:#999;}
#AddDriverModal {z-index:101;padding:7px;border: #594237 groove 4px;position: absolute;border-radius: 10px;left: 340px; top:220px;display:none;width:325px;height:340px;background-color:#999;}
#AddTractorModal {z-index:101;padding:7px;border:  #594237 groove 4px;position: absolute;border-radius: 10px;left: 350px; top:220px;display:none;width:325px;height:340px;background-color:#999;}
#AddTrailerModal {z-index:101;padding:7px;border: #594237 groove 4px;position: absolute;border-radius: 10px;left: 360px; top:220px;display:none;width:325px;height:340px;background-color:#999;}
.modelTitle {color:white;font-size:18px;padding-bottom:4px;}
.modelResponseText {background-color:#CCC;margin-left:15px;height:85px;width:240px;color:#000;font-size:13px;font-family:tahoma,arial}
#hideshow_AddVisitor, #hideshow_AddDriver, #hideshow_AddTractor, #hideshow_AddTrailer{margin-left:5px;width:110px;text-align:center;height:35px;border:groove}

#AddVisitorModal .row {overflow:hidden;margin:1px 0;padding:25px;}
#AddVisitorModal label {clear:both;float:left;text-align:right;width:85px;margin-right:5px;}
#AddVisitorModal .row input {float:left;}

#AddDriverModal .row {overflow:hidden;margin:1px 0;padding:25px;}
#AddDriverModal label {clear:both;float:left;text-align:right;width:120px;margin-right:5px;}
#AddDriverModal select {width:150px;}
#AddDriverModal .row input {float:left;}

#AddTractorModal .row {overflow:hidden;margin:1px 0;padding:25px;}
#AddTractorModal label {clear:both;float:left;text-align:right;width:120px;margin-right:5px;}
#AddTractorModal select {width:150px;}
#AddTractorModal .row input {float:left;}


	.ZebraStripedTable{background-color:#eee;border:#666 thin groove;margin:5px;padding:1px;border-spacing:1px;border-collapse:separate}
	.ZebraStripedTable tbody tr:hover td{background-color:#b9eafd;}
	.ZebraStripedTable th{background-color: #455e87;color: #fff;padding:5px 2px}
	.ZebraStripedTable td{padding:2px}
	.ZebraStripedTable tbody tr:nth-child(odd){background-color:#ddd}

	.StickyHeadingTable table{overflow:scroll}
	.StickyHeadingTable thead{top: 0px;position: sticky;z-index:1}
	.StickyHeadingTable th{position: sticky;}

#ShowTraceDetails td,th{font-size:11px}
#ShowTraceDetails th{background-color:#03C;color:#FFf}

div.layerFilterField  { width: 300px;height: 200px;border: solid 1px #060;}
#divFilterField {position: relative;background: #acacac;}

#pageheading{font-size: 18pt;padding-left:50px;}
#noscript_warning{background-color: #ae0000;color: #fff;font-family: sans-serif;font-size: 25px;font-weight: bold;left: 0;padding: 15px 0;position: fixed;text-align: center;top: 0;width: 100%;z-index: 101;}
#LoginMenu	{
			clear:both;
			background-color: #593421;
			color:#fff;
			text-align: left;
			min-width:500px;
			height: 30px;
			border: 3px solid #666;
			padding: 3px 12px;
			}
#LoginMenu a{padding-left:20px;color:#fff}
#LoginMenu a:hover{color:yellow;}
			
.auto-style1{width: 955px;height: 144px;}
#fullpage{width:100%;padding:0px;background-color:white;margin-left: auto; margin-right: auto; text-align: left;min-height:650px;}
#Table1{background-color:#593421;border:0px;padding:0px;margin:0px;}
.errorfield{background-color:#ae0000;color:#fff;}
.errortext {padding:1px 1px 10px 20px;color: #ae0000;background:  url(../image/triangle_error.gif) no-repeat;}
.formerror {border: 1px solid red;font-style: normal;font-weight: normal;font-size: 10pt;background-color: #C12913;color:#ccc;width: auto;padding: 2px 0;}
		.errorMessageGradient{
			border:1px solid yellow;
			font-size:1.2em;
			padding:10px;
			color:yellow;
			text-align:left;
			text-shadow:2px 2px 4px #aaa;
			background: rgb(255,48,25);
			background: linear-gradient(180deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
		}
.errorDiv{margin:auto;width:900px;background-color:white;}

.ScreenRow{background-color: #ffffd7;}
.DeveloperOnlyRow{background-color:#C0C0C0;}

table#login{width:900px;background-color:#fff;margin-left:auto;margin-right:auto;}
#content{margin:20px;}
.onsite option{color:#F00}
.dl{ text-align: left;}
.dln{text-align: left;white-space: nowrap;}
.dc{ text-align: center;}
.dcn{text-align: center;white-space: nowrap;}
.dr{text-align: right;}
.drn{text-align: right;white-space:nowrap;}
.dr_bold{text-align: right;font-weight: bold;}

#FORM_CHOOSE_DC_ID{margin:auto;background-color:#E0E0C0;width:800px; height:150px;border-radius:10px}

#SCREEN_TABLE{width:900px;background-color:#FFF;margin-left:auto;margin-right:auto; border: 0px solid Black;padding-left:10px;}
#REPORT_SCREEN{margin-top:10px;margin-left:15px}
#loggedInOptions{width:900px;background-color:#fff;margin-left:auto;margin-right:auto;}
#form_options{width:900px;background-color:#fff;}
#form_options a,td{font-size:14px;}
#form_options tr td:nth-child(odd){width:180px;text-align:right;}

form#PAGESIZE_FORM label {float: left;margin-right: 5px;text-align: right;width: 150px;}
form#PAGESIZE_FORM {border: 1px solid black;border-radius: 10px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);color: #000;font-size: 14px;
min-height: 101px;line-height: 2;margin: 10px;padding: 15px;text-align: left;width: 450px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eee 0%, #ccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eee 0%,#ccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eee 0%,#ccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eee 0%,#ccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); /* IE6-8 */
}

#PAGESIZE_FORM select {float: left;font-size: 11pt;}
#PAGESIZE_FORM input[type="submit"] {margin-left:180px;}
#LOGIN_FORM input[type="submit"]{padding:2px 35px}

#searchtable{line-height:2;margin:5px;height:70px;border:1px solid black;padding:2px;background-color:#ddd;color:#000;
font-size: 14px;text-align: left;
  background: -webkit-gradient(linear, bottom, left 75px, from(#ccc), to(#eee));background: -moz-linear-gradient(bottom, #ccc, #EEEEEE 75px);
  -webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eee 0%, #ccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eee 0%,#ccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eee 0%,#ccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eee 0%,#ccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); /* IE6-8 */

}
	#searchtable td{color:#000;}
	#searchtable input[type="button"]{}
	#searchtable input[type="submit"]{}
	#searchtable label{float:left;text-align:left;min-width:50px;margin-right:5px;}
	#searchtable input{float:left;font-size:10pt;}
	#searchtable select{float:left;font-size:10pt;height:20px;}

	.tabledots{width:750px;border:0px #000 solid;background-color:#E0E0C0;padding:1px;margin: 6px;border-radius: 10px;border-top: medium ridge #666;border-right: medium ridge #666;border-bottom: medium ridge #666;border-left: medium ridge #666;}
	.tabledots label{float:right;font-weight:bold}
.submit:hover, .button:hover{cursor:pointer;text-decoration:none;color:#5a2c13}

	input {padding:1px;line-height: 18px;color: black;border: 1px outset;padding-right: 8px;vertical-align: middle;text-align:left;text-indent: 2pt;margin-left: 0px}
	input:focus, textarea:focus, select:focus{color:#000;background-color:#FABB58;border:1px solid #f00;}
	input[type="button"]{background-color:#FABB18;color: #fff;border: 2px #999 solid;border-radius: 10px;padding:0 22px 1px 22px;}
	.button{background-color:#FABB18;color: #fff;border: 2px #999 solid;border-radius: 10px;padding:3px 22px;font-size:1rem}
	input[type="submit"]{background-color:#FABB18;color: #fff;border: #999 thin solid;border-radius: 10px;padding:0 22px 1px 22px;}
	input:hover, select:hover{background-color:#FABB18;color:#a00;}

	.row {overflow:hidden;margin:1px 0;padding:5px;}
	.row label {float:left;text-align:right;width:200px;margin-right:5px;}
	.row input {float:left;}
	.lrow {float:left;}
	.rrow {float:left;margin-left:1px;}


	.ArrivalQuestionForms{background-color:#E0E0C0;border-radius:10px}
	.DepartureQuestionForms{background-color:#EbEbCb;border-radius:10px}

	th{background-color:#FABB18}
	.RecordsTable th, .RecordsTable td {font-size: 0.9rem;padding:4px 2px;border:none;}
	.RecordsTable tr.e {background-color: #fff;}
	.RecordsTable tr.e_alt {background-color: #97ba7b;}
	/* OddRow table row  */
	.RecordsTable tr.o {background-color: #ffebcd;}
	.RecordsTable tr.o_alt {background-color: #bab37b;}
	.RecordsTable tr:hover td {background-color: #FF0; color: #000;}

	a:hover {text-decoration:none;color:#5a2c13}



/* the div that holds the date picker calendar */
.dpDiv {background-color: #7e1212;}
	

/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Arial, Helevtica, Verdana, san-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { }

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {background-color: #fabb18;}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { }



/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {border: 1px solid #ece9d8;}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #ccc;border: 1px solid #aaa;}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998;border: 1px solid #888;cursor: pointer;color: red;}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #ccc;border: 1px solid #aaa;color: white;}


/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: #4060ff;font-weight: bold;}


/* the forward/backward buttons at the top */
.dpButton {font-family: Arial, Helevtica, Verdana, san-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-family: Arial, Helevtica, Verdana, san-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}







body{margin:0px 0px 20px 0px;text-align: center;color: #593421;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;}
a{font-size: 14px;color: #BA6C43;}
.hidden{display: none;}
table.center {margin-left:auto;margin-right:auto;}

.LeftTableCell{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 206px;
}
.RightTableCell{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 206px;
}
/*GridView---------------------------------------------*/

.Grid-View{
	border-color: #FFF;
	border-style: solid; 
	color: #BA6C43;
	width: 950px;
	font-size:13px;
	border: 1px solid Black;
}

.Grid-View-Header{
	background-color: #593421;
	color: White;
}

.Grid-View tr.header{
	 color: White;
	 background-color: #512C1C;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
}

.Grid-View tr.header a{
	 color: White;
	 background-color: #593421;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
	 padding-left: 5px;
	 padding-right: 5px;
}

.Grid-View tr.header a:active{
	 color: White;
	 background-color: #593421;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
}

.Grid-View tr.normal{
	color: #BA6C43;
	background-color: #FFF;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	height: 0px;
}

.Grid-View tr.normal a{
	color: #593421;
	background-color:#FFF;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	height: 0px;
}

.Grid-View tr.alternative{
	color: White;
	background-color: #593421;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	height: 0px;
}

.Grid-View tr.alternative a{
	color: White;
	background-color: #593421;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	height: 0px;
}

.Grid-View .ScrollContent{
	display:block;
	overflow: auto;
	width:100%;
	height: 250px;
}
.Grid-View .FixedHeader{
	display: block
}
.Grid-View .alternating{
	background: #BA6C43;
	color: White;
}
.Grid-View .alternating a{
	color: White;
}
.Grid-View .dtl_alternating{
	background: #BA6C43;
}

/*SubGridView------------------------------------------*/
.subgridview
{
width:100%;
border: none;
text-align: center;
margin: 0px 0px 0px 0px;
background: whitesmoke;
font-size: 12px;
}
.subgridview th{
background: silver;
color: Black;
text-align: center;
}
/*-----------------------------------------------------*/ 
.lblHeader{
	border-color: #FFF;
	border-style: solid;
	color: Red;
	width: 950px;
	font-size: 200px;
}
.lblHeaderDetail{
	border-color: #FFF;
    border-style: solid;
    color: #BA6C43;
    width: 950px;
    font-size: 120px;
}
.lblDetail{
	border-color: #FFF;
    border-style: solid;
    color: #BA6C43;
    width: 950px;
    font-size: 20px;

}
.lblCancelDetail{
	border-color: #FFF;
    border-style: solid;
    color: #BA6C43;
    width: 950px;
    font-size: 15px;

}
.Metric-View{border-color: White;border-style: solid;color: #BA6C43;width: 950px;font-size: 9pt;}

.Metric-View tr.header{
	 color: #FFF;
	 background-color: #512C1C;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
}

.Metric-View tr.header a{
	 color: #FFF;
	 background-color: #593421;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
	 padding-left: 5px;
	 padding-right: 5px;
}

.Metric-View tr.header a:active{
	 color: #FFF;
	 background-color: #593421;
	 text-align: center;
	 font-weight: bold;
	 font-size: 14px;
	 height: 25px;
	 position:relative;
}

.Metric-View tr.normal{
	color: #BA6C43;
	background-color: White;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	height: 0px;
}

.Metric-View tr.normal a{
	color: #593421;
	background-color: White;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	height: 0px;
}

.Metric-View tr.alternative{
	color: #FFF;
	background-color: #593421;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	height: 0px;
}

.Metric-View tr.alternative a{
	color: #FFF;
	background-color: #593421;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	height: 0px;
}

.Metric-View .ScrollContent{
	display:block;
	overflow: auto;
	width:100%;
	height: 250px;
}
.Metric-View .FixedHeader{
	display: block
}
.Metric-View .alternating{background: #BA6C43;color: White;}
.Metric-View .alternating a{color: White;}
.Metric-View .dtl_alternating{
	background: #BA6C43;
}
/*-----------------------------------------------------*/
.IssuesLabel{
	color: red;
	font-weight: bold;
	font-size: 15px;
}






.SpotterOperationsButton{color: #593421;background: #FABB18;font-weight: bold;}

.divUsers{
	overflow: scroll;
	height: 400px;
}
.divBillTos{
	overflow: scroll;
	height: 100px;
}
.divRevType1{
	overflow: scroll;
	height: 100px;
}
.divRevType2{
	overflow: scroll;
	height: 100px;
}
.divRevType3{
	overflow: scroll;
	height: 100px;
}
.divUserShipFrom{
	overflow: scroll;
	height: 100px;
}
.divUserShipTo{
	overflow: scroll;
	height: 100px;
}
.RightCurve{
	backGround: #593421;
	color: white;
	width: 70%;
	border-top-left-radius: 5px 10px;
	border-top-right-radius: 5px 10px;
}
.lblOrderDetail{border-color: #FFF;border-style: solid;color: #BA6C43;width: 950px;font-size: 15px;}