.cur_row {
color: #000;
background: #FFE3B3;
}

.cur_col {
color: #000;
background: #FFF9B5;
}

.cur_cell {
color: #000;
background: #FDC743;
}
hand { cursor: pointer;}
.hand { cursor: pointer;}
html { height:100%; max-height:100%; padding:0; margin:0; border:0; font-size:76%; font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#theMainContent {
overflow:auto;
position:absolute; 
z-index:3; 
top:50px;
bottom:0;
left:0;
right:0;
padding:10px;
}

* html #theMainContent {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%;
overflow:auto; position:absolute; z-index:3; border-top:55px solid #fff; border-bottom:50px solid #fff; border-left:0 solid #fff;}

#MenuPanel img {margin-right:15px;}
#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:55px; text-align:center;
z-index:5; overflow:hidden; color:#fff;
}
.stuff {
	background-color: #B9F1FF;
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: medium solid #333333;
	border-right: medium solid #333333;
	padding: 5px 0 5px 0;
	text-align: center;
	margin: -5px;
	margin-bottom:8px;
	font-size:25px;
	line-height:45px;
}
#MenuPanel {position:absolute; margin:0; bottom:0; left:0; padding-left:10px; display:block; width:100%; height:50px;
 font-size:1em; z-index:5; overflow:hidden; background:rgb(76,76,76) url(https://images.jit-logistics.com/background-bar.gif) repeat-x; color:#fff;}
h1 { z-index:6; font-size:3em;  color:black; margin:0 0 0 40px;}
* html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}
#clock, #flags, #close, #sessNum , #hideShow { vertical-align: middle; font-size:10px; height:55px; text-align: center; color:black;}

#clock {
	float:left;
	margin:5px 5px 0px 50px;
	padding:1px;
	height:23px;
	width:132px;
/*	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	*/
}
#home { position:absolute; top: 4px; left:4px; margin:0 15 0 5; cursor:pointer;}
#mail { position:absolute; top: 4px; right:75px; margin:0 15 0 5; cursor:pointer;}
#uname { color:black; font-size:18px; margin-bottom:15px; }

#reloadSub { position:absolute; top: 4px; left:64px; margin:0 15 0 5; cursor:pointer;}

#clock1 img {padding-top:1px;}
#flags {float:right; width:180px;}
#close { float:right; width:50px;  cursor: pointer;}
#hideShow { float:right; cursor: pointer;}
#copyright { margin-top:10px; padding-right:10px; float:right;font-size:10px; text-align: center;}
#theHint { position:absolute; top: 31; left:120; margin:0 15 0 5; color:black; font-size:11px; }
.prompts, .leftPrompts, .centerPrompts {
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	}
.leftPrompts{text-align: left; padding-right:10px;}	
.centerPrompts{text-align: center; padding-right:10px; padding-left:10px;}	
.data {
	font-weight: bold;
	color: #0000FF;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
.subForm {
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: thick solid #666;
	border-right: thick solid #666;
	margin: 15px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 15px;
	vertical-align: top;
	background-color:#FFFFEC;
	}
.subFormNoAlign {
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: thick solid #666;
	border-right: thick solid #666;
	margin: 15px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 15px;
	background-color:#FFFFEC;
	}

.subFormMaster {
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: thick solid #666;
	border-right: thick solid #666;
	margin: 15px;
	padding: 15px;
	vertical-align: top;
	width:100%
	}
h1 {
	background-color: #B9F1FF;
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: medium solid #333333;
	border-right: medium solid #333333;
	padding: 5px 0 5px 0;
	text-align: center;
	margin: -5px;
	margin-bottom:8px;
	font-size:25px;
	line-height:45px;
	}
.show-nights, .show-stock {
	font-family: "Comic Sans MS", Arial;
	font-size: 100px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 15px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	}
.show-stock {	background-color: #FF3300;
	}
.accesskey,.underline {
	text-decoration: underline;cursor: pointer;
	}
.dataHeadings {
	font-weight: bold;
	color: #0000FF;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #E6FFFF;
	}
.ListBoxBug {
	visibility: hidden;
	}
.ConsignWarning {
	color:white;
	background-color:red;
	text-align:center;
	font-size:50px;
	width:95%;
	position: fixed;
	bottom: 50px;
	right: 10px;
	left:50px;
	}
.RedtextBand {
	color:white;
	background-color:red;
	text-align:center;
	font-size:50px;
	width:95%;
	}
.menuGrp {
	width:90%;
	border:1px solid black;
	background-color:white;
	padding:3px;
	padding-left:12px;
	margin-bottom:3px;
	}
.alertPanelOff {
	visibility:hidden;
	}
.alertPanelOff1 {
	visibility:hidden;
	}
.alertJsonOff {
	visibility:hidden;
	}
.alertJsonOff1 {
	visibility:hidden;
	}
.alertPanelOn {
  height: auto;
  width: auto;
  background-color: #FBFF92 ;
  border: solid #000000;
  border-width: 1px 2px 2px 1px;
  padding: 5px 5px 5px 5px;
  visibility: visible; 
  z-index: 200;
  position:absolute;
  top: 69px ;
  left: 200px ;
  }
.alertPanelOn1 {
  height: auto;
  width: auto;
  background-color: #FBFF92 ;
  border: solid #000000;
  border-width: 1px 2px 2px 1px;
  padding: 5px 5px 5px 5px;
  visibility: visible; 
  z-index: 200;
  position:absolute;
  top: 69px ;
  left: 200px ;
  	}
.alertJsonOn {
  height: auto;
  width: auto;
  background-color: #FBFF92 ;
  border: solid #000000;
  border-width: 1px 2px 2px 1px;
  padding: 5px 5px 5px 5px;
  visibility: visible; 
  z-index: 200;
  position:absolute;
  top: 69px ;
  left: 200px ;
  	}
.alertJsonOn1 {
  height: auto;
  width: auto;
  background-color: #FBFF92 ;
  border: solid #000000;
  border-width: 1px 2px 2px 1px;
  padding: 5px 5px 5px 5px;
  visibility: visible; 
  z-index: 200;
  position:absolute;
  top: 69px ;
  left: 200px ;
  	}
#SelectDealerPrompts{
	visibility:hidden;
	}
