/* Standard HTML Elements */
A {color:#000;font-family:arial,sans-serif;font-size:9pt;}
html,body,td{font:9pt arial,sans-serif;line-height:140%;margin:0px;}
H1{color:#333333;font-family:arial,sans-serif;font-size:13pt;padding-bottom:5px;border-bottom:1px #CCC dotted; }
H2{color:#7D7D8F;font-family:arial,sans-serif;font-size:11pt;padding-bottom:0px; margin-bottom:5px; }
H3{color:#7D7D8F;font-family:arial,sans-serif;font-size:13pt;margin-bottom:3px;padding-bottom:5px;border-bottom:1px #CCC dotted; }
H4{color:#666666;font-family:arial,sans-serif;font-size:11pt;margin-bottom:3px;padding-bottom:5px; font-weight:bold; }
input,textarea,select{background:#fafafa;border:2px solid #ddd;font:8pt arial,sans-serif;margin:3px;padding:2px;}
input[type="text"]:focus,textarea:focus{border:2px solid #FC0;margin:3px;padding:2px;}
.flashing_input{border:2px solid #FC0;margin:3px;padding:2px;}
FORM{margin:0;padding:0;}
UL{line-height:175%;margin:0px;padding-left:5px;margin-left:10px;}

/* bar classes */
.viewport_bar { min-width:100%; position: relative; left:0px; right:0px; background-color:#F6F6F6;border:1px #E0E1E0 solid;color:#333;padding:5px;text-decoration:none; height:30px; }
#addnsrch_loc {position: absolute; right: 0px; }
#locations_menu { width: 250px; float:left; text-align:left; }

/* Custom Header Classes */
.hdr_appdate{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:400;}
.hdr_appdesc{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:400;letter-spacing:3px;}
.hdr_apptitle{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:700;}
.app_menu a {color:#5E5E3A;}
.app_menu a:hover,.rowhighlight a:hover {color:#000;}
.app_menu{color:#5E5E3A;font:9pt arial,sans-serif;line-height:140%;text-decoration:underlined;}
.app_hdrlogout{color:#FFF;font:9pt arial,sans-serif;font-weight:700;line-height:140%;text-decoration:underlined;}

/* Custom General Classes */
.cont_border { border: 10px #EDEDE1 solid; padding:10px; margin:10px; overflow:hidden; }
.deletebtn{background:#FFEFEF;border:2px solid #FFCFCF;font:8pt arial,sans-serif;margin:3px;padding:2px;color:red; font-weight:bold;}
.asterix{color:red;font:8pt arial,sans-serif;}
.histArea{height:340px;overflow-x:hidden;overflow-y:scroll;width:98%; border-color: #ddd; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.poenqArea{height:340px;overflow-x:hidden;overflow-y:scroll;width:98%; border:0px;}
.popupList{height:250px;overflow-x:hidden;overflow-y:scroll; border-color: #ddd; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.disfield { color:#CCCCCC; }
.disfield .tiny { color:#CCCCCC; }
.subtle{color:#666;}
.subtle A {color:#666;}
.very_subtle{color:#999;}
.invisible_layer { display:none;visibility:hidden;position:relative; }
.visible_layer { display:block;visibility:visible;position:relative; }
.hdrgreybox{background-color:#666;}
.blue_message{background-color:#EDFAFE;border:2px #C4E9FD solid;color:#333;line-height:135%;padding:5px;text-decoration:none;}
.blue_message_title{color:#05608F;font-weight:700;}
.green_message{border:5px #78AF85 solid;color:#333;line-height:135%;padding:5px;text-decoration:none;}
.yellow_error{background-color:#FDF9E8;border:2px #F7DA79 solid;color:#333;line-height:135%;padding:5px;text-decoration:none;}
.yellow_error_title{color:#775E06;font-weight:700;}
.tiny { font:8pt arial,sans-serif; }
.tiny A { font:8pt arial,sans-serif; }
.yellow_error ul { line-height:175%; margin-left:10px; padding:5px; }
.blue_message ul { line-height:175%; margin-left:10px; padding:5px; }
.field_title { font-weight:bold; color:#006699;background-color: #E0EAEF; }
.missing_product { text-decoration: line-through; color: #666666; }
/*
.special_instructions { border: 5px #CC3366 solid; padding:10px; background: #FFEFF5; }
*/
.special_instructions h2 { color: #CC3366; }
.special_instructions { color: #CC3366; }

/* UX Notification Styles */
.info-box { background-position:0 100%; background-repeat:repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, .2); box-shadow:0 1px 3px rgba(0, 0, 0, .2); display:block; margin-bottom:5px; }
.info-box .icon { background-position:12px 16px; background-repeat:no-repeat; display:block; margin:0; padding:15px 17px 15px 36px; }
.info-box-alert { background-color:#FFFBFB;background-image:url(../images/msgs/alert.png);border:1px solid #F8C9BB;color:#D0583F; }
.info-box-alert .icon { background-image:url(../images/msgs/alert-icon.png); }
.info-box-approved { background-color:#FAFDF9;background-image:url(../images/msgs/approved.png);border:1px solid #C1CEC1;color:#6CB656; }
.info-box-approved .icon { background-image:url(../images/msgs/approved-icon.png); }
.info-box-note { background-color:#FFFAF6;background-image:url(../images/msgs/note.png);border:1px solid #E6DAD2;color:#B76F38; }
.info-box-note .icon { background-image:url(../images/msgs/note-icon.png); }
.info-box-notice { background-color:#FAFCFD;background-image:url(../images/msgs/notice.png);border:1px solid #C7CDDA;color:#6187B3; }
.info-box-notice .icon { background-image:url(../images/msgs/notice-icon.png); }
.info-box-warning { background-color:#FFFDF6;background-image:url(../images/msgs/warning.png);border:1px solid #E4E4D5;color:#E1B42F; }
.info-box-warning .icon { background-image:url(../images/msgs/warning-icon.png); }


/* Tab Related Classes */
.activetab .leftcol { background: url('../images/tab_filled_left.gif'); }
.activetab .rightcol { background: url('../images/tab_filled_right.gif'); }
.activetab .middlecol { background: #EDEDE1; color:#333;font:8pt arial,sans-serif;font-weight:bold;line-height:140%;text-decoration:underlined; }
.deactivetab .leftcol { background: url('../images/tab_empty_left.gif'); }
.deactivetab .rightcol { background: url('../images/tab_empty_right.gif'); }
.deactivetab .middlecol { background: url('../images/tab_empty_bg.gif'); color:#ddd;font:8pt arial,sans-serif;font-weight:normal;line-height:140%;text-decoration:underlined; }

/* Table Related Classes */
.returned{background-color:#EEE6C1;color:#7F6B0F}
.returned a{color:#7F6B0F}
.rowreceipted{background-color:#f7f7f7;color:#666;}
.rowreceipted TD {border-bottom-color:#DFDFDF;border-bottom-style:solid;border-bottom-width:1px;}
.rowreceipted a{color:#666;}
.rowdiffwh{background-color:#f7f7f7;color:#666;}
.rowdiffwh TD {border-bottom-color:#DFDFDF;border-bottom-style:solid;border-bottom-width:1px;}
.rowdiffwh a{color:#666;}
.rowhighlight{background-color:#D3EEC1;color:#3B671D;}
.rowhighlight TD {border-bottom-color:#A8CF8E;border-bottom-style:solid;border-bottom-width:1px;}
.rowhighlight a{color:#3B671D;}
.rowobsolete{background-color:#FFEFEF;color:#BF3B3B;}
.rowobsolete TD {border-bottom-color:#DFDFDF;border-bottom-style:solid;border-bottom-width:1px;}
.rowobsolete a{color:#BF3B3B;}
.rowselected{background-color:#E0E7EF;color:#002B5F;}
.rowselected TD {border-bottom-color:#DFDFDF;border-bottom-style:solid;border-bottom-width:1px;}
.rowselected a{color:#002B5F;}
.rowselected .std_tbl_row { border-bottom-color:#B5C8DF;border-bottom-style:solid;border-bottom-width:1px; }
.general_notice{background-color:#F6F6F6;border:1px #E0E1E0 solid;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:135%;padding:5px;text-decoration:none;}
.general_notice a{color:#333;font-size:11px;}
.general_notice a:hover{color:#C46200;font-size:11px;}
.std_table {border:1px #CCCCCC solid;}
table.sortable a.sortheader{color:#333;display:block;font:9pt arial,sans-serif;font-weight:700;text-decoration:none;}
table.sortable span.sortarrow{color:#333;text-decoration:none;}
.table_header{background-image:url("../images/grey_rowbg.gif");color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;height:35px;line-height:160%;padding:6px;text-decoration:none;}
.std_tbl_row{border-bottom-color:#CCC;border-bottom-style:solid;border-bottom-width:1px;}
.std_tbl_row TD {border-bottom-color:#CCC;border-bottom-style:solid;border-bottom-width:1px;}
.std_tbl_cell{border-right-color:#CCC;border-right-style:solid;border-right-width:1px;}

/* ID Related Classes */
#image_needed{background-color:#E0FFBF;border:1px #FFFFFF solid;color:#6F9F3B;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:135%;padding:5px;text-decoration:none;font-weight:bold;}
#header { background:url('../images/top_bg2.jpg'); width:100%;height:129px; }
#hdr_left { width:350px; float:left; height:79px;}
#hdr_right { height:79px;}
#hdr_box { position:relative;top:20px; left:15px; height:38px; width:5px;background:#446F00; }
#hdr_title { padding-left:30px;position:relative;top:-3px;font-size:20pt; line-height: 100%; color:#FFF; letter-spacing:4px; }
#hdr_slogan { top:-50px;text-transform:lowercase;padding-left:30px;position:relative;font-size:9pt; color:#999; letter-spacing:3px; }
#hdr_date { position:relative;top:20px;margin-right:10px;text-align:right;font-size:9pt; color:#999; letter-spacing:3px; }
#esl_page_links { position:relative; right:15px; top:110px;}
#page_body { padding-left:10px; padding-right:10px; }
#recstk_left { padding-right:20px;float:left; }
#recstk_right { width:50%; float:left; }
#dupeloc_content { width:350px;padding:5px;height:340px;overflow-x:hidden;overflow-y:scroll; border-color: #ddd; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; }
#show_prodloc_lyr { margin-right: 10px; float:left; }
#export_prodloc_lyr { float:left; }
#export_selprodloc_lyr { padding-left:15px;float:left; }
#export_xlsloc_lyr { padding-left:15px;float:left; }

/* Website Navigation Related Classes */
#navcontainer { margin-left: 30px; color:#999999; }
#navlist { position:relative; list-style: none; padding: 0; margin: 0; text-align:left; }
#navlist li a { color:#FFF; }
#navlist li a:hover { color:#F88506; }
#navlist li { display: inline; padding: 0; margin:0px; }
/*#navlist li:before { content: " |  "; }*/
/*#navlist li:first-child:before { content: ""; }*/
/*IE workaround*/
/*All IE browsers*/
* html #navlist li { border-left: 1px solid black; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }
/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li { display: block; float: left; }
/*End hide*/
/*Mac IE 5*/

.utl {
    width: 45%;
    min-height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
    _height: 10px;
    padding-top:10px;
    margin-bottom:15px;
}

.bugfix {
  margin:5px;
  border:1px #9ECF9B solid;
	padding: 10px;
	color: #315F2F;
	background: #EFFFEF;
	font-size:11px;
}

.bugfix a {
	color: #315F2F;
	font-weight:bold;
	font-size:11px;
}

.bugfix ul {
	margin:15px;
	padding:0px;
}

.utl ul {
	margin:15px;
	padding:0px;
}

.disabled_receipt_txt {
	top:25%;
	width:80%;
	line-height:150%;
	margin:auto;
	position:relative;
	color: #fff;
	font-size:22px;
  text-align: center;
}


.disabled_receipt_txt a {
	color: #fff;
	font-size:22px;
	text-transform:lowercase;
	text-decoration:none;
	color: #FFEB8F;
}

.disabled_receipt_txt a:hover { color: #FFD100; }

.disabled_receipt_bg {
	background:black;
  -moz-opacity:0.75;
  opacity: 0.75;
  -khtml-opacity: 0.75;
  filter:alpha(opacity=75);
  vertical-align: middle;
  text-align: center;
}

/* Menu Class */
#menu {
	width: 100%;
	height: 33px;
}

#menu  ul {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
	z-index: 90
}

#menu  ul li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1, 5em;
	list-style-type: none;
}
#menu  ul li:hover {
  background:#666;
}
#menu  ul li:hover a {
  color: #fff;
}

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 0.9em 0.8em 0.5em 1em;
}

#menu  ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#menu  ul li.sep {
	color: #ccc;
	padding: 0.8em 0em 0.5em 0em;
}
#menu  ul li.sep:hover {

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #57AFAF;
}

#menu  ul.level2 li, #menu ul.level3 li {
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0;
	padding: 0;
	width: 150px;
}

#menu  ul.level2 li a, #menu ul.level3 li a {
	padding: 5px 9px 5px 5px;
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
	font-weight: normal;
	background-color: #FF8401;
	background-image: none;
}

/* Empty Stock Location view */
.location_listing { display: table; margin: 0; padding: 0; list-style: none; margin-bottom:20px; }
.location_listing li { float: left; width: 50px; margin: 0; padding: 0 0 0 1.5em; }

/* Asset related classes */
.asset_available { color: green; background-color: #D1EFD1; }
.asset_unassigned { color: #333; background-color: #F7F7F7; }
.asset_booked { color: #006699; background-color: #D1E5EF; }
.asset_damaged { color: white; font-weight:bold; background-color: red; }
.asset_quarantined { color: #AF7300; font-weight:bold; background-color: #EFDAB3; }
.asset_item_list { margin:0px; padding:0px; }
.asset_item_list li { width: 120px; min-height: 25px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-right: 5px; zoom: 1; *display: inline; _height: 25px; }
.asset_item_list li div table td { border-bottom: 0px; }
.asset_chklist_box { height: 50px; width: 50px; border:1px solid #000; }
.asset_chklist_code { font-size:12pt; }
.asset_rtnopts { position:absolute; border: 2px solid #999; background-color: #EFEFEF; z-index:1; padding:5px; color:black; }
.asset_rtnopts_btns { width:100%; text-align:right; }

.float_left { float:left; }
.float_right { float:right; }
.hidden_lyr { display:none;visibility:hidden; }

/* Priority Despatch List */
.deadlinepast { color: #C13A3A; font-weight: bold; background: #FFEFEF; padding:5px; border:1px dotted #EF9595; }
.deadlinetoday { color: #DFA60D; font-weight: bold; background: #FFF6DF; padding:5px; border:1px dotted #EFCA68; }
.deadlinefuture { color:#359F00; font-weight: bold; background: #F4FFEF; padding:5px; border:1px dotted #77BF53; }
.deadline_indicator { font-size:12pt; }

/* Order Status / Picklist Styles */
.ps_addnote { float:left; padding-right:20px; }
.ps_note { float:left; }
.ps_oddrow { background-color: #E8F7FF; }
.ps_priority td { color: #000; font-weight: bold; background: #FBFF80; }
.ps_priority a { color: #000; font-weight: bold; }
.ps_priority_txt { color: #000; font-weight: bold; background: #FBFF80; }

#autocomplete-list {
  position: absolute;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1;
}

.autocomplete-item {
  padding: 10px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background-color: #e9e9e9;
}

#autocompleteList {
  position: absolute;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1;
}

#autocompleteList div {
  padding: 5px;
  cursor: pointer;
}

#autocompleteList div.highlight {
  background-color: yellow;
}

#autocompleteList span {
 font-weight:normal; color:#3399FF; 
}

#autocompleteList div:hover {
  background-color: #85b72b;
}

.popupListStockloc {
    height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-color: #ddd;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

#loading-mask {
	transition: opacity 0.3s ease;
  }