select {
	font-family: "Courier New", Courier, mono;
}
.formButton, .srchButton, .menuButton, grpMenuButton {
height:30px;
	border:outset 1px #ccc;
	background:#999;
	color:black;
	padding: 3px 18px 2px 18px;
	background:url(https://images.jit-logistics.com/ButtonBgGrd.gif) repeat-x left top;
	cursor: pointer;
	}
.formButton:hover {
	background:url(https://images.jit-logistics.com/ButtonBgGrdHover.gif) repeat-x left top;
	}
.menuButton {
	margin-top:12px; margin-right:15px;
	background:url(https://images.jit-logistics.com/ButtonBgGrd.gif) repeat-x left top;
}
.menuButton:hover {
	background:url(https://images.jit-logistics.com/ButtonBgGrdHover.gif) repeat-x left top;
}
.srchButton {
	padding: 2px 5px 2px 5px;
	}
.headingBlue{
	background-color: #A8EAFF;
}
.headingGreen {
	background-color: #CAFFA6;
}
.headingOrange {
	background-color: #FFEA95;
}
.headingRed {
	background-color: #FF7171;
}
.ShowDate {
  height: auto;
  width: auto;
  /*background-color: #FBFF92 ;*/
  border: solid #333333;
  border-width: 0 2px 2px 0;
  padding: 1px 10px 3px 10px;

  z-index: 200;
  position:absolute;
  text-align:right;
  top: 5px ;
  right: 0 ;
  	}
.inline{display:inline; margin:0;padding:0; border:none;}
.yellow {background-color:yellow;}
.green {background-color:green;}
.beige {background-color:beige;}
.red {background-color:red;}
.lightpink {background-color:#FFE8E8;}
.lightgreen {background-color:#F0FFE1;}
.true {background-color:#abfa5c;}
.false {background-color:#eea0a0;}

.tabcontent { 
	border-top: thin solid #666666;
	border-left: thin solid #666666;
	border-bottom: thick solid #666;
	border-right: thick solid #666;
	margin: 15px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 15px;
	vertical-align: top;
	background-color:#FFFFEC;
	}
.tabBtn {height:28px; background-color: #FFDFDF;}
.band1{	background-color:#EEEEE3;}
.band0{	background-color:#E2E2CF;}
.mfTrunkRt{
	background-color: #FFFFAA;
 }
.mfSubTrunkRt{
	background-color: #FFFFEA;
 }
.mfLoadRt{
	background-color: #FFFFDD;
 }
.mfCentered{
	text-align:center;
}
.hide1{
	visibility: hidden;
	display: none;
	}
.hide0{
	visibility: visible;
	display: block;
	}
.hideTick0{ visibility: hidden; }
.hideTick1{ visibility: visible;}

pre {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
}
.printed1{
background-color:#CCFF99;
}
.printed0{
background-color:#FFCC99;
}
.bubbleHelpPanelOn {
  height: auto;
  background-color: #FFFCF5 ;
  z-index: 4;
  position: absolute;
  border-style: solid ;
  border-color: #DCE1F2 ;
  border-width: 2px ;
  padding: 4px; 
  font-family: Arial, sans-serif ; 
  font-size: 8pt;
  color: #5555ff ;
}
#timePickerDiv {
	position:absolute;
	top:200px;
	left:200px;
	width:400px;
	height:400px;
	border:1px solid grey;
	background-color:white;
	}
.fail { visibility: hidden; }

/* COLOR VARIATIONS */

.btn0		{background-color: #CCCCCC; color: #141414;}
.btn0:hover	{background-color: #00c0ff; color: #ffffff;}

.btn1		{background-color: #CCCCCC; color: #141414;}
.btn1:hover	{background-color: #8aff00; color: #ffffff;}

.btn2		{background-color: #CCCCCC; color: #141414;}
.btn2:hover	{background-color: #ff004e; color: #ffffff;}
/* maintain in MainPage.css */
.consignStatus1{ background-color:#FFFF9D;} 	/* 	yellow CUS - Coming In */
.consignStatus2{ background-color:#FFFF26;} 	/* 	yellow/orange CUS - In the Warehouse */
.consignStatus3{ background-color:#FC0;} 	/* 	orange CUS - Ready for Dispatch */
.consignStatus4{ background-color:#FFFF9D;} 	/* 	yellow JIT - Coming In By Air */
.consignStatus5{ background-color:#FC0;} 	/* 	orange JIT - Received from airport */
.consignStatus6{ background-color:#C8EAC4;} 	/* 	green JIT - FLIGHT DELAYED - DELIVERED LATE */
.consignStatus7{ background-color:#C8EAC4;} 	/* 	green JIT - Delivered */

.consignStatus81 { background-color:#C8EAC4;} 	/* 	green CUS - Sealed' */
.consignStatus82 { background-color:#C8EAC4;} 	/* 	green JIT - Sealed' */

.consignStatus8{ background-color:#FCF;} 	/* 	pink JIT - Missing from FLIGHT */
.consignStatus9 { background-color:#FCF;} 	/*	pink Deleted OLD range*/
.consignStatus96 { background-color:#FCF;} 	/*	pink Deleted NON-ARRIVE*/
.consignStatus97 { background-color:#FCF;} 	/*	pink Deleted AWOL*/
.consignStatus98 { background-color:#FCF;} 	/*	pink CUS Deleted */
.consignStatus99 { background-color:#FCF;} 	/*	pink JIT Deleted */


#keepTimeout {
	position: absolute;
	bottom:40px; right:40px; width:auto;
	visibility: hidden;
	display: none;
	}

#theAudioSoundFiles, #theAudioBtns {
	height: auto;
	background-color: #FFFCF5 ;
	z-index: 1000;
	position: absolute;
	bottom:40px; right:40px; width:auto;
	border: 1px solid black;
	padding:5px;
}
#theAudioBtns {
	bottom:80px; right:40px; width:auto;
}
#timePickerDiv { display:none; }
.CalendarButton {
	border:outset 1px #ccc;
	background:#999;
	color:black;
	padding: 2px 18px 2px 18px;
	background:url(../images/ButtonBgGrd.gif) repeat-x left top;
	cursor: pointer;
	}
.CalendarButton:hover {
	background:url(../images/ButtonBgGrdHover.gif) repeat-x left top;
	}
#GSpopOn {
	background: #CEF6F5;
	border-style: outset;
	border-width: 3px;
	text-align: left;
	font-size: 10pt;
	left: 100px ;
	width: 700px;
	height: 280px;
	position: absolute;
	top: 50px;
	z-index: 1000;
	visibility: visible;
	overflow: auto;
	}
.GSpopoff {
	background: #ffffff;
	border-style: outset;
	border-width: 2px;
	left: 100px ;
	width: 700px;
	height: 500px;
	position: absolute;
	top: 50px;
	z-index: 1;
	visibility: hidden;
	}

#userLoggedIn { float:right;  font-size:12px;}

/* For a 3-pixel blue glow */
input:focus {
	-moz-box-shadow: 0 0 1px #8AB1F6; /*for early versions of firefox */
	-webkit-box-shadow: 0 0 1px #8AB1F6;
	box-shadow: 0 0 1px #8AB1F6;
	outline: #8AB1F6 solid 1px; /*for chrome compatability */
	border: 1px solid #8AB1F6;
}
#progress {position:absolute; top:200px;left:100px; z-index:5000;}
#srchChoices { padding:0; margin:0; list-style:none; position:absolute; z-index:1500; top:30px; left:0; font-family:arial, verdana, sans-serif; height:500px; overflow-y: auto;
overflow-x:hidden;}
#srchChoices ul{ position:relative;  width:0; height:0; margin:0; padding:0; list-style:none;overflow:auto;}
#srchChoices ul.sub { width:200px; left:1px; top:0px;  padding:3px; border:1px solid #0b4d97; white-space:nowrap; height:auto; z-index:300;}
#srchChoices ul.sub li { width:200px; display:block; background:#C8FDB0; height:20px; position:relative; float:left;font-weight:normal;}
#srchChoices ul.sub li.inactive { background:#FCF;}
#srchChoices ul.sub li a {width:198px; display:block; font-size:11px; height:18px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#srchChoices ul.sub li a:hover {background:#3f96a9; color:#fff; border-color:#fff;}
#srchChoices li b { width:198px; font-size:12px; height:18px; line-height:18px; margin-bottom:3px;  color:#F00; border-bottom:1px solid #ff6; cursor:default; padding-left:2px; padding-right:2px;}
#srchChoices .rt,
#srchChoices .drop {display:block; float:left; text-align:right; width:20px; border-right:1px solid grey; padding-right:4px;}

								/*								MOVED FROM EXTRANET.CSS - 18/08/2014									*/
	
.stdImgBorder{
border:1px solid black;
}
#lowLevel,#highLevel,#inHouse { border:1px solid black; padding:10px; }
#lowLevel {	background-color:#CCFFCC; }
#highLevel { background-color:green; }
#inHouse { background-color:red; }
#headRegion {
	width:100%;
	display:block;
	width:100%;
	height:80px;
	z-index:99;
}
#lhs {
	position:fixed;
	left:0;
	top:0;
}
#rhs {
	position:fixed;
	right:0;
	top:0;
}
.regTableHeads {
	font-weight:bold;
	font-size:16px;
	text-align:center;
	background-color:#006633;
	color:white;
}
.inhouseBand0{background-color:#E2E2CF;}
.inhouseBand1{background-color:#EEEEE3;}
.dlrList0 {background-color:#B8CFEE; margin-right:40px;}
.dlrList1 {background-color:#D9E7F8; margin-right:40px;}
#headerTitle{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	position:relative;
	top:20px;
	z-index:5000;
	_position:absolute;
	_left:25%;
	_right:25%;
	_width:50%;
	_display:block;
}
#jitImages{
	top:70px;
	position:fixed;
	display:block;
	width:100%;
	height:200px;
	z-index:-2;
}
							/*This handles the message type images when the dealer views their messages in DRGAs*/
.urgent{
	background:url(https://images.jit-logistics.com/msg-urgent.jpg) no-repeat;
	background-color:#FFFFFF;
	background-position:center;
	width:50px;
}
.reminder{
	background:url(https://images.jit-logistics.com/msg-reminder.jpg) no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	width:50px;
}
.update{
	background:url(https://images.jit-logistics.com/msg-update.jpg) no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	width:50px;
}
.general{
	background:url(https://images.jit-logistics.com/msg-general.jpg) no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	width:50px;
}

										/*The Style for the images in the COMPose message area in DRGAs*/
.generalComp{
	/*background:url(https://images.jit-logistics.com/msg-general.jpg) no-repeat right top;*/
	background-color:blue;
	width:50px;
}
.urgentComp{
	/*background:url(https://images.jit-logistics.com/msg-urgent.jpg) no-repeat right top;*/
	background-color:pink;
	width:50px;
}
.reminderComp{
	/*background:url(https://images.jit-logistics.com/msg-reminder.jpg) no-repeat right top;*/
	background-color:yellow;
	width:50px;
}
.updateComp{
	/*background:url(https://images.jit-logistics.com/msg-update.jpg) no-repeat right top;*/
	background-color:orange;
	width:50px;
}

.rowurgent{
	background-color:#FF9966;
}
.rowreminder{
	background-color:#FFFFCC;
}
.rowupdate{
	background-color:#CCFFCC;
}
.rowgeneral{
	background-color:#FFFFCC;
}

	/*The following controlls the question mark tooltip that I (Luke) use to display more information in DRGAs*/

a.info{
	position:relative;           /*this is the key*/
	z-index:24;
	background-color:FFFFFF;    /* background colour of display text */
	color:#000000;               /* colour of display text */
	/* border:1px dotted #999;     border colour */
	text-decoration:none;
	font-style:italic;
}

a.info:hover {
	z-index:25;
	background-color:#ffff66;
}

a.info span{
	display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top: 1.5em;
	left: 3em;
	width:15em;
	border:1px solid #009900; /* border colour */
	background-color:#99CCFF; /* background colour here */
	color:#000000;         /* text colour */
	text-align: center;
	font-size: .8em;
	font-style:italic;
	z-index:30;
}
        .images {
        vertical-align:bottom;
		border:0;
        }

.jd {
color:green;
}
.endOfList{
background-color:#FFCC99; font-weight:bold;
}

.smallCenteredInfo {
text-align:center;
}
.smallCenteredInfo th {
font-weight:bold;
background-color:#99FF99;
}

.smallCenteredInfo td {
text-align:center;
background-color:#CCFFCC;


}
.yellowBack {
background-color:#FFFFCC;
}

.maintenceBox {
position:absolute;
width:80%;
left:10%;
right:10%;
text-align:center;
border:5px groove orange;
padding:20px;
/*
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);*/
	background-color:#FFCC66;
	z-index:200;

}

.centerTable{
width:100%;
text-align:center;
padding-top:25px;
}

.confirmDetails{
background-color:#FFFFCC;
width:50%;
height:50px;
border:3px groove grey;
padding:20px;
}

#confirmReturn{
font-size:1.1em;
}

#printArea{
width:11%;
position:absolute;
top:100px;
height:90px;
left:0;
background-color:#FFFFCC;
margin-bottom:40px;
}

#printReturn{
height:80px;
padding:10px;
background-color:#CCFF99;
width:90px;
font-weight:bold;
}

#instructions{
width:800px;
height:auto;
padding:30px;
background-color:#FFFFCC;
border:2px groove black;
margin-top:20px;
margin-bottom:20px;
}

.feature{
padding:5px;
margin:7px;
display:block;
background-color:#CCFF99;
min-height:130px;
}

#featuretext{
width:75%;
height:100%;
}
#featureImg{
width:25%;
float:left;
height:100%;
}

#warehouse{
width:800px;
height:auto;
padding:30px;
background-color:#FFFFCC;
border:2px groove black;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}
.wareShortcut {
padding:15px;
font-weight:bold;
font-size:2.1em;
border:2px solid black;
margin:10px;
background-color:#CCFF99;
}
.header-clearance{
margin-top:30px;
}
.savedSettings{
background-color:#D1E4F5;
width:500px;
border:4px groove grey;
}
.linkProps{
cursor:pointer;
}
.cancelDrgaBtn{
color:white;
background-color:red;
}
.cancelled{
	background-color: #FF9B82;
}
.customHr{
	color:black;
}
.sectionHeads{
font-weight:bold;
text-align:center;
font-size:1.2em;
}


.moreInfo{
cursor:help;
}
.highlight{
border:3px solid yellow;
}
.vTop {
vertical-align:top;
}
.vMid{
vertical-align:middle;
}
.vBottom{
vertical-align:bottom;
}
.hRight{
text-align:right;
}
.hCenter{
text-align:center;
}
.hLeft{
text-align:left;
}

/*Site Wide Fonts*/
.font1point5{
font-size:1.5em;
}
.font2{
font-size:2em;
}
.font3{
font-size:3em;
}
.font4{
font-size:4em;
}
/*Spacers*/
.margBtm30{
margin-bottom:30px;
} 
.margTop30{
margin-top:30px;
} 
.margAll30{
margin-top:30px;
} 
.bold{
font-weight:bold;
}

.linkProps{
text-decoration:underline;
cursor:pointer;
}
								/*						END MOVED FROM EXTRANET.CSS - 18/08/2014									*/
								
		.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}