@charset "UTF-8";
/* CSS Document */

/* Page resets, global styles, and fixes */
* {	margin: 0px;padding: 0px;}
img { border: none; }
button::-moz-focus-inner { border: 0; }
a:focus, a:active {outline: none;}
:focus {outline-style: none;}
a:link { text-decoration: none; outline: none; cursor: pointer;}
a {text-decoration: none;}
a:hover { text-decoration: underline; }
a.bluelink:hover {text-decoration: underline;}
p {	margin-bottom: 1em; }
html { height:100%; width:100%; }
body {  /* text-align: center; */  font-size: 0.8em;  font-family: Helvetica, Arial, sans-serif !important;  color: black; 	 margin: 0px; overflow: auto; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;}
.bodyReset {font-size: 12px;}
ul {list-style-type: none;}
table {position: relative; width: 100%; border-collapse: collapse;}
td {font-size: 1em; vertical-align: top;}
table tr {padding: 3px;}
select.focus {outline-style: none;}
/* input[type="checkbox"] {margin-right: 7px; float: left; font-size: 2em; margin-bottom: 5px; border-width: 0px; border-style: none;} */
input[type="radio"] {padding: 3px; margin-bottom: 5px; border-width: 0px; border-style: none;}

/* End of Page resets, global styles, and fixes */

#mainPage { text-align: left; margin-right: auto; margin-left: auto; width: 950px; }
#brand { top: 0px; left: 0px; height: 60px; width: 200px; float: left; margin: 4px 0px; }
#productName {display: none;}
#popupPage {text-align: left; padding: 20px;}
#topBranding1 { position: relative; margin-bottom: 4px; margin-top: 4px; height: 60px; width: 100%; }
/* #slogan h1 { margin-right: 3px; margin-top: 15px; font-style: italic; line-height: 30px; font-size: 12px; color: #bfbfbf; float: left; } */
/* #userName em { margin-bottom: 5px; display: block; padding-top: 6px; background-position: 98%; background-image: url(../images/common/userProfileImage.png); background-repeat: no-repeat; padding-right: 22px; color: #666666; font-size: 0.9em; font-style: normal; font-weight: normal;} */

#topContainer {
	height: 40px;
	padding: 10px 0px;
	float: right;
	position: relative;
	width: 600px;
	}

/* Login Page */
body.loginPage div#mainPage, body#password div#mainPage {width: auto;}
body.loginPage div#loginContainer, body#password div#loginContainer {margin-top: 30px; padding: 15px; margin-top: 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
#new-updates {
    width: 90%;
    border: 1px solid #4CBD51;
    border-radius: 5px;
    background-color: rgba(76,189,81,0.15);
    margin: 2em auto;
    padding: 10px;
    text-align: center;
}

/* New Username Styles */
#userName {  text-align: right; right: 0px; float: right; width: 400px;}
#userName em { margin-bottom: 7px; display: block; padding-top: 0px; padding-right: 0px; color: #bfbfbf; font-size: 12px; font-style: normal; font-weight: normal;}
#userName li.uiversion {margin-right: 30px;}
#userNameLink {font-weight: bold;}
div#userName em {display: block; background: url(/images/common/controlsIcons1.png) no-repeat -341px -55px; width: 7px; height: 7px; float: right; margin: 5px 0px 0px 3px;}
#userIDMenu { padding: 10px 0px; border: #CCCCCC solid 1px; background-color: white; position: absolute; top: 35px; right: 0px; z-index: 200; min-width: 125px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }
#userIDMenu ul li {padding: 3px; font-size: 14px;}
#userIDMenu ul li a {padding: 0px 6px; line-height: 25px; font-weight: normal; text-decoration: none; display: block; text-align: left;}
#userIDMenu li:hover {background-color: #F0F0F0;}
.upPtrIn {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #BEBEBE;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    cursor: default;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 30px 0 0;
    position: absolute;
    right: 19px;
    top: -40px;
    visibility: visible;
    width: 0;
    z-index: 1000;
}
.upPtrOut {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    cursor: default;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 31px 0 0;
    position: absolute;
    right: 19px;
    top: -40px;
    visibility: visible;
    width: 0;
    z-index: 1000;
}
/* End new username styles */

/* ------Old username styles------ */
/* #userName h4 {line-height: 12px; font-size: 12px; float: right;} */
/* #userName a:hover { text-decoration: none; } */

/*
#userName ul { text-align: right; list-style-type: none; }
#userName ul li { display: inline; color: #7f7f7f; margin-left: 5px; }
.dottedline1 { margin-bottom: 5px; margin-top: 5px; height: 3px; background-repeat: repeat-x; background-image: url(../images/common/dot_3px_CCCCCC.png); }
#userName h2 { line-height: 22px; font-size: 22px; color: #7f7f7f; text-align: right; }
*/
#loginSearch {margin-top: 5px; display: block; float: right;}
div#logout {line-height: 1.3em; margin-bottom: 8px;}
div#backAsAdmin {font-size: .85em;}
div#backAsAdmin a:hover {text-decoration: underline;}

/* h1, h2, h3, .... */
h1 { font-weight: normal; font-size: 1.75em; line-height: 1.1em;}
h2 { position: relative; visibility: show; margin-bottom: 5px; font-style: normal; font-weight: normal; font-size: 2em; line-height: 1.1em; }
h3 {position: relative; margin-bottom: 5px; font-weight: normal; font-size: 1.6em; font-style: normal;}
h4 {/* position: relative; */ margin-bottom: 5px; font-weight: normal; font-size: 1.3em; font-style: normal;}
h5 {color: #656565; margin-bottom: 3px; font-size: 1em; font-weight: bold;}
h6 {font-size: 0.8em; font-weight: bold;}
.subhead1 {font-weight: bold; font-size: 80%; }
.subhead2 {font-weight: bold; font-size: 70%; }
.subhead3 {font-weight: bold; font-size: 60%; }
.subhead4 {font-weight: bold; font-size: 50%; }
.exportlinks {clear: both; margin-top: 10px;
 padding-left: 3px; padding-bottom: 2px; padding-right: 3px; padding-top: 5px; color: #666666; line-height: 1.4em; text-align: center; margin-bottom: 2px; font-size: 1.2em; vertical-align: bottom;  -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;  -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; color: #4d4d4d; outline: none;}
.exportAnchor {display: block; margin-top: -80px; margin-bottom: 80px;}
a.exportAnchor:hover {text-decoration: none;}
.bold {font-weight: bold;}

/*------- Advertising OpenX ---------*/
.Ad180x150 {width: 190px; height: 160px; display: block; padding: 5px;}
#leaderBoardAd {float: left; display: block; width: 468px; height: 60px;}

/* ----- Warnings & Confirmations ----- */
.greenStatus { margin-bottom: 10px; font-size: 1.2em; font-style: normal; font-weight: normal; color: #009900;}
.greenStatusBig { margin-bottom: 5px; font-size: 1.4em; font-style: normal; font-weight: normal; color: #009900;}
.greenStatus2 { color: #009900;}
.redStatus {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; font-size: 1.2em; font-style: normal; font-weight: normal; color: #cc0000;}
.blackBig {font-size: 1.3em; color: black;}
.redStatusBig {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; font-size: 1.4em; font-style: normal; font-weight: normal; color: #cc0000;}
.redStatus2 { color: #cc0000;}
.ui-widget .ui-state-highlight p {margin-bottom: 0px; line-height: 1.2em; padding: .7em;}
.ui-widget .ui-state-highlight .ui-icon-info {float: left; margin-right: .3em;}
.ui-widget .ui-state-highlight {border-color: #FFCC00;}
.ui-widget .ui-state-note .ui-icon-info {float: left; margin-right: .3em;}
.ui-widget .ui-state-error p {margin-bottom: 0px; line-height: 1.2em; padding: .7em;}
.ui-widget .ui-state-error .ui-icon-alert {float: left; margin-right: .3em;}
.hiddenText {text-align: left; color: white;}

.ui-state-note, .ui-widget-content .ui-state-note {border: 2px solid #bfbfbf; background: #fbf9ee url(/css/custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }

.ui-widget .ui-state-note p {line-height:1.2em; margin-bottom:0; padding:0.7em; }
.infoBox {border-width: 2px; border-style: solid; overflow: hidden;}
.infoBox h4 { font-size: 1.1em; font-weight: bold; padding-bottom: 3px; padding-right: 10px; padding-left: 10px; padding-top: 4px; }

.grayBoxHeader .infoBox h4 { font-size: 1.1em; font-weight: bold; padding-bottom: 3px; padding-right: 10px; padding-left: 10px; padding-top: 4px; color: #656565; background-color: #d2edb6;  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; margin-bottom: 0px;}

.infoBox p {padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 7px;}

.imagePreview { margin-top: 10px; margin-bottom: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 3px 6px; }

#spinner {position: absolute; left: 46%; top: 40%; z-index: 1000;}
#pageCenter {position: absolute; left: 50%; top: 50%;}

.modal {background-color:#fff; display:none; padding:15px; text-align:left; border:2px solid #333; opacity:1.0; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; /* -webkit-box-shadow: 0 0 50px #ccc; */ z-index: 9999; }

/* ----- End Warnings & Confirmations ----- */


/* -------- Corner radius ---------------- */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* ----- Text sizing and color ----- */
.superscript { display: inline-block; line-height: 100%; font-style: normal; font-weight: normal; font-size: 50%;}
.introCopy {font-size: 140%; line-height: 150%;}
.instructionCopy {line-height: 1.2em; color: #006699; font-size: 1em; }
.finePrint { font-size: 0.9em; line-height: 1.2em; color: #7f7f7f;}
.addOptions {font-weight: bold; padding-left: 10px; padding-bottom: 4px; padding-right: 3px; padding-top: 5px; color: #666666; text-align: left; font-size: 1em; vertical-align: bottom;  -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; color: #555555; outline: none; }
.addOptionsBtm { border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-left-color: #d3d3d3; border-bottom-color: #d3d3d3; border-right-color: #d3d3d3; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px;}
div.addOptionsBtm h4 {color: #66A7FF;}
code {background: rgb(235, 235, 235); display: block; font-size: 12px; overflow: auto; padding: 10px; cursor: text; font-weight: bold;}
label { color: #656565; line-height: 1.5em;}
.trademark {font-weight: normal;}
.disabled { color: #999!important; border-color: #CCCCCC!important; }


/* These 2 styles are being deprecated so they validate. Once fixed in Standard they can be removed. Use a.optionButtons em instead */
a.optionButtons h4 { padding-left: 10px; padding-bottom: 6px; padding-right: 10px; padding-top: 6px; background-image: url(../images/common/grayGradiant.png); background-repeat: repeat-x; font-weight: bold; font-size: 1em; margin-bottom: 0px;}
a.optionButtons:hover h4 { background-position: 0 -100px; background-image: url(../images/common/grayGradiant.png); background-repeat: repeat-x; color: white;}
/* End deprecated styles */

a.optionButtons em {display: block; font-style: normal; padding-left: 10px; padding-bottom: 6px; padding-right: 10px; padding-top: 6px; background-image: url(../images/common/grayGradiant.png); background-repeat: repeat-x; font-weight: bold; font-size: 1em; margin-bottom: 0px;}
a.optionButtons:hover em { background-position: 0 -100px; background-image: url(../images/common/grayGradiant.png); background-repeat: repeat-x; color: white;}

a.optionButtons:hover {text-decoration: none; text-decoration: none;}
/* ----- End of Text sizing & color ----- */

/* ----- Utilities ----- */
.noMargin {margin-bottom: 0px!important; margin-top: 0px!important; margin-left: 0px!important; margin-right: 0px!important;}
.noPadding {padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; padding-right: 0px!important;}
.spacer3px { height: 3px; display: block; }
.spacer5px { height: 5px; display: block; }
.spacer10px { height: 10px; display: block; }
.spacer15px { height: 15px; display: block; }
.spacer20px { height: 20px; display: block; }
.pad-top-5px {padding-top: 5px;}
.pad-top-10px { padding-top: 10px; }
.pad-top-15px { padding-top: 15px; }
.padding5px {padding: 5px;}
.padding10px {padding: 10px;}

/* !!!DEPRECATED!!! shorter versions below */
.margin-top_-3px {margin-top: -3px;}
.margin-top-3px {margin-top: 3px;}
.margin-top-5px {margin-top: 5px;}
.margin-top-10px {margin-top: 10px;}
.margin-top-15px {margin-top: 15px;}
.margin-top-20px {margin-top: 20px;}
.margin-left-5px {margin-left: 5px;}
.margin-left-10px {margin-left: 10px;}
.margin-left-15px {margin-left: 15px;}
.margin-left-20px {margin-left: 20px;}
.margin-right-5px {margin-right: 5px;}
.margin-right-10px {margin-right: 10px;}
.margin-right-15px {margin-right: 15px;}
.margin-right-20px {margin-right: 20px;}
.margin-right-25px {margin-right: 25px;}
.margin-right-30px {margin-right: 30px;}
.margin-right-35px {margin-right: 35px;}
.margin-bottom-0px {margin-bottom: 0px;}
.margin-bottom-3px {margin-bottom: 3px;}
.margin-bottom-5px {margin-bottom: 5px;}
.margin-bottom-10px {margin-bottom: 10px;}
.margin-bottom-15px {margin-bottom: 15px;}

/* Shorter versions of margin styles */
.margin-t_-3 {margin-top: -3px;}
.margin-t-3 {margin-top: 3px;}
.margin-t-5 {margin-top: 5px;}
.margin-t-10 {margin-top: 10px;}
.margin-t-15 {margin-top: 15px;}
.margin-t-20 {margin-top: 20px;}
.margin-t-25 {margin-top: 25px;}
.margin-l-5 {margin-left: 5px;}
.margin-l-10 {margin-left: 10px;}
.margin-l-15 {margin-left: 15px;}
.margin-l-20 {margin-left: 20px;}
.margin-l-25 {margin-left: 25px;}
.margin-r-5 {margin-right: 5px;}
.margin-r-10 {margin-right: 10px;}
.margin-r-15 {margin-right: 15px;}
.margin-r-20 {margin-right: 20px;}
.margin-r-25 {margin-right: 25px;}
.margin-r-30 {margin-right: 30px;}
.margin-r-35 {margin-right: 35px;}
.margin-b-0 {margin-bottom: 0px;}
.margin-b-3 {margin-bottom: 3px;}
.margin-b-5 {margin-bottom: 5px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-b-15 {margin-bottom: 15px;}
.margin-b-20 {margin-bottom: 20px;}
.margin-b-25 {margin-bottom: 25px;}

.floatLeft { position: relative; float: left;}
.floatRight { position: relative; float: right; }
.clear { clear: both; }
.centered {margin-right: auto; margin-left: auto; text-align: center;}
.right {margin-right: 0px; margin-left: auto; text-align: right;}
.width33 {width: 33%; position: relative;}
.width50 {width: 50%; position: relative;}
.width66 {width: 66%; position: relative;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
/* ----- End of Utilities ----- */

/*---- Help sections, icons and pages -----*/
a em.help {display: block; height: 12px; width: 12px; background: url(/images/common/controlsIcons1.png) -191px -49px no-repeat; cursor: pointer; float: left;}
a:hover em.help {background-position: -177px -49px;}
a.help {text-decoration: none;}
h5.help {float: left; margin-right: 4px;}
label.help {float: left; margin-right: 3px;}
/*---- End of Help -----*/


/* ---- OLD Deprecated vChecks Buttons ---- */
ul.geogoer_vchecks{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul.geogoer_vchecks li.first{
	background-image: url(/images/forms/top_button_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #d5d5d5;
}
ul.geogoer_vchecks li.checked.first{
	background-image: url(/images/forms/top_button_bg_checked.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #d5d5d5;
}
ul.geogoer_vchecks li.first_hover{
	background-image: url(/images/forms/top_button_bg_hover.gif);
}
ul.geogoer_vchecks li.checked.first_hover{
	background-image: url(/images/forms/top_button_bg_checked_hover.gif);
}
ul.geogoer_vchecks li.first span{
	background-image: url(/images/forms/top_button_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 6px;
	height: 20px;
}
ul.geogoer_vchecks li.checked.first span{
	background-image: url(/images/forms/top_button_left_checked.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 6px;
	height: 20px;
}
ul.geogoer_vchecks li.first_hover span{
	background-image: url(/images/forms/top_button_left_hover.gif);
}
ul.geogoer_vchecks li.checked.first_hover span{
	background-image: url(/images/forms/top_button_left_checked_hover.gif);
}
ul.geogoer_vchecks li.last{
	background-image: url(/images/forms/bottom_button_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border-width: 0px 0px 0px 0px;
}

ul.geogoer_vchecks li.checked.last{
	background-image: url(/images/forms/bottom_button_bg_checked.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border-width: 0px 0px 0px 0px;
}

ul.geogoer_vchecks li.last_hover{
	background-image: url(/images/forms/bottom_button_bg_hover.gif);
}
ul.geogoer_vchecks li.checked.last_hover{
	background-image: url(/images/forms/bottom_button_bg_checked_hover.gif);
}
ul.geogoer_vchecks li.last span{
	background-image: url(/images/forms/bottom_button_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
ul.geogoer_vchecks li.checked.last span{
	background-image: url(/images/forms/bottom_button_left_checked.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

ul.geogoer_vchecks li.last_hover span{
	background-image: url(/images/forms/bottom_button_left_hover.gif);
}

ul.geogoer_vchecks li.checked.last_hover span{
	background-image: url(/images/forms/bottom_button_left_checked_hover.gif);
}
ul.geogoer_vchecks li{
/*
	position: relative;
*/
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-bottom-color: #d5d5d5;
	background-image: url(/images/forms/button_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}
ul.geogoer_vchecks li.checked{
	position: relative;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-bottom-color: #d5d5d5;
	background-image: url(/images/forms/button_bg_checked.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

ul.geogoer_vchecks li.hover{
	background-image: url(/images/forms/button_bg_hover.gif);
}
ul.geogoer_vchecks li.checked.hover{
	background-image: url(/images/forms/button_bg_checked_hover.gif);
}
ul.geogoer_vchecks li span{
	color: black;
	font-size: .9em;
	cursor: pointer;
	display: block;
	height: 21px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(/images/forms/button_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 1.5em
}
ul.geogoer_vchecks li.checked span{
	font-weight: bold;
	color: black;
	font-size: .9em;
	cursor: pointer;
	display: block;
	height: 21px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(/images/forms/button_left_checked.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 1.5em
}

ul.geogoer_vchecks li.hover span{
	background-image: url(/images/forms/button_left_hover.gif);
}
ul.geogoer_vchecks li.checked.hover span{
	background-image: url(/images/forms/button_left_checked_hover.gif);
}
ul.geogoer_vchecks li.checked div.check_div{
	background-image: url(/images/forms/tick.png);
	background-repeat: no-repeat;
}
ul.geogoer_vchecks li.unchecked div.check_div{
	background-image: url(/images/forms/cross.png);
	background-repeat: no-repeat;
}
ul.geogoer_vchecks li.unchecked span{
	color: black;
}
ul.geogoer_vchecks li div.check_div{
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 5px;
	right: 10px;
}

ul.geogoer_vchecks li.first.last { background-image: url(/images/forms/button_bg_solo.gif);
	background-repeat: no-repeat;
	background-position: top right;}

ul.geogoer_vchecks li.first.last span{
	background-image: url(/images/forms/button_left_solo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
ul.geogoer_vchecks li.first_hover.last_hover {
	background-image: url(/images/forms/button_bg_solo_hover.gif);
}
ul.geogoer_vchecks li.first_hover.last_hover span{
	background-image: url(/images/forms/button_left_solo_hover.gif);
}

ul.geogoer_vchecks li.first.last.checked {
	background-image: url(/images/forms/button_bg_checked_solo.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
ul.geogoer_vchecks li.first.last.checked span{
	background-image: url(/images/forms/button_left_checked_solo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

ul.geogoer_vchecks li.checked.first_hover.last_hover {
	background-image: url(/images/forms/button_bg_checked_hover_solo.gif);
}
ul.geogoer_vchecks li.checked.first_hover.last_hover span{
	background-image: url(/images/forms/button_left_checked_hover_solo.gif);
}

/* ---- End of OLD Deprecated vChecks buttons ----- */

/* ----------- New jQuery UI buttonsets, checkboxes & radio buttons ------------- */
.newchecks label {text-align: left; border-color: #CCCCCC; color: #000000; font-size: .9em; }
.newchecks.checkboxFull label {width: 100%; }
.newchecks.checkbox200 label {width: 200px;}
.newchecks.checkbox300 label {width: 300px;}
.newchecks.checkbox400 label {width: 400px;}
.newchecks.checkbox500 label {width: 500px;}
.newchecks.checkbox600 label {width: 600px;}
.newchecks label.ui-state-default {background: url(/images/common/checkbox-bkg-1.png) center right no-repeat; border-width: 1px 1px 0px 1px;}
.newchecks label.ui-state-default.ui-state-hover {background: url(/images/common/checkbox-bkg-2.png) center right no-repeat; color: #000000;}
.newchecks label.ui-state-active {background: url(/images/common/checkbox-bkg-3.png) center right no-repeat; color: #000000; font-weight: bold;}
.newchecks label.ui-state-active.ui-state-hover {background: url(/images/common/checkbox-bkg-4.png) center right no-repeat; color: #000000;}
.newchecks label.ui-corner-top {border-width: 1px 1px 0px 1px;}
.newchecks label.ui-corner-bottom {border-width: 1px 1px 1px 1px;}
.newchecks label.ui-corner-top.ui-corner-bottom {border-width: 1px 1px 1px 1px;}

/* Icons */
em.placed.orderStatus {background-position: -1px -1px; height: 18px; width: 18px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
em.orderStatus.invNotSet {background-position: -47px -1px; height: 18px; width: 21px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
em.orderStatus.pending {background-position: -71px -1px; height: 18px; width: 20px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
em.orderStatus.moqZero {background-position: -23px -1px; height: 18px; width: 21px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
em.orderStatus.packCountZero {background-position: -23px -1px; height: 18px; width: 21px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
em.orderStatus.scansPending {background-position: -164px -49px; height: 10px; width: 9px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}

.poStatus em { height: 17px; width: 17px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: auto; margin-left: auto;}
.poStatus em.Open {background-position:-47px -47px;}
.poStatus em.Closed {background-position: -66px -47px;}
.poStatus em.Deleted {background-position: -85px -47px;}
.poStatus em.Void {background-position: -104px -47px;}
.poStatus em.Invalid {background-position: -124px -47px;}

div#parPortal a.bigButton.parAdmin em {background: url(/images/common/ims_icons.png) no-repeat 0 0;}

/*---- Inventory Legend ----*/
.infoBox.legend p {margin-bottom: 0px; line-height: 18px; padding: 0px 10px 6px;}
.infoBox.legend p em {float: left; margin-right: 5px;}
.infoBox.legend p em.scansPending {margin-top: 2px; margin-left: 11px;}

/* ----- General Tables ----- */
table a:hover { text-decoration: underline; }
.subheadertable {margin-bottom: 5px; margin-top: 5px; padding: 3px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
table thead { text-align: left;}
table thead td {vertical-align: bottom; padding: 5px 5px 0px 5px; font-size: 0.8em; font-weight: bold; }
table thead tr th { padding: 5px; font-size: 0.8em; font-weight: bold; }

table tbody tr td {padding-left: 5px; padding-bottom: 4px; padding-right: 5px; padding-top: 5px;}
.colheadertable {padding: 5px; font-size: 0.8em; font-weight: bold; }
td.colheadertable {padding: 3px; margin-bottom: 5px; border-bottom-color: white; border-bottom-width: 2px; border-bottom-style: solid; font-weight: bold; font-size: 0.65em; vertical-align: bottom; }
table td.buttons {text-align: center; height: 50px; vertical-align: bottom;}

div.tableTitle { position: relative; font-weight: bold; padding-left: 3px; padding-bottom: 2px; padding-right: 3px; padding-top: 5px; color: #666666; line-height: 1.4em; text-align: center; margin-bottom: 2px; font-size: 1.2em; vertical-align: bottom;  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; color: #4d4d4d; outline: none; }

div.tableFooter { padding-left: 3px; padding-bottom: 2px; padding-right: 3px; padding-top: 5px; color: #666666; line-height: 1.4em; text-align: center; margin-bottom: 2px; font-size: 1.3em; vertical-align: bottom;  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;  -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }

table tr.total {border-top-color: white; border-top-width: 2px; border-top-style: solid; font-weight: bold; background-color: #e6f0f2;}
table tr td.totalLabel {text-align: right;}

div#tableContainer {width: 100%; overflow-x: auto; overflow-y: hidden; position: relative;}
div.dataTables_wrapper table tbody tr.odd td.sorting_1, div.dataTables_wrapper table tbody tr.odd td.sorting_2 {background-color: #DFE5FF;}
div.dataTables_wrapper table tbody tr.even td.sorting_1, div.dataTables_wrapper table tbody tr.even td.sorting_2 { background-color: #EFF2FF; }
div.dataTables_wrapper table tbody tr.row_selected td.sorting_1, div.dataTables_wrapper table tbody tr.row_selected td.sorting_2 {background-color: #FFFFE9; }
div.dataTables_wrapper table tbody tr:hover td.sorting_1, div.dataTables_wrapper table tbody tr:hover td.sorting_2 {background-color: #FFFFE9;}
div.dataTables_wrapper table.highlight tbody tr:hover {background-color: #FFFFE9;}
table.highlight tbody tr:hover {background-color: #FFFFE9;}
div.dataTables_wrapper div.dataTables_info span.filteredInfo {color: #CC0000; font-weight: bold;}

/*----- End of General Tables ----- */



/* ----- PortalTable ----- */
#portal h1 {margin-bottom: 10px;}
.portalTable {margin-bottom: 20px;}
.AZjumplist { padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 5px; line-height: 28px; text-align: center;  -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; z-index: 1; margin-bottom: 5px;}
.AZjumplist div { text-align: center; margin-left: auto; margin-right: auto;}
.AZjumplist a {  padding-bottom: 3px; padding-top: 3px; font-weight: bold; font-size: 14px; text-align: center;}


td.portalheadertable {padding: 3px; text-align: center; margin-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; font-weight: bold; font-size: 0.65em; vertical-align: bottom;  -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }

table td h3 {font-size: 16px; margin-bottom: 0px;}

/* ----- Order Summmary Table ----- */
table.orderSummary tr.vendorTotal {border-top-color: white; border-top-width: 2px; border-top-style: solid; font-weight: bold; background-color: #e6f0f2;}
table.orderSummary td.submit {text-align: center;}
table.orderSummary tr.buttonRow {background-color: white;}
table.orderSummary tr.spacer {background-color: white; height: 20px;}
table.orderSummary th.orderAmount {text-align: right; padding-right: 10px;}
table.orderSummary td.orderAmount {text-align: right; padding-right: 10px;}
table.orderSummary td.submitVia a {margin-bottom: 5px; display: block; min-width: 100px;}
table.orderSummary tbody td {max-width: 150px; }

/* ----- User List Table ----- */
table.userList td.sort {display: none;}
table.userList td.edit {width: 20%;}
table.userList td.status {width: 10%; text-align: center;}
table.userList select {width: auto; font-size: .9em; margin-bottom: 0px;}
table.userList td.type {width: 15%;}
table.userList td.name {width: 20%;}
table.userList td.company {width: 35%;}
table.userList td.region {width: 20%;}

/* ----- Region List Table ----- */
table.regionList td.sort {display: none;}
table.regionList td.region {width: 45%;}
table.regionList td.edit {width: 20%;}
table.regionList td.license {width: 20%;}
table.regionList td.users {width: 15%; text-align: center;}

/* ----- Multivendor List Table ----- */
table#multivendorList td.sort {display: none;}
table#multivendorList td {font-size: 1em;}

/* ----- Par Customer List Table ----- */
table.parList td.sort {display: none;}
table.parList td.customer {width: 50%;}

/* ----- Scanner Deactivate List Table ----- */
table#deactivate td.active {text-align: center;}

/* ----- Inventory List Table ----- */
table#inventory tbody td {font-size: .9em;}
table#inventory td.description {width: 30%;}
table#inventory td.newQty {text-align: center;}
table#inventory td {padding-right: 5px; padding-left: 5px; padding-bottom: 4px; padding-top: 5px;}
table#inventory tbody td.qtyOnHand {padding-top: 8px; font-weight: bold; font-size: 1em; color: #009900; text-align: center;}
table#inventory td.qtyOnHand { text-align: center;}
table#inventory thead td {font-size: 1em;}

/* NEW Invtentory Maintenance Table */
table.display.inventoryTable div.moreInfo div.row1 {width: 100px; padding: 0 3px 0 4px; margin-left: 26px; float: left;}
table.display.inventoryTable div.moreInfo div.row2 {width: 298px; padding: 0 3px; float: left;}
table.display.inventoryTable div.moreInfo div.row3 {width: 78px; padding: 0 3px; float: left;}
table.display.inventoryTable div.moreInfo div.row4 {width: 165px; padding: 0 3px 0 4px; float: left;}
table.display.inventoryTable div.moreInfo div.row5 {width: 90px; padding: 0 3px 0 4px; float: left;}
table.display.inventoryTable div.moreInfo div.row6 {width: 90px; padding: 0 3px 0 4px; float: left; text-align: center;}
table.display.inventoryTable div.moreInfo div.row7 {width: 90px; padding-left: 2px; float: left; text-align: center;}
table.display.inventoryTable td.qtyOnHand span.scansPending {background-position: -164px -50px; height: 10px; width: 9px; background-image: url(/images/common/controlsIcons1.png); display: inline-block; margin-left: 3px;}
table.display.inventoryTable td.qtyOnHand em {display: inline-block; width: 12px;}
table.display.inventoryTable .qtyOnHand {border-right: 0px;}
table.display.inventoryTable .hiddenColumn {width: 0px; padding: 0px; background: none; border: none;}
/* div.moreInfo button.orderMore {background-position: -125px -70px; height: 19px; width: 72px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;} */
/* div.moreInfo button.orderMore:hover {background-position: -125px -90px;} */
table#inventoryTable td.expandIcon {cursor: pointer; text-align: center;}
table#inventoryTable td.details {padding: 0px 0px 5px 0px;}
div.moreInfo button.approveOrder {background-position: -1px -230px; height: 19px; width: 57px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-left: auto; margin-right: auto; margin-top: 2px;}
/* div.moreInfo button.approveOrder:hover {background-position: -1px -250px;} */

/* ----- Par Level Product Table ----- */
table#parLevel td.description {width: 35%;}

/* ----- Kit Edit Table ----- */
table#kitEdit td.itemNo {font-weight: bold; font-size: 2em; text-align: center; vertical-align: middle;}
table#kitEdit label {margin-right: 0px; padding-right: 0px;}
table#kitEdit td.description { width: 35%; }
table#kitEdit td.description p span {font-size: 0.85em;}
table#kitEdit td.qty {text-align: center;}
table#kitEdit td.find {text-align: right; vertical-align: middle;}
table#kitEdit td.SKU input.textSmall {width: 100px;}
table#kitEdit td.SKU {text-align: center;}
table#kitEdit a.actionDelete {float: left; margin-top: 3px; margin-left: 3px;}


/*--- Purchase Order Summary Table ----*/
table#poSummary td.itemNo {color: #bfbfbf; font-weight: bold; font-size: 2em; text-align: center; vertical-align: top;}
table#poSummary tbody tr {position: relative;}
table#poSummary tbody td {vertical-align: top;}
table#poSummary tbody div.actions {width: 895px; position: absolute; bottom: -1px; right: 1px; margin-bottom: 3px;}
table#poSummary tbody {position: relative; font-size: .9em;}
table#poSummary tbody td.actionColumn {vertical-align: bottom; width: 1px; padding: 0px; margin: 0px;}
table#poSummary thead th.actionColumn { width: 1px; padding: 0px; margin: 0px; border: none;}
table#poSummary tbody div.actions span.label {color:#999999; display:block; font-size:0.75em;}
table#poSummary tbody div.actions div.column {float: left; padding: 0px 10px 0 0;}
table#poSummary tbody div.actions a.editPO {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary tbody div.actions span.editPO {float: left;}
table#poSummary tbody div.actions span.receive {float: left;}
table#poSummary tbody div.actions span.customerPoNo {float: left;}
table#poSummary tbody div.actions span.pickTicketNum {float: left; margin-left: 100px;}
table#poSummary tbody div.actions a.receive {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary tbody div.actions span.acctStatus {color: #CC0000;}
table#poSummary tbody div.actions span.printPO {float: left;}
table#poSummary tbody div.actions span.viewPO {float: left;}
table#poSummary tbody div.actions a.printPO {float: right; line-height: 16px; margin-right: 10px; display: none;}
table#poSummary tbody div.actions a.viewPO {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary tbody div.actions span.delete.ui-icon-trash {float: left; background-position:-176px -98px;}
table#poSummary tbody div.actions a.delete {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary tbody div.actions span.void {float: left;}
table#poSummary tbody div.actions a.void {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary tbody div.actions span.noAccounting {float: left;}
table#poSummary tbody div.actions a.noAccounting {float: right; line-height: 16px; margin-right: 10px;}
table#poSummary td.systemPO {min-width: 75px;}
table#poSummary td.customerPoNo {min-width: 75px;}
div.dataTables_wrapper table#poSummary tbody tr td.actionColumn {border-right: 1px solid transparent;}
div.dataTables_wrapper table#poSummary tbody tr:hover td { background-color: #FFFFE0;}
div.dataTables_wrapper table#poSummary {border-collapse: collapse; border-spacing: 0px;}
table#poSummary th.checkAll, table#poSummary td.checkAll {text-align: center; width: 30px;}
table#poSummary div.actions label {padding-right: 0px;}
table span.actionSpacer {display: block; margin-bottom: 6px; color: transparent;}
table span.actionSpacerTop {display: block; margin-bottom: 1px; height: 1px; color: transparent;}

/* ----- Edit Order Table ----- */
table#editOrder tbody td {}
table#editOrder td.description {}
table#editOrder td.extCost input {border: 0px;}
table#editOrder td.unitCost {text-align: center; padding-right: 10px;}
table#editOrder td.UOM {text-align: center;}
table#editOrder td.UOM select {font-size: .85em; padding: 0px;}
table#editOrder td.qty {text-align: center;}
table#editOrder thead td {font-size: 1em;}
table#editOrder td.extPrice {text-align: right; padding-right: 10px;}
table#editOrder td.received {text-align: center;}
table#editOrder td.addButton label {font-size: .8em; margin-right: 0px; padding-right: 0px;}
table#editOrder td.notes {font-size: .8em;}
table#editOrder thead td.notes {text-align: center;}
table#editOrder td.productNo {}
table#editOrder select, table#editOrder input {margin-bottom: 0px;}
table#editOrder td.delete {text-align: center; vertical-align: middle;}
table#editOrder tr.colheadertable td.delete {text-align: center; vertical-align: bottom;}
table#editOrder a.actionDelete {margin-left: auto; margin-right: auto; float: none;}

/* ----- Update/Find Items Table ----- */
table#updateItems textarea { font-family: Helvetica, Arial, sans-serif; width: 125px; border: 1px solid #CCCCCC; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 3px;}
table#updateItems tbody {font-size: .85em;}
table#updateItems td img.imagePreview {margin-top: 0px; border: 1px solid black; width: 60px; height: 60px; margin-bottom: 3px; -webkit-box-shadow: none; }
table#updateItems td.delete {text-align: center;}

/* ----- Upload Assistant Table ----- */
table#uploadAssist { margin-bottom: 5px; width: auto;}
table#uploadAssist .select {}
table#uploadAssist thead td { text-align: center;}
table#uploadAssist input.textSmall {text-align: left; margin-bottom: 0px; font-size: 11px; width: 125px;}
table#uploadAssist td.checkbox {text-align: center; width: 35px;}
table#uploadAssist tbody td.checkbox {vertical-align: middle;}
table#uploadAssist td {text-align: center;}
table#uploadAssist td.rowNo {width: 25px; vertical-align: middle;}
table#uploadAssist thead td input.textSmall {font-weight: bold; font-size: 1.2em; }
table#uploadAssist tbody td {padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-left: 1px solid #CCCCCC;}
div#uploadTableCont {width: 100%; overflow-x: auto; position: relative;}

.constrainOverflow {overflow-x:auto; position:relative; width:100%;}
.overflow-y-Auto {overflow-y: auto;}

/* ---- New Item Uploader ---- */
div#locationCombobox label, div#vendorCombobox label {display: none;}
div#hideAffiliateSelector {display: none; }
div#deleteHelpContainer {position: relative; float: right; width: 225px; }
a#deleteItemsHelpLink {text-align: right; display: block;}
div#deleteItemsHelpContent {
	font-size: 13px;
	position: absolute;
	top: 20px;
	background-color: #ffffff;
	border: 1px solid #bfbfbf;
	padding: 10px 25px 10px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
}
div#deleteItemsHelpContent span#closeButton {float: right; margin: -5px -20px 0px 0px; display: block; padding: 2px; /* border: #2e83ff solid 1px; */ height: 12px; width: 12px; background-image: url(images/ui-icons_2e83ff_256x240.png);  background-position: -96px -128px; cursor: pointer;}
div.fileSelectUpload {width: 645px;}
body.jumpstock.maintenance.uploader .newchecks label span.ui-button-text {padding: 0.4em 3em 0.4em 1em;}
div#webuploader-msg {font-size: 16px;}
div#webuploader-msg .uploadCreated {color: #009900; }
div#webuploader-msg .uploadIgnored {color: #CC0000;}
div#webuploader-msg span {font-weight: bold; font-size: 20px;}
div#webuploader-column-required {text-align: left; font-weight: bold; font-size: 14px;}

/* --- Department Upload Assistant Table --- */
table#deptUploadAssist select {width: 115px; font-size: 1em; margin-bottom: 3px;}
table#deptUploadAssist tbody {font-size: .9em;}
table#deptUploadAssist td.ignore {text-align: center;}
table#deptUploadAssist tbody td.ignore {vertical-align: middle;}
table#deptUploadAssist tbody td.rowNumber {color: #bfbfbf; vertical-align: middle; font-size: 1.5em; }

/* --- Product Picker Edit UOM Table --- */
div.uomBox {max-height: 300px; overflow-y: auto; overflow-x: hidden; font-size: 1em;}
table#editUOM {border-collapse: separate;}
table#editUOM thead {background-color: #999999; color: white;}
table#editUOM thead td.product {width: 75%;}
table#editUOM thead td.UOM {width: 25%; text-align: center;}
table#editUOM tbody td.UOM {vertical-align: middle; text-align: center;}
table#editUOM tbody td.product {}
table#editUOM tbody select {width: 50px; margin-bottom: 0px;}

/*------- Shopping Cart Table --------*/
table#imsEditOrderAll tbody td {vertical-align: middle;}
table#imsEditOrderAll tbody select.selectSmall {margin-bottom: 0px;}
table#imsEditOrderAll tbody input.textSmall2 {margin-bottom: 0px; text-align: center;}
table#imsEditOrderAll tbody input.text {margin-bottom: 0px;}
table#imsEditOrderAll td.unitCost {text-align: right;}
table#imsEditOrderAll td.extendedPrice {text-align: right;}
table#imsEditOrderAll thead td.uom {text-align: center;}
table#imsEditOrderAll tbody td.uom {text-align: center;}
table#imsEditOrderAll td.quantity {text-align: center;}
table#imsEditOrderAll tbody td.orderTotal {text-align: right;}
table#imsEditOrderAll tbody tr.orderTotal {font-weight: bold; background-color: #E6F0F2;}
table#imsEditOrderAll td.desc {width: 300px;}

/*------- Lots Table ----------*/
table#lotsTable td.action {width: 90px;}
table#lotsTable tbody td {vertical-align: middle;}

/*--- Purchase Order Receiving Table ---*/
table#poReceiving tbody td {vertical-align: middle;}
table#poReceiving tbody tr.locationTotal {background-color: #E6F0F2; font-weight: bold;}
table#poReceiving tbody tr.poTotal {background-color: #E6F0F2; font-weight: bold;}
table#poReceiving tbody tr.locationTotal td.col1 {text-align: right;}
table#poReceiving tbody tr.poTotal td.col1 {text-align: right;}
table#poReceiving tbody div.alert {color: #CC0000; font-size: .85em;}
table#poReceiving tbody td.lots label { margin-right: 5px; color: #999999;}
table#poReceiving tbody td.lots span {}
table#poReceiving tbody td.lots p {margin-bottom: 0px;}
table#poReceiving tbody td.lots div.lotInfo {margin-bottom: 5px; border: 1px solid #999999; background-color: white; padding: 3px;}
table#poReceiving tbody td.lots input.textSmall {margin-bottom: 0px; padding: 0px;}
table#poReceiving tbody div.lotInfo span.removeLot {font-size: .85em;}

/*--- Print Purchase Order table ---*/
table#printPoTable tbody tr { border-bottom: 1px dotted black;}
table#printPoTable tbody div.alert {color: #CC0000; font-size: .8em;}
table#printPoTable td.binNumber {width: 40px;}
table#printPoTable tbody td.jumpcode {padding: 5px 10px;}
table#printPoTable tbody td.lots { font-size: .9em;}
table#printPoTable tbody td.description {font-size: .9em;}

/* ------Print Purchase Order Page------- */
body#printPO ul.checkbox400 {width: 300px;}

/*---- MV Product Table ----*/
table#MVproductList tbody td {vertical-align: middle;}
table#MVproductList tbody td.reorderUOM select {margin-bottom: 0px;}
table#MVproductList tbody td {padding: 2px;}
table#MVproductList thead td.colheadertable {font-size: .8em;}

table#mvProductListTable tbody td.priceAtReorderUOM {text-align: center;}
table#mvProductListTable tbody td.priceAtReorderUOM input.textSmall {margin-bottom: 0px;}
table#mvProductListTable tbody td.reorderUOM select {font-size:0.85em; margin-bottom:0; padding:0;}
table#mvProductListTable tbody td.selectItem {text-align: center;}
table#mvProductListTable thead th.select {text-align: center;}

/*---- IMS Product Table ----*/
table#itemmaintenance {table-layout: auto;}
table#itemmaintenance thead th {background: #FFFFFF; border: none;}
table#itemmaintenance select { position: relative; z-index: 0; float: left; margin-bottom: 0px; border: 1px solid #CCCCCC; background-color: white; font-size: .85em; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0px;}
table#itemmaintenance tr td {padding-left: 0px; padding-right: 4px;}
table#itemmaintenance input.text {margin-bottom: 0px; border: 1px solid #CCCCCC; font-size: 0.85em; color: black; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px; width: 90%;}
table#itemmaintenance td.parLevel input, table#itemmaintenance td.packCount input, table#itemmaintenance td.reorderQty input, table#itemmaintenance td.price input {text-align: center;}
table#itemmaintenance thead {font-size: 0.75em;}
table#itemmaintenance thead tr th.parLevelUOM, table#itemmaintenance thead tr th.packCount, table#itemmaintenance thead tr th.reorderQtyUOM, table#itemmaintenance thead tr th.priceReorderUOM, table#itemmaintenance thead tr th.binNo {width: 45px;}

/* Styles from Par Admin Table NEEDS cleaning */
table#itemmaintenance td.parLevel input.textSmall {margin-bottom: 0px;}
table#itemmaintenance td.usageUOM select.selectSmall {margin-bottom: 0px;}
table#itemmaintenance td.selectItem {text-align: center;}
table#itemmaintenance th.selectItem {text-align: center;}
table#itemmaintenance div.moreInfo div.row1 { float: left;}
table#itemmaintenance div.moreInfo div.row2 { float: left; padding-left: 3px;}
table#itemmaintenance div.moreInfo div.row3 { float: left; padding-left: 3px;}
table#itemmaintenance div.moreInfo div.row4 { float: left; padding-left: 3px; background-color: white; margin-top: 5px; padding: 5px; border: 1px solid #CCCCCC; margin-bottom: 7px; margin-left: 6px; width: 275px;}
table#itemmaintenance div.moreInfo span.label {color: #999999; font-size: .75em; display: block;}
table#itemmaintenance td.details {padding-top: 0px;}
table#itemmaintenance td.details input.text {font-size: .85em; margin-bottom: 3px; width: 92%; padding: 2px;}
table#itemmaintenance td.details select.select {font-size: .85em; margin-bottom: 5px; width: 92%; padding: 2px;}

table#itemmaintenance td.details div.moreInfo span.autoOrder {margin-top: 3px; line-height: 16px;}
table#itemmaintenance td.details div.moreInfo span.autoOrder input {margin-right: 5px;}
table#itemmaintenance tbody td.usageUOM select {font-size: .85em; margin-bottom: 0px; padding: 0px;}
table#itemmaintenance tbody td.details div.moreInfo select {font-size: .85em; padding: 0px;}
table#itemmaintenance tbody td.details div.moreInfo div.columnRight50 select {margin-bottom: 5px;}
table#itemmaintenance tbody tr.odd, table#parTable tbody tr.even {cursor: pointer;}

/*------- Alt Scan Code Table -------*/
table#altScancodes tbody td {padding: 3px 5px; line-height: 20px;}
div#altScanCodeOverlay {width: 300px;}

/* ----- Main Menu 2 ----- */
#menu {position: relative; z-index: 100;}
#mainMenu2
{margin-left: 0; margin-bottom: 5px; margin-right: 0; margin-top: 0; text-align: center; padding-left: 10px; padding-bottom: 0; padding-right: 0; padding-top: 0; width: 100%; height: 43px; z-index: 150}
#mainMenu2 li
{margin: 0;  padding: 0; list-style: none; float: left;}
#mainMenu2 li a
{text-decoration: none; font-weight: bold; line-height: 40px; font-size: 14px; height: 43px; display: block; width: 155px; text-align: center; cursor: pointer;}
#mainMenu2 li p
{text-decoration: none; font-weight: bold; line-height: 40px; font-size: 14px; height: 43px; display: block; width: 155px; text-align: center; margin-bottom: 0px;}
#mainMenu2 li a em {padding-right: 20px; background-position: right center; background-image: url(/images/common/whiteTriangle.png); background-repeat: no-repeat; font-style: normal;}
#mainMenu2 li a#menu-reports em {background-image: none;}
#mainMenu2 div h1 a em {padding-right: 20px; background-position: right center; background-image: url(/images/common/whiteTriangle_f2.png); background-repeat: no-repeat; font-style: normal;}
#mainMenu2 div
{ padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; width: 155px; z-index: 999; margin-left: -1px; margin-bottom: 0; margin-right: 0;  margin-top: -43px; position: absolute; visibility: hidden; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 3px 6px; box-shadow: rgba(0, 0, 0, 0.6) 2px 3px 6px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 3px 6px; }

#mainMenu2 div a
{ height: 20px; padding-bottom: 5px; padding-top: 5px; border-bottom-color: #bfbfbf; border-bottom-style: solid; border-bottom-width: 1px; line-height: 20px;  background-image: none!important; position: relative; display: block; white-space: nowrap; text-align: left; font-size: 11px;}
#mainMenu2 div a span { font-weight: bold; margin-left: 7px;}
#mainMenu2 h1 a { width: 155px; border-bottom-width: 0px; padding: 0px; font-size: 14px; font-weight: bold; line-height: 40px; text-align: center;}
#mainMenu2 div h1 a:hover {width: 155px; background-color: transparent; }
#mainMenu2 a.bottomMenuItem
{ border-bottom-width: 0px; border-bottom-style: none; height: 20px; padding-bottom: 5px; padding-top: 5px; line-height: 20px; background-image: none; position: relative; display: block; white-space: nowrap; text-align: left; font-size: 11px;}
#mainMenu2 div a.bottomMenuItem:hover
{ -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
#mainMenu2 h1 { width: 155px; height: 40px;  font-size: 14px; text-align: center; line-height: 40px; }
#mainMenu2 h1 span {}

/* ----- End Main Menu 2 ----- */


/* jQuery UI Styles overrides */
.ui-widget { font-family: Helvetica, Arial, sans-serif !important; }

/* Additions to jquery-ui-1.10.2 */
.ui-widget p {margin-bottom: 0px}
.ui-widget.comboboxwidget p {margin-bottom: 0px; }
a.comboboxbutton {margin-left: -1px; margin-right: 0px; float: left; }
a.comboboxbutton span.ui-button-text {padding: 1px 3px 2px 3px;}
div.comboboxwidget { }
div.ui-widget input.ui-autocomplete-input.ui-widget { float: left; font-size: 1.1em; /* width: 80%; */  margin: 0; padding: 3px; border-color: #999999; }
.ui-autocomplete-loading { background: white url('/images/common/ui-anim_basic_16x16.gif') right center no-repeat; }
div.ui-widget input.ui-autocomplete-input.ui-widget {font-size: 12px; height: 15px;}
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { /* width: 2.2em; */ width: 20px; } /* to make room for the icon, a width needs to be set here */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
div.ui-dialog-content.alert p, div.ui-dialog-content.warning p {margin-left: 30px}
div.ui-dialog-content.alert div.alertIcon, div.ui-dialog-content.warning div.warningIcon, div-ui-dialog-content.success div.successIcon {display: block; float: left; background-image: url(/images/common/controlsIcons1.png); background-repeat: no-repeat; height: 16px; width: 21px; margin: 0px 3px 10px 0px; float: left;}
div.ui-dialog div.alertIcon { background-position: -23px -2px;}
div.ui-dialog div.warningIcon {background-position: -47px -2px;}
div.ui-dialog div.successIcon {background-position: -372px -71px;}
div.ui-dialog-content.alert p em {font-style: normal; font-weight: bold;}

/* ------ Lists ------ */
ol {margin-left: 20px;}
ol li {margin-bottom: 4px;}
ul.bullets {margin-left: 20px; list-style-position: outside; list-style-type: circle;}
ul.bullets li {margin-bottom: 3px;}
/* ------ End Lists ------ */

/* ------ Columns & Floats ------ */
.floatRightNeg {margin-right: -7px;margin-top: -7px; float: right; }
.floatLeftNeg {margin-left: 7px;margin-top: 3px; float: left; }
#leftColumn { float: left; width: 64%; }
#leftColumn2 { float: left; width: 25%; }
#rightColumn { margin-left: 2%; float: left; width: 34%; }
#rightColumn2 { margin-left: 2%; float: left; width: 73%; }
.columnLeft50 { display: block; float: left; width: 49%; margin-right: 2%;}
.columnRight50 { display: block; float: left; width: 49%; }
.columnLeft33 { display: block; float: left; width: 33%;}
.columnMid33 { display: block; float: left; width: 32%; margin-left: 1%;}
.columnRight33 { display: block; float: left; width: 32%; margin-left: 1%;}
.columnRight66 { display: block; width: 66%; float: left; margin-left: 1%;}
.columnLeft66 { display: block; width: 67%; float: left;}
.columnLeft780 { display: block; width: 780px; float: left;}
.columnLeft740 { display: block; width: 740px; float: left;}
.columnRight120 { display: block; width: 120px; float: left; margin-left: 12px;}
.columnRight160 { display: block; width: 160px; float: left; margin-left: 12px;}
/* ------ End Columns & Floats ------ */

/*------- New Dynamic columns -------*/
.col25 {min-width: 250px; width: 24%; float: left; margin-right: 15px;}
.col33 {min-width: 330px; width: 32%; float: left; margin-right: 15px;}
.col50 {min-width: 500px; width: 49%; float: left; margin-right: 15px;}
.col66 {min-width: 660px; width: 65%; float: left; margin-right: 15px;}
.col75 {min-width: 750px; width: 74%; float: left; margin-right: 15px;}
/*------- End New Dynamic columns -------*/

/*-------- New Fixed columns -----------*/
.col300p {width: 300px; float: left; margin-right: 15px;}
.col400p {width: 400px; float: left; margin-right: 15px;}
.col450p {/*width: 450px; */float: left; margin-right: 15px;}
.col500p {width: 500px; float: left; margin-right: 15px;}
.col650p {width: 650px; float: left; margin-right: 15px;}
.col750p {width: 7500px; float: left; margin-right: 15px;}
/*-------- End New Fixed columns -----------*/



.clearfix { clear: both; font-size: 1px; display: block; height: 1px; }

.hidden {visibility: hidden;}
.remove {display: none;}
.grayBkg {background-color: #F1F1F1;}

#optionsRow { }
#optionsRow ul { list-style-type: none; }
#optionsRow ul li { padding: 5px; margin-right: 10px; width: 189px; float: left;}
#optionsRow ul li.last-child { margin-right: 0px; width: 190px; float: left; }
#optionsRow ul li h2 { font-weight: bold; line-height: 18px; font-size: 18px; margin-bottom: 5px; margin-top: 10px; }
#optionsRow ul li a { }
#optionsRow ul li a:hover { text-decoration: underline; background-image: none;}
#optionsRow h3 { line-height: 14px; font-size: 14px; color: #bfbfbf; }
#caseStudies div { margin-right: 10px; float: left; height: 57px; width: 55px; background-position: -142px top; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
#caseStudies div:hover { float: left; background-position: -142px -61px; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
#scheduleDemo div { margin-right: 10px; float: left; height: 57px; width: 55px; background-position: -72px top; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
#scheduleDemo div:hover { float: left; background-position: -72px -61px; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
#watchVideo div { margin-right: 10px; float: left; height: 57px; width: 55px; background-position: -2px top; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
#watchVideo div:hover { float: left; background-position: -2px -61px; background-image: url(../images/common/icons_lrg.png); background-repeat: no-repeat; }
.column-50pct {position: relative; width: 49%; display: block;}

/* -------------- Buttons ---------------- */
.bigButton { padding: 10px; border-width: 1px; border-style: solid; }
.bigButton:hover {  border-width: 1px; border-style: solid; cursor: pointer; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 3px 5px 4px; }
.bigButton p { margin-bottom: 0px; margin-top: 5px; margin-left: 62px; }
.medButton { margin-bottom: 5px; padding: 4px 8px; border-width: 1px; border-style: solid;  -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; background-color: white; }
.medButton:hover {  border-width: 1px; border-style: solid; cursor: pointer; -webkit-box-shadow: rgba(0, 0, 0, 0.13) 3px 5px 4px;}
.medButton p { font-size: 13px; font-weight: bold; margin-bottom: 0px; }
div a.medButton {color: black;}
div a.medButton:hover {color: white; text-decoration: none;}
.medButton a {color: black;}
div#quicklinks a { color: black; margin-bottom: 12px;}
div#quicklinks a.bigbutton {color: black;}
div#quicklinks a:hover {color: white; text-decoration: none;}
div#quicklinks h2 { line-height: 15px; font-weight: bold; font-size: 18px; margin-bottom: 3px; }
div#quicklinks h4 { font-size: 12px;}
#quicklinks a img {margin-right: 10px;}
a.loginButton { line-height: 1.3em; font-size: 0.85em; text-decoration: none; padding: 4px 10px; font-weight: bold; border-width: 1px; border-style: solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
a.loginButton:hover { text-decoration: none; }
#userName .searchInput { margin-left: 8px; margin-top: 5px; color: #7f7f7f; font-size: 12px; border:0 solid transparent; background-color:transparent; width: 85px; padding: 0px;}
.searchBox { margin-left: 15px; height: 24px; display: block; width: 96px; background-image: url(../images/common/searchBox_bkg1.png); background-position: left center; background-repeat: no-repeat; float: left; }

/* Unused Styles - Search and Destroy */
/* div#quicklinks a.bigButton div.appIcon {margin-right: 10px; height: 50px; width: 50px; background-image: url(/images/common/jumpcart_app_icon3.png); float: left; background-repeat: no-repeat;} */
/* div#quicklinks a.bigButton div.scanner {margin-right: 10px; height: 55px; width: 76px; background-image: url(/images/scanners/OPN2003-small.png); float: left; background-repeat: no-repeat;} */

/* JumpCart Standard Par Home Page Buttons */
div#parPortal a.bigButton {text-decoration: none;  display: block; position: relative; margin-bottom: 10px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; }
div#parPortal a.bigButton em {font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1.4em;}

/* JumpCart IMS Home Page Buttons */
div#imsPortal span.lrg-gray-arrow {margin-top: 14px; margin-right: 5px;}
div#imsPortal a.imsButtons {float: left; width: 47%; margin: 0px 15px 10px 0px;text-decoration: none;  display: block; margin-bottom: 10px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px;  padding: 3px;}
div#imsPortal a.imsButtons em {background: url(/images/common/ims_icons.png) no-repeat; width: 45px; height: 45px; display: block; float: left;}

div#imsPortal a.imsButtons span.buttonText { margin-left: 10px; line-height: 3em; font-style: normal; font-weight: bold; font-size: 1.2em;}
div#imsPortal a.imsButtons em.parAdmin {background-position: -95px 0;}
div#imsPortal a.imsButtons em.invMaint {background-position: -285px 0;}
div#imsPortal a.imsButtons em.createLabels {background-position: -331px 0;}
div#imsPortal a.imsButtons em.vendorMaint {background-position: -378px 0;}
div#imsPortal a.imsButtons em.addProducts {background-position: -236px 0;}
div#imsPortal a.imsButtons em.locationMaint {background-position: -142px 0;}
div#imsPortal a.imsButtons em.userMaint {background-position: -47px 0;}
div#imsPortal a.imsButtons em.orderSummary {background-position: -189px 0;}
div#imsPortal a.imsButtons em.support {background-position: -425px 0;}
div#imsPortal a.imsButtons em.posummary {background-position: -470px 0;}


/* -------- !!!! Deprecated Buttons Do Not Use !!!------------------- */

/* Standard Button */
button{ font-weight: bold; border: none; background: transparent; padding:0; margin:0; font-size: .95em; width:auto; overflow:visible; vertical-align: middle; white-space: nowrap; /* height: 36px; */ cursor: pointer;}

button span, button em { display:block; /* height:34px; line-height:34px; */ margin:0; color:#333333; }
button span { padding-left: 10px; background:url(../images/buttons/bg_button.gif) no-repeat 0 0; }
button em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/bg_button.gif) no-repeat 100% 0; }
a:hover button span { padding-left:10px; background:url(../images/buttons/bg_button.gif) no-repeat 0 -34px; }
a:hover button em { font-style:normal; padding-right: 10px; background:url(../images/buttons/bg_button.gif) no-repeat 100% -34px; }
a:hover button.ui-state-disabled em { background:url(../images/buttons/bg_button.gif) no-repeat 100% 0; }
a:hover button.ui-state-disabled span { background:url(../images/buttons/bg_button.gif) no-repeat 0 0; }
button:focus, button:active { outline: hidden; }
a.button:hover {text-decoration: none;}
/* a button.disabled {opacity: .35; filter:Alpha(Opacity=35); background-image: none; cursor: default;} */
a:hover button.ui-state-disabled em { background:url(../images/buttons/bg_button.gif) no-repeat 100% 0; }
a:hover button.ui-state-disabled span { background:url(../images/buttons/bg_button.gif) no-repeat 0 0; }

/* Standard Button Gray Background */
button.stdGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -408px; }
a:hover button.stdGray span { padding-left: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -442px; }
button.stdGray span { padding-left: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -408px; }
a:hover button.stdGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -442px; }
a:hover button.stdGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -408px; }
a:hover button.stdGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -408px; }

/* Refresh Button */
button.refresh em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% 0; }
a:hover button.refresh span { padding-left: 28px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -34px; }
button.refresh span { padding-left: 28px; background:url(../images/buttons/mainButton2.png) no-repeat 0 0; }
a:hover button.refresh em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -34px; }
a:hover button.refresh.ui-state-disabled span {background:url(../images/buttons/mainButton2.png) no-repeat 0 0; }
a:hover button.refresh.ui-state-disabled em {background:url(../images/buttons/mainButton2.png) no-repeat 100% 0; }

/* Refresh Button Gray Background */
button.refreshGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% 0; }
a:hover button.refreshGray span { padding-left: 28px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -34px; }
button.refreshGray span { padding-left: 28px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 0; }
a:hover button.refreshGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -34px; }
a:hover button.refreshGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -34px;}
a:hover button.refreshGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% 0;}

/* Save Button */
button.save em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right:10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -68px; }
a:hover button.save span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -102px; }
button.save span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -68px; }
a:hover button.save em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -102px; }
a:hover button.save.ui-state-disabled em { background:url(../images/buttons/mainButton2.png) no-repeat 100% -68px; }
a:hover button.save.ui-state-disabled span { background:url(../images/buttons/mainButton2.png) no-repeat 0 -68px;  }

/* Save Button Gray Background */
button.saveGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right:10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -68px; }
a:hover button.saveGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -102px; }
button.saveGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -68px; }
a:hover button.saveGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -102px; }
a:hover button.saveGray.ui-state-disabled span{ padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -68px; }
a:hover button.saveGray.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -68px; }

/* Add Button */
button.add em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right:10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -136px; }
button.add span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -136px; }
a:hover button.add span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -170px; }
a:hover button.add em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -170px; }
a:hover button.add.ui-state-disabled span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -136px; }
a:hover button.add.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -136px; }

/* Add Button Gray Background*/
button.addGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right:10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -136px; }
button.addGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -136px; }
a:hover button.addGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -170px; }
a:hover button.addGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -170px; }
a:hover button.addGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -136px;}
a:hover button.addGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -136px;}

/* Delete One Button */
button.delete em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -204px; }
a:hover button.delete span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -238px; }
a:hover button.delete.ui-state-disabled span  { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -204px; }
button.delete span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -204px; }
a:hover button.delete em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -238px; }
a:hover button.delete.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -204px; }

/* Delete One Button Gray Background*/
button.deleteGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -204px; }
button.deleteGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -204px; }
a:hover button.deleteGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -238px; }
a:hover button.deleteGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -238px; }
a:hover button.deleteGray.ui-state-disabled span  { background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -204px; }
a:hover button.deleteGray.ui-state-disabled em { background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -204px; }

/* Delete All Button */
button.deleteAll em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -340px; }
a:hover button.deleteAll span { padding-left: 25px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -374px; }
button.deleteAll span { padding-left: 25px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -340px; }
a:hover button.deleteAll em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -374px; }
a:hover button.deleteAll.ui-state-disabled span  { padding-left: 25px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -340px; }
a:hover button.deleteAll.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -340px; }

/* Delete All Button Gray Background */
button.deleteAllGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -340px; }
a:hover button.deleteAllGray span { padding-left: 25px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -374px; }
button.deleteAllGray span { padding-left: 25px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -340px; }
a:hover button.deleteAllGray em { background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -374px; }
a:hover button.deleteAllGray.ui-state-disabled span  { padding-left: 25px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -340px; }
a:hover button.deleteAllGray.ui-state-disabled em { background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -340px; }

/* Search Button */
button.search em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -272px; }
a:hover button.search span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -306px; }
button.search span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -272px; }
a:hover button.search em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -306px; }
a:hover button.search.ui-state-disabled span { padding-left: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -272px; }
a:hover button.search.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -272px;}

/* Search Button Gray Background */
button.searchGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -272px; }
a:hover button.searchGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -306px; }
button.searchGray span { padding-left: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -272px; }
a:hover button.searchGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -306px; }
a:hover button.searchGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -272px;}
a:hover button.searchGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -272px;}

/* Next Button */
button.next em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -476px; }
a:hover button.next span { padding-left: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -510px; }
button.next span { padding-left: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -476px; }
a:hover button.next em { font-style:normal; padding-right: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -510px; }
a:hover button.next.ui-state-disabled em { font-style:normal; padding-right: 26px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -476px; }
a:hover button.next.ui-state-disabled span { padding-left: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -476px; }

/* Next Button Gray Background */
button.nextGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -476px; }
a:hover button.nextGray span { padding-left: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -510px; }
button.nextGray span { padding-left: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -476px; }
a:hover button.nextGray em { font-style:normal; padding-right: 26px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -510px; }
a:hover button.nextGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -510px;}
a:hover button.nextGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -476px;}

/* Upload Button */
button.upload em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -544px; }
a:hover button.upload span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -578px; }
button.upload span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -544px; }
a:hover button.upload em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -578px; }
a:hover button.upload.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -544px; }
a:hover button.upload.ui-state-disabled span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -544px; }

/* Upload Button Gray Background */
button.uploadGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -544px; }
a:hover button.uploadGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -578px; }
button.uploadGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -544px; }
a:hover button.uploadGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -578px; }
a:hover button.uploadGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -578px;}
a:hover button.uploadGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -544px;}

/* Download Button */
button.download em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -612px; }
a:hover button.download span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -646px; }
button.download span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -612px; }
a:hover button.download em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -646px; }
a:hover button.download.ui-state-disabled em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -612px; }
a:hover button.download.ui-state-disabled span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -612px; }

/* Download Button Gray Background */
button.downloadGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -612px; }
a:hover button.downloadGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -646px; }
button.downloadGray span { padding-left: 27px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -612px; }
a:hover button.downloadGray em { font-style:normal; padding-right: 10px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -646px; }
a:hover button.downloadGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -646px;}
a:hover button.downloadGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -612px;}

/* Edit Button */
button.edit em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 15px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -680px; }
a:hover button.edit span { padding-left: 32px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -714px; }
button.edit span { padding-left: 27px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -680px; }
a:hover button.edit em { font-style:normal; padding-right: 15px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -714px; }
a:hover button.edit.ui-state-disabled em { font-style:normal; padding-right: 15px; background:url(../images/buttons/mainButton2.png) no-repeat 100% -680px; }
a:hover button.edit.ui-state-disabled span { padding-left: 32px; background:url(../images/buttons/mainButton2.png) no-repeat 0 -680px; }

/* Edit Button Gray Background */
button.editGray em { font-family: Helvetica, Arial, sans-serif; font-style:normal; padding-right: 15px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -680px; }
a:hover button.editGray span { padding-left: 32px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -714px; }
button.editGray span { padding-left: 32px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -680px; }
a:hover button.editGray em { font-style:normal; padding-right: 15px; background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -714px; }
a:hover button.editGray.ui-state-disabled span {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 0 -680px;}
a:hover button.editGray.ui-state-disabled em {background:url(../images/buttons/mainButton2-graybkg.png) no-repeat 100% -680px;}

/* -------- !!!! End Deprecated Buttons Do Not Use !!!------------------- */

/* --------- NEW Compliant Button Styles ------------- */

button.jtButton {
	color: #333333;
	font-weight: bold;
	padding: 7px 15px 5px 15px;
	border: 1px #999999 solid;
	margin: 0px 2px 0px 2px;
	font-size: 12px;
/*
	line-height: 28px;
	height: 30px;
*/
	cursor: pointer;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#F1F5F6));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #F1F5F6);
/*
	text-shadow: -1px -1px 0  #FFFFFF;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
button.jtButton:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D5EC), to(#DFECF6));
	background-image: -webkit-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:    -moz-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:     -ms-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:      -o-linear-gradient(bottom, #B5D5EC, #DFECF6);
	text-shadow: -1px -1px 0  #E6E6E6;
}
button.jtButton.ui-state-disabled:hover {
	color: #333333;
	border: 1px #999999 solid;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#F1F5F6));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #F1F5F6);
/*
	text-shadow: -1px -1px 0  #FFFFFF;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
*/
}
button.jtButton:active {
/*
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
*/
}
button.jtButton em.sprite {background: url("/images/common/controlsIcons1.png") no-repeat; display: block;}
.sprite {background: url("/images/common/controlsIcons1.png") no-repeat; display: block;}

button.jtButton span { float: left; background-image: none; padding-left: 0px; height: 30px; line-height: 28px; }
button.jtButton em { height: 20px; width: 20px; float: left; margin: 3px 3px 0px 0px; padding-right: 0px; }
button.jtButton.plain em {display: none;}
button.jtButton.save em { background-position: -358px -92px; }
button.jtButton.save {/* adding: 0px 14px; */}
button.jtButton.refresh em { background-position: -337px -92px; }
button.jtButton.delete em { background-position: -381px -115px; margin: 4px 3px 0px 0px; }
button.jtButton.deleteAll em { background-position: -361px -114px; margin: 4px 1px 0px 0px; }
button.jtButton.add em { background-position: -380px -93px; }
button.jtButton.search em {background-position: -339px -136px; margin: 4px 1px 0px 0px; }
button.jtButton.next em {background-position: -363px -136px; margin: 4px 0px 0px 2px; width: 12px; }
button.jtButton.upload em {background-position: -377px -136px; }
button.jtButton.download em {background-position: -340px -159px; margin: 4px 3px 0px 0px; }
button.jtButton.edit em {background-position: -339px -113px; }

button.jtButtonSmall {
	color: #333333;
	font-weight: bold;
	padding: 3px 10px 2px 10px;
	border: 1px #999999 solid;
	margin: 0px 5px 0px 5px;
	font-size: 12px;
/*
	line-height: 20px;
	height: 20px;
*/
	cursor: pointer;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#F1F5F6));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
/*
	text-shadow: -1px -1px 0  #FFFFFF;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
*/
}

button.jtButtonSmall:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D5EC), to(#DFECF6));
	background-image: -webkit-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:    -moz-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:     -ms-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:      -o-linear-gradient(bottom, #B5D5EC, #DFECF6);
/* 	text-shadow: -1px -1px 0  #E6E6E6; */
}

button.jtButtonSmall.ui-state-disabled:hover {
	color: #333333;
	border: 1px #999999 solid;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#F1F5F6));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #F1F5F6);
/*
	text-shadow: -1px -1px 0  #FFFFFF;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
*/
}
button.jtButtonSmall:active {
/*
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
*/
}

button.jtButtonSmall span {background-image: none; /* height: 24px; line-height: 24px; */ background: none; padding: 0px;}

button.jtButtonSmaller {
	color: #333333;
	font-weight: normal;
	padding: 0px 5px;
	border: 1px #999999 solid;
	/* margin: 0; */
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	/* text-shadow: -1px -1px 0  #FFFFFF; */
/* 	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
/* 	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
/* 	box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
}

button.jtButtonSmaller:disabled {
	color: #aaaaaa;
	cursor: default;
}

button.jtButtonSmaller:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D5EC), to(#DFECF6));
	background-image: -webkit-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:    -moz-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:     -ms-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:      -o-linear-gradient(bottom, #B5D5EC, #DFECF6);
	/* text-shadow: -1px -1px 0  #E6E6E6; */
}

button.jtButtonSmaller.ui-state-disabled:hover,
button.jtButtonSmaller:disabled:hover {
	color: #aaaaaa;
	border: 1px #999999 solid;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	/* text-shadow: -1px -1px 0  #FFFFFF; */
/* 	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
/* 	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
/* 	box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
}
button.jtButtonSmaller:active {
/*
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
*/
}

button.jtButtonSmaller span {background-image: none; height: 20px; line-height: 20px; background: none; padding: 0px;}
button.jtButtonSmaller.up {background: #999999 url("/images/common/up-arrow-white.png") no-repeat center; display: block; width: 20px; height: 20px;}
button.jtButtonSmaller.down {background: #999999 url("/images/common/down-arrow-white.png") no-repeat center; display: block; width: 20px; height: 20px;}

button.addToCart {
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px 5px;
	border: 1px #999999 solid;
	margin: 0;
	font-size: 10px;
	line-height: 18px;
	/* letter-spacing: 1px; */
	height: 20px;
	cursor: pointer;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #009900;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#00CC00));
	background-image: -webkit-linear-gradient(bottom, #006600, #00CC00);
	background-image:    -moz-linear-gradient(bottom, #006600, #00CC00);
	background-image:     -ms-linear-gradient(bottom, #006600, #00CC00);
	background-image:      -o-linear-gradient(bottom, #006600, #00CC00);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

}

button.addToCart:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D5EC), to(#DFECF6));
	background-image: -webkit-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:    -moz-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:     -ms-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:      -o-linear-gradient(bottom, #B5D5EC, #DFECF6);
/* 	text-shadow: -1px -1px 0  #E6E6E6; */
}

button.addToCart.ui-state-disabled:hover {
	color: #333333;
	border: 1px #999999 solid;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#F1F5F6));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #F1F5F6);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #F1F5F6);
/*
	text-shadow: -1px -1px 0  #FFFFFF;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
*/
}
button.addToCart:active {
/*
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
*/
}

button.addToCart span {background-image: none; height: 24px; line-height: 24px; background: none; padding: 0px;}

/*----------- End Compliant Button Styles ---------------*/





/* OLD Action buttons deprecated */
.actionAdd {margin-right: 5px; background-position: -60px -2px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/buttons/action-buttons.png); background-repeat: no-repeat;}
a:hover.actionAdd { background-position: -60px -29px; background-image: url(/images/buttons/action-buttons.png);}
.actionDelete {margin-right: 5px; background-position: 0px -2px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/buttons/action-buttons.png); background-repeat: no-repeat; cursor: pointer;}
.actionDelete.blank { background-image: none; float: right;}
a:hover.actionDelete { background-position: 0px -29px; background-image: url(/images/buttons/action-buttons.png);}
.actionEdit {margin-right: 5px; background-position: -40px -2px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/buttons/action-buttons.png); background-repeat: no-repeat;}
a:hover.actionEdit { background-position: -40px -29px; background-image: url(/images/buttons/action-buttons.png);}
.actionInfo {margin-right: 5px; background-position: -20px -2px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/buttons/action-buttons.png); background-repeat: no-repeat; cursor: pointer;}
a:hover.actionInfo { background-position: -20px -29px; background-image: url(/images/buttons/action-buttons.png);}

/* New Action buttons */
a.action {margin-right: 5px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/common/controlsIcons1.png); background-repeat: no-repeat; text-decoration: none; cursor: pointer;}
a.action.edit {background-position: -295px 0;}
a:hover.action.edit {background-position: -295px -20px;}
a.action.edit.ui-state-disabled:hover {background-position: -295px 0;}

a.action.download {background-position: -335px 0;}
a:hover.action.download {background-position: -335px -20px;}
a.action.download.ui-state-disabled:hover {background-position: -335px 0;}

a.action.add {background-position: -315px 0;}
a:hover.action.add {background-position: -315px -20px;}
a.action.add.ui-state-disabled:hover {background-position: -315px 0;}

a.action.delete {background-position: -255px 0;}
a:hover.action.delete {background-position: -255px -20px;}
a.action.delete.ui-state-disabled:hover {background-position: -255px 0;}

a.action.info {background-position: -275px 0;}
a:hover.action.info {background-position: -275px -20px;}
a.action.info.ui-state-disabled:hover {background-position: -275px 0;}

/* End of CSS buttons */

/* Delete Button */
button.buttonDelete {height: 22px; background-image: url(../images/buttons/delete-button.png); background-repeat: no-repeat; background-position: 0px 0px; color: #CC0000; }
button.buttonDelete p {font-family: Helvetica, Verdana, Arial, sans-serif; padding-left: 23px; font-style: normal; margin-bottom: 0px;}
button.buttonDelete:hover {text-decoration: none;}

/* Delete Button Right */
button.buttonDelete.right {height: 22px; background-image: url(../images/buttons/delete-button.png); background-repeat: no-repeat; background-position: right 0px; color: #CC0000;}
button.buttonDelete.right p {font-family: Helvetica, Verdana, Arial, sans-serif; padding-right: 23px; padding-left: 0px; font-style: normal; margin-bottom: 0px;}

/* Add Button */
button.buttonAdd {height: 22px;}
button.buttonAdd p {color: #5D9100; font-family: Helvetica, Verdana, Arial, sans-serif; padding-left: 23px; font-style: normal; margin-bottom: 0px; background:url(../images/buttons/addButton.png) no-repeat 0px 0px; height: 22px; line-height: 22px;}
button.buttonAdd:hover {text-decoration: none;}

/* Add Button Right */
button.buttonAdd.right p {color: #5D9100; font-family: Helvetica, Verdana, Arial, sans-serif; padding-right: 23px; padding-left: 0px; font-style: normal; margin-bottom: 0px; background:url(../images/buttons/addButton.png) no-repeat right 0px; height: 22px; line-height: 22px;}

/* Select All button */
.selectAll { position: relative;}
a.selectAll { margin-bottom: 3px; margin-right: 5px; float: left; width: 78px; height: 20px; display: block; background: url(../images/buttons/select-deselectButton-gray.png) no-repeat 0px 0px;}
a.selectAll:hover { background: url(../images/buttons/select-deselectButton-gray.png) no-repeat 0px -20px; text-decoration: none;}

/* Deselect All button */
.deselectAll { position: relative;}
a.deselectAll {margin-bottom: 3px; float: left; width: 78px; height: 20px; display: block; background: url(../images/buttons/select-deselectButton-gray.png) no-repeat -79px 0px;}
a.deselectAll:hover {background: url(../images/buttons/select-deselectButton-gray.png) no-repeat -79px -20px; text-decoration: none;}

/* Sort by SKU button */
button.sortBySku {background-position: -181px -110px; height: 19px; width: 82px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 5px; margin-bottom: 3px; float: left;}
button.sortBySku:hover {background-position: -181px -130px;}
button.sortBySku.link.ui-state-disabled:hover {cursor: default; background-position: -181px -110px;}

/* Sort by Description button */
button.sortByDesc {background-position: -160px -190px; height: 19px; width: 121px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 2px; margin-bottom: 3px; float: left;}
button.sortByDesc:hover {background-position: -160px -210px;}
button.sortByDesc.link.ui-state-disabled:hover {cursor: default; background-position: -160px -190px;}

/* Select All <button> button */
button.selectAll {background-position: -1px -150px; height: 19px; width: 64px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 2px; margin-bottom: 3px; float: left;}
button.selectAll:hover {background-position: -1px -170px;}
button.selectAll.link.ui-state-disabled:hover {cursor: default; background-position: -1px -150px;}

/* Deselect All <button> button */
button.deselectAll {background-position: -185px -150px; height: 19px; width: 79px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 2px; margin-bottom: 3px; float: left;}
button.deselectAll:hover {background-position: -185px -170px;}
button.deselectAll.link.ui-state-disabled:hover {cursor: default; background-position: -185px -150px;}

/* Search Icon Button */
.searchIcon { position: inherit;}
a.searchIcon {  width: 25px; height: 28px; float: left;  font-family: Helvetica, Arial, sans-serif; background:url(../images/buttons/search_button_small.png) no-repeat 0px 0;}
a.searchIcon:hover { text-decoration: none; background-repeat: no-repeat; background:url(../images/buttons/search_button_small.png) no-repeat left -27px;}
a.searchIcon button {width: 25px; height: 25px;}
a.searchIcon button p { padding-left: 15px; color: #67B3F3; margin-bottom: 3px; font-family: Helvetica, Arial, sans-serif; }
a.searchIcon:hover button p { line-height: 26px; color: #0522BC; }

/* ----- Download Button ----- */
a.downloadButton {margin-top: 10px; margin-right: auto; margin-left: auto; font-size: 1.1em; display: block; height: 55px; width: 250px; background-image: url(../images/buttons/download-button-gray.png); background-repeat: no-repeat;}
a.downloadButton:hover {background-position: 0 -55px; display: block; height: 55px; width: 250px; background-image: url(../images/buttons/download-button-gray.png); background-repeat: no-repeat;}

/* ----- Preview Button ----- */
button.preview {background-position: -202px 0px; height: 19px; width: 52px; background-image: url(/images/common/controlsIcons1.png);}
button.preview:hover {background-position: -202px -20px;}
button.preview.link.ui-state-disabled:hover {cursor: default; background-position: -185px -150px;}

/*------ Increase Button ------*/
a.increase {display: block; width: 20px; height: 20px; background: url(/images/common/controlsIcons1.png) no-repeat -295px -230px; margin: 2px 0px 0px 3px;}
a.increase:hover {background-position: -295px -250px;}

/*------ Decrease Button ------*/
a.decrease {display: block; width: 20px; height: 20px; background: url(/images/common/controlsIcons1.png) no-repeat -316px -230px; margin: 2px 0px 0px 3px;}
a.decrease:hover {background-position: -316px -250px;}

a.downloadDemoButton {margin-top: 10px; margin-right: auto; margin-left: auto; font-size: 1.1em; display: block; height: 55px; width: 250px; background-image: url(../images/buttons/download-demo-button.gif); background-repeat: no-repeat;}
a.downloadDemoButton:hover {background-position: 0 -55px; display: block; height: 55px; width: 250px; background-image: url(../images/buttons/download-demo-button.gif); background-repeat: no-repeat;}

#softwareInstall {background-color: #f1f1f1; padding: 10px; text-align: center;}
#softwareInstall em {display: block; font-size: 1.1em; font-weight: bold;}
body.softwareDownload .symbolContainer {float: left; width: 175px;}
body.softwareDownload .symbolContainer ul {text-align: left;}
body.softwareDownload a.symbolScannerLink {color: black; display: block; background: url(/images/scanners/Symbol-1504-noBrand.png) no-repeat 25px 25px; width: 160px; height: 110px; border: #CCCCCC 1px solid; padding: 5px; margin-bottom: 10px; }
body.softwareDownload a.symbolScannerLink.selected, body.softwareDownload a.opticonScannerLink.selected {background-color: #FFFFFF; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
body.softwareDownload a.symbolScannerLink:hover {text-decoration: none; background-color: #FFFFFF; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3); cursor: pointer;}
body.softwareDownload .opticonContainer {float: left; margin-left: 30px; width: 175px;}
body.softwareDownload .opticonContainer ul {text-align: left;}
body.softwareDownload a.opticonScannerLink {color: black; display: block; background: url(/images/scanners/opn-2003-medium.png) no-repeat 25px 25px; width: 160px; height: 110px; border: #CCCCCC 1px solid; padding: 5px; margin-bottom: 10px;}
body.softwareDownload a.opticonScannerLink:hover {text-decoration: none; background-color: #FFFFFF; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3); cursor: pointer;}
body.softwareDownload #noSupportText {text-align: left;}


/* ----- Ajax Loader ----- */
div.jquery-ajax-loader { min-width: 32px; min-height: 32px; background: url(/images/common/ajax-loader.gif) no-repeat 50% 50%; opacity: .6; }
/* ----- End Ajax Loader ----- */

/* ----- Boxes & Borders ----- */
.whitebox { display: block; background-color: white; overflow-x: auto;}
.whitebox_shaded_top { background-image: url(../images/common/top_box_background.gif); background-color: white; padding: 7px; border-color: #bfbfbf; border-width: 1px; border-style: solid; background-position: left top; background-repeat: repeat-x;}
.whitebox_shaded_top2 { position: relative; background-image: url(../images/common/top_box_background.gif); background-color: white; background-position: left top; background-repeat: repeat-x;}
.redBorder1px { background-color: white; padding: 10px; border-color: #CC0000; border-width: 1px; border-style: solid; }
.blueBorder1px { background-color: white; border-color: #00abdf; border-width: 1px; border-style: solid; }
.grayBorder1px { padding: 10px; border-color: #999999; border-width: 1px; border-style: solid; position: relative;}
.grayBorder2px {padding: 10px; border-color: #999999; border-width: 2px; border-style: solid;}
.grayBorder {border-color: #999999; border-style: solid;}
.border1px {border-width: 1px;}
.border2px {border-width: 2px;}
.border3px {border-width: 3px;}
.border4px {border-width: 4px;}
.border5px {border-width: 5px;}
.blackborder {border: black solid 1px;}
.grayBox { position: relative; padding: 10px; background-color: #F1F1F1;}
.grayBox2 { background-color: #f1f1f1;}
.grayBoxHeader {padding-left: 8px; padding-bottom: 10px; padding-right: 8px; padding-top: 10px; background-image: url(/images/forms/formFieldset-bkg.png); background-position: 0 top; background-repeat: repeat-x;}
.grayBoxHeader h4 {color: #4b4b4b; font-size: 1.2em; font-weight: bold; margin-bottom: 20px;}
.steps {position: relative; font-size: 1.75em; display: block; width: auto; float: left; margin-top: -7px; color: #BFBFBF; margin-right: 10px;}
div.infoBox span.steps {position: relative; font-size: 1.25em; display: block; width: auto; float: left; margin-top: -3px; color: #3f3f3f; margin-right: 10px;}
/* ----- End of Boxes & Borders ----- */

/* ----- Misc. Icons, Arrrows, etc..----- */
.lrg-gray-arrow { /* position: relative; */ float: right; background-position: -44px -16px; background-image: url(../images/common/misc-icons.png); background-repeat: no-repeat; height: 20px; width: 10px;}
.med-gray-arrow { float: right; background-position: -58px top; background-image: url(../images/common/misc-icons.png); background-repeat: no-repeat; height: 13px; display: block; width: 9px;}
span.external {background-position: -32px -80px; float: left; display: block; height: 14px; width: 14px; background-repeat: no-repeat; background-image: url(../css/custom-theme/images/ui-icons_2e83ff_256x240.png);}
em.external {font-style: normal; font-weight: normal; float: left;}
a em.external:hover {text-decoration: underline;}
/* ----- End Misc. Icons, Arrrows, etc..----- */

/* ----- Footer ----- */
#bottomMenu { padding-top: 20px; }
#bottomMenu ul { width: 950px; list-style-type: none; }
#bottomMenu ul li { padding-left: 30px; padding-right: 30px; border-right-color: #e5e5e5; border-right-width: 1px; border-right-style: solid; float: left; }
#bottomMenu ul li.first-child { padding-left: 0px; }
#bottomMenu ul li.last-child { float: right; padding-right: 0px; margin-right: 0px; text-align: right; border-right-width: 0px; border-right-style: none; }
.copyright { display: block; text-align: center; color: #bfbfbf; line-height: 14px; font-size: 9px; }
#bottomMenu a:hover { text-decoration: underline; }
#bottomMenu div.poweredbyJump {background-image: url(/images/common/poweredby-jump-logo-50x30.png); background-repeat: no-repeat; width: 50px; height: 33px; float: right; margin-top: -10px;}
#bottomMenu-Login div.copyright {text-align: center; }
/* ----- End of Footer ----- */

/* ----- Lists ----- */
.fileList {font-size: 1.2em;}
ul.fileList li {margin-bottom: 5px; line-height: 1em;}
.infoBox ul.fileList {margin: 10px;}
div.infoBox ul.fileList span.finePrint {padding-left: 5px; font-size: 0.8em;}
div.infoBox ul.fileList p.finePrint {padding-left: 0px; font-size: 0.8em; padding-top: 2px; margin-bottom: 0px;}

#freeTrial { height: 50px; width: 50px; }

/* ----- Forms ----- */
form {}
form p {clear: both; margin-bottom: 0em;}
label.req { margin-right: 3px; position: relative; padding-right: 10px; background-position: right; background-image: url(/images/common/redStar.png); background-repeat: no-repeat;}
p em.req {position: relative; float: right; line-height: 18px; font-size: .8em; color: #999999; font-style: normal; font-weight: normal; padding-right: 12px; background-position: right; background-image: url(/images/common/redStar.png); background-repeat: no-repeat;}
input.text { margin-bottom: 10px; float: left; border: 1px solid #999999; /* font-size: 1.1em; */ font-size: 12px; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 3px; width: 98%; position: relative; -khtml-border-radius: 6px; border-radius: 6px; }
input.file { background-color: white; margin-bottom: 10px; float: left; border: 1px solid #999999; font-size: .9em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 3px; width: 98%; position: relative;}
input.textWide { margin-bottom: 10px; float: left; border: 1px solid #999999; font-size: 1.1em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 500px; position: relative;}
input.textSmall {text-align: center; margin-bottom: 5px; border: 1px solid #999999; font-size: 1em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 75px;}
input.textSmall2 {margin-bottom: 5px; border: 1px solid #999999; font-size: 1em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 50px;}
input.textShort {margin-bottom: 5px; border: 1px solid #999999; font-size: 1.1em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 75px;}
input.textMed {margin-bottom: 5px; border: 1px solid #999999; font-size: 1.1em; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 200px;}
input.checkbox { float: left; font-size: 2em; margin-bottom: 0px; border-width: 0px; border-style: none; }
form label { margin-right: 3px; padding-right: 11px;}
form label.small { margin-bottom: 2px; padding-right: 0px; margin-right: 0px; font-size: 0.85em; text-align: left; display: block; line-height: 1em; float: none; width: auto; color: #656565;}
form label.left {width: auto; margin-right: 3px; position: relative; visibility: visible; padding-right: 11px; color: #656565; float: left; display: block; text-align: right; font-size: 0.9em; line-height: 28px;}
form label.over {float: none; margin-bottom: 3px; width: auto; margin-right: 0px; position: relative; visibility: visible; padding-right: 0px; color: #656565;  text-align: left; font-size: 0.9em; line-height: 1.5em;}
form label.checkboxes {clear: none; width: auto; line-height: 1.4em; margin-left: 7px; margin-bottom: 0px; padding-right: 0px; color: #656565; float: left; display: block; text-align: left!important; font-size: 1em; margin-right: 0px; position: inherit;}
form label.multiline {position: relative; padding-right: 11px; color: #656565; float: left; display: block; width: 120px; text-align: right; font-size: 0.9em; line-height: 14px;}
form p.req {color: #999999;}
form p.req input { color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 3px; width: 290px;}
.selectSmall {position: relative; z-index: 0; margin-bottom: 10px; font-size: 1em; width: auto; padding: 1px 1px 2px 1px;}
.selectFilter {font-size: .8em;}
.fixedSelect {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: white; font-size: 13px; width: 290px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 5px;}
.fixed400 {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: white; font-size: 1.1em; width: 400px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 5px;}
.selectWide {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: white; font-size: 13px; width: 500px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 5px;}
.selectFull {position: relative; z-index: 0; float: left; margin-bottom: 5px; font-size: 1em; width: 100%; padding: 3px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
.selectProducts {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: white; font-size: 0.9em; width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 5px;}
.jumpList {position: relative; z-index: 1; float: left; margin-bottom: 5px; border: 1px solid #CCCCCC; font-size: 1.1em; width: 250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px;}

/* ----- Date Picker ----- */
div.datePicker {float: left; }
div.reportSettings div.datePicker {margin: 0px 15px 10px 0px;}
div.datePicker p {margin-bottom: 0px;}
input.datepicker {margin: 0px 3px 0px 0px; border: 1px solid #999999; font-size: 13px; color: black; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 3px; width: 93px; height: 16px; font-family: Helvetica, Arial, sans-serif !important;}
.datepickerTO { margin-bottom: 2px; padding-right: 0px; margin-right: 0px; font-size: 0.9em; text-align: left; line-height: 28px; width: auto; color: #7f7f7f;}

/* ---- Combox-Autocomplete hybrid ----- */
div.combobox-autocomplete {width: 250px; float: left;}
div.combobox-autocomplete input { color: black; font-size: 13px; background: white url(/images/common/magnifying-glass.png) no-repeat 3px 4px; padding: 3px 30px 3px 21px; height: 16px; float: left; margin-bottom: 10px; width: 70%;  position: relative; border: 1px solid #999999; font-family: Helvetica, Arial, sans-serif !important; }
div.combobox-autocomplete button {float: left; height: 24px; width: 30px; overflow: hidden; margin: 0px 0px 0px -30px;}
div.combobox-autocomplete button {-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
div.combobox-autocomplete button span.ui-button-text {background: none;}
ul.ui-autocomplete {max-height: 250px; overflow: auto;}
div.combobox-autocomplete label {display: block;}
ul.ui-autocomplete {-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; z-index: 150;}
div.combobox-autocomplete input.ui-autocomplete-loading { background: white url('/images/common/ui-anim_basic_16x16.gif') 2px center no-repeat; }

/*----- Combobox non-Autocomplete -------*/
div.combobox-autocomplete span.custom-combobox input {background-image: none; padding: 3px 48px 3px 3px;}
div.combobox-autocomplete span.custom-combobox input:disabled {color: black!important;}

/* ----- Select Dropdowns ----- */
select { margin-bottom: 10px; padding: 2px; }
.select { margin-bottom: 10px; padding: 2px;}
.select100pct { position: relative; z-index: 0; margin-bottom: 10px; width: 100%; padding: 2px;}
select.error {border: 1px solid #CC0000; background-color: #ffffea;}

/* ----- Search Filters ----- */
div.searchFilters {float: left;}

/* Text Areas */
body.jumpstock .textarea { border: 1px solid #999999; font-size: 14px; /* -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; */ padding: 3px; font-family: Helvetica,Arial,sans-serif !important;}
form textarea { border: 1px solid #999999; width: 250px; font-size: 1em; /* -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; */ padding: 3px;}
form input.textarea { border: 1px solid #999999; font-size: 1em; /* -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; */ padding: 3px;}
input.error {background-color: #ffffdd; border: 1px solid #CC0000;}
label.error {font-size: 0.9em; padding: 0px; float: left; text-align: left; color: #CC0000; width: 195px; margin: 0 0 0 10px;}
.error { padding-bottom: 10px; padding-top: 5px; font-size: 12px; text-align: center; color: #CC0000;}
.errorLeft { padding-bottom: 10px; padding-top: 5px; font-size: 12px; text-align: left; color: #CC0000;}
form button {text-align: left;}


#loginPage form table {width: 100%;}
form h2 { position: relative; visibility: visible; }
form div.submit {margin-left: 133px; margin-bottom: 10px; display: block; clear: both;}
form fieldset {margin-bottom: 0.5em; clear: both; border: none;}
.miscFormField { position: relative; z-index: 1; float: left; margin-bottom: 5px;}
.formCopy {margin-left: 133px; width: 60%;}
.inputnotes { margin-top: -7px; margin-bottom: 10px; float: left; font-size: 0.8em; line-height: 1.1em; color: #999999;}
.checkbox400 {width: 400px;}
.checkboxFull {width: 100%;}
.checkbox200 {width: 200px;}
/* -----End of Forms ----- */

/* ----- Tooltips ----- */
#tooltip{ position:absolute; border:1px solid #333;	background:#f7f5d1;	padding:2px 5px; color:#333; display:none; }
/* .tooltip {display:none; background:transparent url(/images/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff;} */
a.tooltip { display: inline-block; height: 12px; width: 12px; background: url(/images/common/tooltips.png) no-repeat -19px -4px; margin-left: 3px; cursor: help; margin-top: 2px;}
a.tooltip:hover { background-position: -5px -4px }
div.ui-tooltip {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px; border-radius: 6px;
	background-color: white;
	z-index: 150;
	background-color: white;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	border: 1px solid #666666;
	color: #000000;
	padding: 10px 15px;
	margin: 5px;
	max-width: 300px;
}

/* ----- Breadcrumb Plugin -------- */
/* Float Clearing */
.module:after {	clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* float clearing for IE6 */
* html .module { height: 1%; overflow: visible;
}
/* float clearing for IE7 */
* + html .module { min-height: 1%; }
/* ------- Breadcrumb Styles ------- */
.breadCrumb {padding: 0; margin-left: 0; margin-bottom: 8px; margin-right: 0; margin-top: 0px; float: left; display: block; height: 21px; overflow: hidden; width: 100%; }
.breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block;}
.breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(/images/common/Chevron.gif) no-repeat 100% 0;}
.breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2;}
.breadCrumb ul li span { display: block; overflow: hidden; }
.breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; }
.breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(/images/common/IconHome.gif) no-repeat 0 0; }
.breadCrumb ul li.first a:hover { text-decoration: underline; background-position: 0 -16px;}
.breadCrumb ul li a:hover { text-decoration: underline;}
.breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; }
.chevronOverlay { display: none; background: url(/images/common/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; }
/* ----- End Breadcrumb plugin ----- */

/* ----- Popup Pages ----- */
#popupPage label { line-height: 1.3em; }
#popupPage p.greenStatusBig { line-height: 1em; }
/* ----- End Popup Pages ----- */

/* ----- Account Details ----- */
#accountDetails p {margin-bottom: 0px;}
#accountDetails p label { line-height: 1.3em; margin-bottom: 0px; color: #656565; }
#accountDetails p.greenStatusBig { line-height: 1em; margin-bottom: 1em;}
/* ----- End Popup Pages ----- */

/* ----- Product Picker ----- */
/* div#pickProducts input.text {margin-bottom: 3px;} */

/* ----- Quick Add - Edit Order ----- */
div#quickAdd input#quickAddSku {width: 225px;}
div#quickAdd input#quickAddQty {width: 75px;}
div#quickAdd p {float: left; clear: none; margin-right: 10px;}
div#quickAdd p label {display: block;}
div#quickAdd div.ui-state-error p {float:none; margin-right: 0px;}
h4#addItemButton {cursor: pointer;}
span#upDownArrow.up { background-position: 0px; height: 15px; width: 15px; display: block; float: left; background-repeat: no-repeat; background-image: url(/images/common/triangle_4B4B4B.png); cursor: pointer;}
span#upDownArrow.up.down { background-position: -15px 0px; height: 15px; width: 15px; display: block; float: left; background-repeat: no-repeat; background-image: url(/images/common/triangle_4B4B4B.png); cursor: pointer;}

/* jQuery general overrides */
.ui-widget-header {background: url("/css/custom-theme/images/ui-bg_highlight-soft_75_CCCCCC_1x100.png") repeat-x scroll 50% 50% #CCCCCC;}

/* jQuery Tab overrides */
.ui-tabs {padding: 0px;}
.ui-tabs.ui-widget-content {border: none;}
.ui-tabs .ui-widget-header {border: none; background: none;}
.ui-tabs .ui-tabs-panel {
	border: 1px solid #CCCCCC;
	background: #F1F1F1;
	padding: 10px;
	}
.ui-tabs .ui-tabs-nav {padding: 0px; margin-bottom: -2px;}
.ui-tabs .ui-tabs-nav li {margin: 0 .3em 1px 0;}
.ui-tabs .ui-tabs-nav li a {font-weight: bold; font-size: 1.1em; }
ul.ui-tabs-nav li.ui-state-default {
	background: none;
	border: 1px solid #CCCCCC;
	}
ul.ui-tabs-nav li.ui-state-default:hover {background: #E1E1E1;}
ul.ui-tabs-nav li.ui-state-default:hover a { color: #4B4B4B;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #F1F1F1; border: 1px solid #CCCCCC; border-bottom: none; text-shadow: 0 1px #f2f4f6;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {background: #E1E1E1;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #4B4B4B; }
ul.ui-tabs-nav li.ui-state-default a {color: #999999; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active
.ui-tabs .ui-tabs-nav li {border-bottom: 0;}

/* End of jQuery Tab overrides */

/* Validation */
input.error {text-align: left; margin: 0px;}
label.error {margin: 0px;}


/*--------- New Order Page ------------*/
body.neworder #searchResultsTable input.text, body.neworder #orderTable input.text {float: none; margin-bottom: 0px;}
body.neworder #searchResultsTable select, body.neworder #orderTable select {margin-bottom: 0px;}
/* body.neworder .newOrderTabs ul.ui-tabs-nav li span#order-count, body.neworder .newOrderTabs ul.ui-tabs-nav li span#commentCount { font-size: .9em; color: #339900;} */
body.neworder .newOrderTabs ul.ui-tabs-nav li span#order-count, body.neworder .newOrderTabs ul.ui-tabs-nav li span#commentCount { font-size: .9em; color: #FFFFFF; background-color: red;  -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 8px; padding: 2px 5px; margin-left: 5px; font-weight: bold; text-shadow: none;}
/* body.neworder input.textSearchInput {width: 300px; } */
body.neworder div.advcdSearch {font-size: 12px;}
body.neworder div.advcdSearch a em {display: block; width: 7px; height: 5px; background: url(/images/common/controlsIcons1.png) no-repeat -341px -55px; float: right; margin: 4px 0px 0px 5px;}
body.neworder div.advcdSearch a em.up {display: block; width: 7px; height: 5px; background-position: -350px -55px;}
body.neworder div#searchTab p {margin-bottom: 0px;}
body.neworder div#searchTab select {margin-bottom: 0px; width: 200px;}
body.neworder div.showAllItems {text-align: right; float: right;}
body.neworder div.showAllItems label {margin: 0px; padding: 0px;}
body.neworder table#searchResultsTable .productNumber {width: 100px; font-weight: bold;}
body.neworder table#searchResultsTable .price {width: 60px; text-align: center;}
body.neworder #searchResultsTable .price input { text-align: center; width: 54px; font-size: 1em;}
body.neworder table#searchResultsTable .addIcon {width: 75px; text-align: center;}
body.neworder table#orderTable .addIcon {width: 30px; text-align: center;}
body.neworder table#searchResultsTable .quantity {width: 60px; text-align: center; cursor: default;}
body.neworder table#searchResultsTable .uom {width: 130px; text-align: center;}
body.neworder table#searchResultsTable tbody td.price input.text.ui-state-disabled, body.neworder table#orderTable tbody td.unitCost input.text.ui-state-disabled {opacity: 1.0; border: 0px; background: transparent;  }
body.neworder table#searchResultsTable tbody td.uom select.ui-state-disabled, body.neworder table#orderTable tbody td.UOM select.ui-state-disabled { opacity: 1.0;  }
body.neworder .dataTables_filter { /* right: 5px; */ top: 7px; }

a.buttonAdd { background: url("/images/buttons/addButton.png") no-repeat 0 0; display: block; cursor: pointer; width: 20px; height: 20px;}
a.buttonDelete { background: url("/images/buttons/delete-button.png") no-repeat 0 0; display: block; cursor: pointer; width: 20px; height: 20px;}

body.neworder table#searchResultsTable tbody td.addIcon a.buttonAdd, body.neworder table#orderTable tbody td.addIcon a.buttonAdd { margin: auto;}
body.neworder table#searchResultsTable tbody td.addIcon a.buttonDelete, body.neworder table#orderTable tbody td.addIcon a.buttonDelete { margin: auto;}

body.neworder table#searchResultsTable tbody td.quantity input { width: 54px; text-align: center;}
#newOrderTabs ul.ui-tabs-nav li.search span.icon {display: block; width: 20px; height: 18px; background: url(/images/common/controlsIcons1.png) no-repeat -379px -1px; float: left; margin: 7px 0px 5px 5px;}
#newOrderTabs ul.ui-tabs-nav li.order span.icon {display: block; width: 20px; height: 19px; background: url(/images/common/controlsIcons1.png) no-repeat -379px -21px; float: left; margin: 5px 0px 5px 5px;}
#newOrderTabs ul.ui-tabs-nav li.search.ui-state-active span, #newOrderTabs ul.ui-tabs-nav li.search.ui-state-hover span {background-position: -357px -1px;}
#newOrderTabs ul.ui-tabs-nav li.order.ui-state-active span, #newOrderTabs ul.ui-tabs-nav li.order.ui-state-hover span {background-position: -358px -21px;}
#newOrderTabs ul.ui-tabs-nav li.search a {padding: 0.6em 1em 0.4em 0.3em; }
#newOrderTabs ul.ui-tabs-nav li.order a {padding: 0.6em 1em 0.4em 0.4em; }
#newOrderTabs ul.ui-tabs-nav li.comments a {padding: 0.6em 1em 0.4em 1em; }
body.neworder h4.tableTitle {text-align: center;}
body.neworder div#orderTab input#purchaseOrderNumber {width: 90%;}
body.neworder div#orderTab p {margin-bottom: 0px;}
body.neworder div.vendorNote textarea { width: 100%; }
body.neworder div.commentsInput button {position: absolute; top: 40px; right: 0px;}
body.neworder div.commentsInput textarea { width: 740px; }
body.neworder div.vendorNote, body.neworder div.commentsInput { position: relative; }
body.neworder div.commentsInput {padding-right: 100px;}
body.neworder div.vendorNote div#counter1, body.neworder div.commentsInput div#counter2 { color: #999999; font-size: 0.85em; position: absolute;  }
body.neworder #counter1 {right: 0px; top: 2px;}
body.neworder #counter2 {right: 145px; top: 2px;}

body.neworder div#quickAdd a#quickAddLink {line-height: 25px; font-weight: bold;}
body.neworder div#quickAdd label {line-height: 25px; margin-right: 5px; padding: 0px;}
body.neworder div#quickAdd a#quickAddLink span {float: left; margin-right: 5px}
body.neworder div#quickAdd a#quickAddLink em {display: block; width: 5px; height: 8px; background: url(/images/common/controlsIcons1.png) no-repeat -352px -44px; float: left; margin-top: 8px;}
body.neworder div#quickAdd a#quickAddLink em.close {background-position: -360px -44px;}
body.neworder div#pickProducts input {margin-bottom: 0px;}
body.neworder div#pickProducts input#quickAddQty {text-align: center;}
body.neworder .orderTitle {background-color: #CCCCCC; text-align: center; font-size: 14px; font-weight: bold; padding: 3px;}
body.neworder .orderTitle.ui-widget-header {border-bottom: 0px; border-color: #B3B3B3; padding: 5px 5px 4px 5px;}
#orderTable tbody input {font-size: 13px;}
#orderTable thead {border: 1px solid #CCCCCC;}
#orderTable thead th {vertical-align: bottom; font-weight: bold;}
#orderTable th.description, #orderTable td.description {max-width: 200px; }
#orderTable tbody input.text, body.neworder #orderTable tbody select {margin-bottom: 0px;}
#orderTable tbody td {vertical-align: middle;}
#orderTable tbody td.quantity input.text {width: 50px; text-align: center;}
#orderTable .unitCost input.text, body.neworder #orderTable th.unitCost {width: 75px; text-align: center;}
#orderTable .lineItemNote {width: 150px;}
#orderTable .extendedPrice {text-align: right;}
#orderTable .productNumber {min-width: 60px; font-weight: bold;}
#orderTable tfoot tr th {padding: 5px;}
#orderTable tfoot tr { background-color: #D0E4E8; }
#orderTable tfoot th.orderTotalLabel {text-align: right; font-weight: bold; border-right-width: 0px; color: #000000;}
#orderTable td.group.locationTotal {font-weight: bold; color: #000000;}
#orderTable td.group.locationTotalPrice {font-weight: bold; color: #000000; background-color: #FFFFFF; text-align: left; color: #00000; font-weight: bold;}
#orderTable tfoot th.orderTotal {text-align: right; font-weight: bold; border-left-width: 0px; color: #000000;}
#orderTable tbody td.qty input {width: 50px; text-align: center;}
#orderTable tbody td.addIcon {text-align: center;}
#orderTable tbody td.extended {text-align: right;}
#orderTable tbody td.addIcon button p {padding-left: 16px;}
#orderTable tbody td.group.locationTotal {background-color: #FFFFFF; text-align: right;}
#orderTable tbody td.group {background-color: #CCCCCC; color: #000000;}
#orderTable tbody td.group input.textMed {margin: 0px 0px 0px 3px;}
#orderTable tbody td.group em {font-style: normal; font-weight: bold; margin-right: 15px;}
body.purchaseOrder .poTable th.uom, body.purchaseOrder .poTable th.poQty, body.purchaseOrder .poTable th.prevReceivedQty, body.purchaseOrder .poTable th.receivedTotal, body.purchaseOrder .poTable th.additionalQty, body.purchaseOrder .poTable td.unitCost, body.purchaseOrder .poTable td.UOM, body.purchaseOrder .poTable td.poQty, body.purchaseOrder .poTable td.prevReceivedQty {text-align: center;}

body.purchaseOrder .poTable td.additionalQty input.text  {text-align: center; width: 50px;}
body.purchaseOrder #printReceivingButton {display: none;}
body.neworder #searchResultsTable thead th {border-top: 0px;}
#editCommentDialog textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	resize: none;
	width: 100%;
}
#searchResultsTable tr.added, #searchResultsTable tr.added td.sorting_1 { background-color: #D7D5F0;}
#searchResultsTable a.buttonAdd.remove {display: none;}
a.addToOrder {display: block; width: 30px;}
/* #vendorNote {-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;} */
/* body.jumpstock .textarea { border: 1px solid #999999; font-size: 14px;  padding: 3px; font-family: Helvetica,Arial,sans-serif !important;} */

/* Comments */
.commentsHeader {font-size: 16px; font-weight: bold; margin-top: 10px; color: #666666; border-bottom: 1px black solid; }
.commentsHeader label { margin-left: 20px; margin-right: 5px; padding: 0px; font-weight: normal;}
.commentsHeader em {font-style: normal; color: black;}
.commentLine { background-color: #F0F0FF; padding: 5px; margin-bottom: 10px;  position: relative;}
.commentLine .commentorName {font-weight: bold; color: black; float: left; }
.commentorName, .commentTime {font-size: 12px;}
.commentLine .commentTime {color: #666666; float: left; margin-left: 20px; }
.commentLine .commentContent {padding: 0px 100px 0px 15px; font-size: 1.1em;}
.commentLine button { top: 5px; right: 5px; float: right;}
.commentLine a.action.delete {float: right; margin-top: -10px;}
.commentLine .spacer10px {display: none;}
/* #commentTabContent .jtButtonSmall {margin-bottom: 5px;} */
.commentTime {font-weight: normal;}
body.neworder #searchResultsTable label.error {width: auto; line-height: 11px; font-size: 11px;}
.commentLine.systemComment {color: #999999; font-size: 10px;}
.commentLine.systemComment p {margin-bottom: 0px;}
.editedBy {font-weight: bold; color: #666666;}

body.neworder div.combobox-autocomplete input {width: 150px;}
body.neworder #addLotDialog label {display: block;}

/* End of New Order Page */

/* ----------- Kit Maintenance -------- */
body.kits table tbody#kitEdit p {margin-bottom: 0px;}
body.kits table td.description p { margin-right: 0px; }
body.kits table td.find {vertical-align: middle; text-align: right;}
body.kits table td.find button.search, body.kits table td.find button.delete {margin-right: 5px;}
body.kits table td.vendor {width: 250px;}
body.kits #kitTable td.itemNo {width: 30px; font-size: 20px; line-height: 30px; text-align: center; vertical-align: middle;}
body.kits table td.find a.actionDelete {margin: 3px 0px 0px 10px;}
body.kits #kitTable div.tableTitle {font-weight: normal;}
body.kits #kitTable div.tableTitle input.text {margin-bottom: 0px; float: none; width: 200px; font-weight: bold;}
body.kits button#addMoreButton {padding: 4px 10px; font-weight: bold; font-size: 14px; height: auto; line-height: auto;}



/*--------- Overlay ---------*/
div.overlay, #overlay { display:none; background-image: url(/images/common/transparent.png); padding:40px; width:576px; z-index: 9999; }
div.overlay div.close, #overlay div.close {
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/common/close.png) no-repeat scroll 0 0; cursor:pointer; height:35px; position:absolute; right:5px; top:2px; width:35px; }
div.contentWrap { height:441px; overflow-y:auto; }
div.videoContainer {text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 5px;}

/* Simple Overlay */
.simple_overlay {display:none; z-index:10000; background-color:#333; width:402px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 70px 5px #000; -webkit-box-shadow: 0 0 60px #000;
}
.simple_overlay .close { background-image:url(/images/common/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }

/* Apple Overlay */
.apple_overlay { display:none; background-image:url(/images/common/white.png);
width:640px; padding:35px; font-size:11px; }
.apple_overlay .close { background-image:url(/images/common/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

/*------- JumpCart Order Login Page ------*/
form#jumpcartOrderLogin input.text {margin-bottom: 5px;}

/*----- Inventory Add/Edit Lot Modal Overlay -----*/
div#addLotOverlay.modal.lotEdit {width: 300px;}

/*----- Inventory Adjust Modal Overlay -----*/
div#addLotOverlay.modal {width: 700px;}

/*----- Pick Products UOM Modal Overlay -----*/
div#prodPickUOM.modal {width:700px;}

/*----- Product Search Overlay -----*/
div#productSearchOverlay {width: 350px;}

/*----- Print Order Fax Page ------*/
div#printOrder p span {font-size: 1em; display: block; margin-bottom: 6px;}
div#printOrder div.infoBox p {padding-top: 0px; padding-bottom: 0px;}
div#printOrder div.infoBox {border-color: black; border-width: 1px;}
div#printOrder div.infoBox h4 {background-color: black; color: white; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
div#printOrder input.text {/* width: auto; float: none; */ margin-bottom: 5px; font-size: 1em; padding: 1px 3px;}
div#printOrder label {line-height: 1.1em;}
div#printOrder textarea {width: 98%}
div#printOrder table#printOrderTable tbody tr td{padding: 2px 5px;}
div#printOrder table#printOrderTable thead tr {border-bottom: 1px solid black;}
div#printOrder table#printOrderTable td.extPrice {text-align: right;}
div#printOrder table#printOrderTable td.extPriceOrder {text-align: right;}
div#printOrder table#printOrderTable td.unitPrice {text-align: right;}
div#printOrder table#printOrderTable td.qty {text-align: center;}
div#printOrder table#printOrderTable td.description {max-width: 150px; }

/*---------- IMS Vendor page -----------*/
/* Vendor Detail button */
button.vendorDetail {background-position: -60px -230px; height: 19px; width: 92px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 2px;}
button.vendorDetail:hover {background-position: -60px -250px;}
button.vendorDetail.link.ui-state-disabled:hover {cursor: default; background-position: -60px -230px;}
input#vendorEmail_id {margin-bottom: 3px !important;}
.inventorySourceClass {margin-top: 5px;}

/* Edit Submission Type button */
button.submissionType {background-position: -154px -230px; height: 19px; width: 137px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 2px;}
button.submissionType:hover {background-position: -154px -250px;}
button.submissionType.link.ui-state-disabled:hover {cursor: default; background-position: -154px -230px;}

/* Save Vendor Order button */
button.saveOrder {background-position: -198px -70px; height: 19px; width: 72px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-top: -4px;}
button.saveOrder:hover {background-position: -198px -90px;}
button.saveOrder.link.ui-state-disabled:hover {cursor: default; background-position: -60px -230px;}
div#vendorInfoOverlay {width: 300px;}
div#vendorInfoOverlay p {margin-bottom: 0px;}
div#vendorInfoOverlay p.greenStatusBig {margin-bottom: 5px;}
div#editVendorOverlay p {margin-bottom: 0px;}
div#editVendorOverlay p.greenStatusBig {margin-bottom: 5px;}
div#editVendorOverlay {width: 300px;}

/* IMS Labels Page */
ul.lotOptions li input.datepickerInline {width: 70px; height: 12px; margin-right: 3px; margin-top: -2px; line-height: .9em;}
ul.labelOptions li input#nooflabels {height: 12px; width: 30px; text-align: center; font-weight: bold; line-height: .9em;}

/* Location Labels - JumpStock */
body.locationLabels div.locations {float: left;}

/* Help Drawer */
#help-drawer {position: fixed; right: 0px; top: 50px; margin-right: -274px; width: 300px; z-index: 1000;}
#help-button {width: 27px; height: 74px; background-image: url(/images/common/helpbutton.png); float: left; cursor: pointer; }
#help-content {font-size: .9em; background-color: white;  float: left; width: 272px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; min-height: 96px; max-height: 400px; overflow-y: auto; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc;}
#help-content em {font-weight: bold; font-style: normal;}
#help-content h3 a {font-weight: bold;}
#help-content h3.ui-state-active {border: 0px;}
#help-content div.ui-accordion-content {border: 0px;}
#help-content h3.ui-accordion-header {border: 1px solid white;  -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; margin-top: 0px;}
#help-drawer {top: 5px;}
#help-button { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; background-image: url(/images/common/helpbutton.png); }
#help-button, #help-content {-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);  box-shadow: 5px 5px 5px rgba(0,0,0,0.7); }
.ui-widget-content a.bluelink { color: #4986FF;}
#help-drawer ul {list-style-type: disc; }
#help-drawer ul li {margin-left: 20px; }
#help-drawer ul.circle {list-style-type: circle;}
#help-drawer .ui-accordion .ui-accordion-content {padding: 1em; }

/* ----- Product Upload pages -------- */
body.productUpload.multi.jumpstock p.availVendors {margin-bottom: 0px;}

/* --------- JumpStock/JumpCart Terms alert ------------------- */
div.jumpstock-alert {border: 4px solid #788FC6; padding: 0px;}
div.jumpstock-alert div.ui-dialog-titlebar {background-image: none; background-color: #788FC6; color: white;  -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0px;}
div.jumpstock-alert div#userwarning-jumpstock {height: 300px; overflow: auto; margin: 10px 0px;  border: 1px solid #CCCCCC; padding: 5px;}
div.jumpstock-alert div#terms {font-size: .9em;}
div.jumpstock-alert div#terms h4 {margin-top: 8px;}
div.jumpstock-alert div.accept-terms {text-align: center; font-weight: bold; font-size: 14px;}
div.jumpstock-alert span.alert {display: block; float: left; background: url(/images/common/controlsIcons1.png) no-repeat -23px -2px; height: 16px; width: 21px; margin: 0px 3px 10px 0px; }
div.jumpstock-alert div.ui-dialog-buttonpane { border-width: 0px; text-align: center;}
div.jumpstock-alert div.ui-dialog-buttonpane button { font-weight: bold; float: none;}
div#terms p {margin: 0px 0px 5px 15px;}
div.no-close-title a.ui-dialog-titlebar-close {display: none;}

div.contentWrap.jumpcartTerms, div.contentWrap.jumpcartTerms h5 {color: #FFFFFF;}

/* --------- JumpStock& JumpCart System Messages --------------*/


/* Videos */
body.videos-jumpstock { min-width: 100%; background-color: #999999; /*margin: 10px;*/ overflow: hidden;}

/* Par Calculator Report */
#parCalculatorTable tbody td {font-size: 1.1em;}
#parCalculatorTable tbody td.group {font-weight: bold;}
#parCalculatorTable tbody .totalUnitsScanned, #parCalculatorTable tbody .avgUnitsPeriod, #parCalculatorTable tbody .avgUnitsPeriod, #parCalculatorTable tbody .currentPar, #parCalculatorTable tbody .recommendedPar, #parCalculatorTable tbody .safetyStock, #parCalculatorTable tbody .leadTime, #parCalculatorTable tbody .periodOfSupply {text-align: center;}
#parCalculatorTable .totalDollarsPeriod, #parCalculatorTable .avgDollarsPeriod {text-align: right; }
#parCalculatorTable .recommendedPar {font-weight: bold; color: #CC0000; width: 100px;}
#parCalculatorTable_filter {position: absolute; top: -25px; right: 0px;}
body.parCalculatorReport div.actions-dropdown {font-size: 1em; margin-top: 2px; margin-left: 25px; float: left;}
body.parCalculatorReport select#actions {font-size: .9em; padding: 0px;}
body.parCalculatorReport div.actions-dropdown label { font-weight: normal; color: #555555; margin-right: 2px;}
#parAttributesDialog input { margin-bottom: 0px;}
#parAttributesDialog label {display: block;}
#adjustDaysSupply label, #adjustSafetyDialog label, #adjustLeadDialog label, #adjustParDialog label {display: block;}
#parAttributesDialog div.parReorderBlock { padding: 5px; background-color: white; margin-top: 5px; padding: 5px; border: 1px solid #CCCCCC; margin-bottom: 7px; background-color: #FFFFE9; }
#parAttributesDialog input.parLevelInput, #adjustDaysSupply input, #adjustSafetyDialog input, #adjustLeadDialog input, #adjustParDialog label {width: 75px; text-align: center; border-width: 2px; font-weight: bold; font-size: 16px; padding: 1px; color: blue; font-family: Helvetica, Arial, sans-serif !important;}
#adjustDaysSupply input, #adjustSafetyDialog input, #adjustLeadDialog input, #adjustParDialog label {float: none;}
#parAttributesDialog, #adjustDaysSupply, #adjustSafetyDialog, #adjustLeadDialog {text-align: center;}
body.parCalculatorReport div.parAttributesDialog span { font-size: 14px; font-weight: bold; }
body.parCalculatorReport div.parAttributesDialog .parLevelInput {font-size: 14px; font-weight: bold; float: none; }
#parCalculatorTable tbody tr.odd.selected, #parCalculatorTable tbody tr.odd.selected td.sorting_1, #parCalculatorTable tbody tr.odd.selected td.sorting_2 { background-color: #BCF6EC;}
#parCalculatorTable tbody tr.even.selected, #parCalculatorTable tbody tr.even.selected td.sorting_1, #parCalculatorTable tbody tr.even.selected td.sorting_2 { background-color: #BCF6EC;}
#parCalculatorTable tbody td.description, #parCalculatorTable tbody td.locationName {max-width: 175px;}


/* jQuery Dialog Mods */
div.ui-dialog.ui-widget.ui-widget-content {border: 4px solid #788FC6; padding: 0px; text-align: left;}
div.ui-dialog-titlebar {background-image: none; background-color: #788FC6; color: white;  -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0px;}
.ui-dialog .ui-dialog-buttonpane { text-align: center; border-width: 0px; background-image: none; margin: 0 0 .3em 0; padding: .3em; background-color: transparent; }
.ui-dialog label, .ui-dialog .ui-dialog-content {font-size: 13px;}
.ui-dialog div.text {font-size: 1.1em;}
.ui-dialog .ui-dialog-buttonpane button {float: none; font-family: Helvetica, Arial, sans-serif !important; padding: .2em .6em .1em .6em; }
.ui-dialog .ui-dialog-buttonpane .okButton {padding: .2em 1.4em .2em 1.4em;}
div.ui-dialog.no-close-title div.ui-dialog-titlebar button.ui-dialog-titlebar-close {display: none;}
div.ui-dialog div.ui-dialog-buttonpane button span { background-image: none; height: 1.3em; line-height: 1.3em;}
div.ui-dialog div.ui-dialog-buttonpane button {font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
div.ui-dialog div.ui-dialog-buttonpane button.ui-state-hover, div.ui-dialog div.ui-dialog-buttonpane button.ui-state-focus {background: url("/images/common/tab-gradient-active.png"); border: 1px solid #000000; color: #000000; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #999999/*{borderColorDefault}*/;
	background-image: none;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
	background-color: #EBEEF1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DBE0E5), to(#EBEEF1));
	background-image: -webkit-linear-gradient(bottom, #DBE0E5, #EBEEF1);
	background-image:    -moz-linear-gradient(bottom, #DBE0E5, #EBEEF1);
	background-image:     -ms-linear-gradient(bottom, #DBE0E5, #EBEEF1);
	background-image:      -o-linear-gradient(bottom, #DBE0E5, #EBEEF1);

}
div.ui-dialog-buttonset button {height: inherit; text-align: center;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none;}

/*------------- NEW Alert Notices ---------------*/
#systemMessage { z-index: 1500; margin: 0px 0px 0px 0px; position: fixed; top: 20px; right: 20px;}
#systemMessage.menuMessages {position: relative; top: 0px; right: 0px;}

.alerts {position: relative; padding: 10px 35px 10px 45px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); margin-bottom: 5px; text-align: left; float: left;}
.alerts.warning {
	background-color: #FBF8CF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F1B5), to(#FBF8CF));
	background-image: -webkit-linear-gradient(bottom, #F6F1B5, #FBF8CF);
	background-image:    -moz-linear-gradient(bottom, #F6F1B5, #FBF8CF);
	background-image:     -ms-linear-gradient(bottom, #F6F1B5, #FBF8CF);
	background-image:      -o-linear-gradient(bottom, #F6F1B5, #FBF8CF);
	border: 1px solid #CCCCCC;
	color: #000000;
	text-shadow: 0 1px #f2f4f6;
	font-size: 1.1em;
	}
.alerts.error {
	background-color: #fbe3e4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecc5c7), to(#fbe3e4));
	background-image: -webkit-linear-gradient(bottom, #ecc5c7, #fbe3e4);
	background-image:    -moz-linear-gradient(bottom, #ecc5c7, #fbe3e4);
	background-image:     -ms-linear-gradient(bottom, #ecc5c7, #fbe3e4);
	background-image:      -o-linear-gradient(bottom, #ecc5c7, #fbe3e4);
	border: 1px solid #bd9191;
	color: #000000;
	text-shadow: 0 1px #f2f4f6;
	font-size: 1.1em;
	}
.alerts.success {
	background-color: #CCFFC9;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ACFFB0), to(#CCFFC9));
	background-image: -webkit-linear-gradient(bottom, #ACFFB0, #CCFFC9);
	background-image:    -moz-linear-gradient(bottom, #ACFFB0, #CCFFC9);
	background-image:     -ms-linear-gradient(bottom, #ACFFB0, #CCFFC9);
	background-image:      -o-linear-gradient(bottom, #ACFFB0, #CCFFC9);
	border: 1px solid #bd9191;
	color: #000000;
	text-shadow: 0 1px #f2f4f6;
	font-size: 1.1em;
	}
.alerts.error strong {color: #990000;}
.alerts .icon {width: 24px; height: 19px; position: absolute; top: 10px; left: 10px; margin: -3px 10px 0px 0px;}
.alerts.warning .icon { background-position: -372px -45px;}
.alerts.error .icon {background-position: -341px -71px; }
.alerts.success .icon {background-position: -372px -71px;}
.alerts .close {position: absolute; top: 8px; right: 10px; border: 1px solid transparent; padding: 0 5px 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family: 12px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC;}
.alerts .close:hover {border-color: #999999; cursor: pointer;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #CCCCCC, #FFFFFF);
	background-image:    -moz-linear-gradient(bottom, #CCCCCC, #FFFFFF);
	background-image:     -ms-linear-gradient(bottom, #CCCCCC, #FFFFFF);
	background-image:      -o-linear-gradient(bottom, #CCCCCC, #FFFFFF);
}

/* NEW */
div#systemMessage div.accept-message {float: right; margin: 8px -20px 0px 0px; font-size: 10px;}
div#systemMessage div.alerts p {margin-bottom: 0px;}
/* End of Alerts */

/* Transfers Page */
#transfersTable tbody tr.even, #transfersTable tbody tr.odd {cursor: pointer;}
#transfersTable th.transferQty, #transfersTable td.transferQty {width: 75px;}
#transfersTable th.qtyOnHand, #transfersTable td.qtyOnHand {width: 80px;}
#transfersTable th.parLevel, #transfersTable td.parLevel {width: 70px;}
#transfersTable th.binNo, #transfersTable td.binNo {width: 50px;}
#transfersTable th.productNo, #transfersTable td.productNo {width: 100px;}
#transfersTable th.customNo, #transfersTable td.customNo {width: 100px;}
#transfersTable th.location, #transfersTable td.location {width: 125px;}
#transfersTable tbody td.transferQty input.text, #transfersTable div.moreInfo div.row10 span.transferQty input.text {font-size: 14px; color: #FF6600; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
#transfersTable td.transferQty input.text { font-size: .9em; text-align: center; width: 95%; margin-bottom: 1px; padding: 1px;}
#transfersTable div.moreInfo {float: left; margin: 0px 0px 5px 25px;}
#transfersTable div.moreInfo span.label {color: #999999; font-size: .75em; display: block;}
#transfersTable div.moreInfo a.addLot {font-size: .85em;}
#transfersTable div.moreInfo span.orderStatus {float: right; font-weight: bold; text-align: center; width: 80px; margin-right: 13px;}
#transfersTable div.moreInfo span.orderStatus span.placed {color: #78A404;}
#transfersTable div.moreInfo span.orderStatus span.notSet {color: #FFB600;}
#transfersTable div.moreInfo span.orderStatus span.pending {color: #00CCFF;}
#transfersTable div.moreInfo span.orderStatus span.moqZero {color: #CC0000;}
#transfersTable div.moreInfo span.orderStatus span.packCountZero {color: #CC0000;}
#transfersTable div.moreInfo div.data {width: 820px; }
#transfersTable div.moreInfo span.customNo { padding-right: 10px;}
#transfersTable div.moreInfo div.row2 {width: 345px; padding: 0 3px; float: left;}
#transfersTable div.moreInfo div.row4 {width: 175px; padding: 0 3px 0 4px; float: left;}
#transfersTable div.moreInfo div.row5 {width: 125px; padding: 0 3px 0 4px; float: left;}
#transfersTable div.moreInfo div.row6 {width: 125px; padding: 0 3px 0 4px; float: left; text-align: center;}
#transfersTable div.moreInfo div.row10 {width: 75px; padding: 0 0px 0 7px; float: left;}
#transfersTable div.moreInfo div.row10 span.transferQty {text-align: center;}
#transfersTable span.transferQty input.text { padding: 1px; font-size: .9em; text-align: center; width: 95%; margin-bottom: 1px; }
body.transfers select {margin-bottom: 0px;}
#transfersTable_wrapper {margin-top: 45px;}
#transfersTable div.moreInfo div.row4 span.lots span, #transfersTable div.moreInfo div.row5 span.lotExpire span, #transfersTable div.moreInfo div.row6 span span.lotQtyAmt {display: block; line-height: 20px;}
body.transfers .dataTables_paginate {margin-top: 0px;}
#transfersTable th.transferQty {width: 75px;}
body.transfers table th.transferQty {cursor: default;}
#transfersTable td.parLevel, #transfersTable td.qtyOnHand, #transfersTable th.parLevel, #transfersTable th.qtyOnHand, #transfersTable th.transferQty  {text-align: center;}


/* Support Page */
span.updated {color: white; font-size: 11px; font-weight: bold; padding: 1px 3px; background-color: #339900; margin-left: 10px;}





/*------------------ JumpTech Base Colors, logos and other styles for branding ---------------------*/
/* ------------------------------------------------------------------------------------------------ */

/*--- Links ----*/
a:link { color: #4986FF; }
a:visited { color:#4986FF;}
.bluelink {color: #4986FF; cursor: pointer; }
.bluelink:hover {text-decoration: underline;}
.ui-state-highlight a.bluelink {color: #4986FF;}

/*--- Top Header ----*/
#headerLogo { float: left; background-repeat: no-repeat; background-image: url(/images/common/jumptech-logo.png); height: 60px; width: 136px;}
.printOrderHeader {background-image: url(/images/common/jumpstock-logo.png); width: 190px; height: 46px; float: right; margin-right: 8px;}

/*---- Login Page -----*/
#loginLogo {margin-top: 10vh; background-repeat: no-repeat; background-image: url(/images/common/jumptech-logo-large.png); height: 300px; width: 500px; background-size: contain;}
#loginLogoAl {margin-top: 10vh; background-repeat: no-repeat; background-image: url(/images/common/jumptech-login-logo.png); height: 78px; width: 176px;}
body.loginPage, body#password {background-color: #CCCCCC;}
body.loginPage div#loginContainer, body#password div#loginContainer { background-color: white; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px;  padding: 30px 10px; position: absolute; top: 40%; left: 50%; width: 750px; margin: -130px 0px 0px -375px;}
body.loginPage .copyright {color: #999999;}
body.loginPage #bottomMenu-Login {position: absolute; bottom: 10px; width: 100%;}
body.loginPage div.loginInputs {width: 80%;}
body.loginPage div.loginInputs label#autoLoginLabel {margin: 0px 0px 0px 5px; padding: 0px; float: left; line-height: 14px;}
body.loginPage div.loginInputs label.checkmark {display: none;}

/* Admin Login Page */
/* body.admin.loginPage {background-color: #D8CCCC;} */
body.admin.loginPage div#loginContainer {border: 20px solid #999999;}
body.admin.loginPage h3.adminHeader {color: #CC0000; font-weight: bold;}
body.admin.loginPage input.text {font-size: 20px;}
body.admin.loginPage div.columnLeft50 p {font-size: 16px;}
body.admin.loginPage {background-image: url(/images/common/admin-login-bkg.png); background-repeat: repeat;}

/* Forgot Password Page */
body.retrievepassword {text-align: center;}
body.retrievepassword #mainPage .columnLeft50 {width: 340px; text-align: center;}
body.retrievepassword #bottomMenu-Login {margin-top: 10px;}
body.retrievepassword #username {position: relative; width: 100%; float: none; text-align: left;}

/* JumpTrack Top Branding */
#topBranding-jumptrack {height: 60px; margin-bottom: 4px; margin-top: 4px; position: relative; width: 100%;}
#topBranding-jumptrack div.productName {color: white; float: left; margin-top: 18px; margin-left: 20px; font-size: 1.5em;  -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #CCCCCC; padding: 3px 8px 3px 10px; font-weight: bold; }
#customerLoginLogo { background-repeat: no-repeat; background-image: url(/images/common/jumptech-login-logo.png); height: 78px; width: 176px;}
#customerHeaderLogo { float: left; background-repeat: no-repeat; background-image: url(/images/common/jumptech-logo.png); height: 60px; width: 136px;}

/*----- Tables -----*/
.odd {background-color: #F0F0FF;}
.oddRow {background-color: #F0F0FF;} /* Legacy */
.even {background-color: white; }
.evenRow {background-color: white; } /* Legacy */
.off {background-color: #F0F0FF;}
.on {background-color: none;}
.hover { background-color: #d4e6eb; }
/* .selected {font-style:italic;} */
.AZjumplist a { color: white;}
.AZjumplist { background-color: #999999;  color: white; }
.AZjumplist a:hover {background-color: #4986FF;}
.AZjumplist a:visited {color: white;}
td.colheadertable {background-color: #cccccc; color: black; }
td.portalheadertable { border-bottom-color: white; background-color: #7f7f7f; color: white; }
td.totalScan {color: #cc0000;}
.subheadertable { color: white; background-color: #7f7f7f; }


/*----- Menu Bar -----*/
#mainMenu2
{ background-position: left top; background-repeat: no-repeat; background-image: url(../images/common/menuBar_whole.png); }
#mainMenu2 li.last-child { padding-right: 10px; }
#mainMenu2 li a
{ color: #FFF; }
#mainMenu2 li p
{background-position: 0px top;	background-repeat: repeat-x; background-image: url(../images/common/menuBarSlice.png); color: #FFF; }
#mainMenu2 li a:hover
{ color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
#mainMenu2 h1 { background-position: left -44px; background-repeat: repeat-x; background-image: url(../images/common/menuBarSlice.png); color: white;}
#mainMenu2 div h1 a em {color: white;}
#mainMenu2 div a
{ color: black!important;}
#mainMenu2 div a:hover
{ color: white!important; background-color: #4986FF; background-image: none;}
#mainMenu2 div a.bottomMenuItem:hover
{ color: white; background-color: #4986FF; background-image: none; }
#mainMenu2 div
{ border-right-color: #cc0000; border-left-color: #cc0000; border-bottom-color: #cc0000; border-right-width: 1px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-left-width: 1px; border-bottom-width: 1px; background-color: #E7EAFF; color: black; }
#mainMenu2 h1 a { color: white;}

/*----- Menu Highlighting -----*/
body#maintenance #mainMenu2 li a#menu-maintenance {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#orders #mainMenu2 li a#menu-orders {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#options #mainMenu2 li a#menu-options {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#jumpcodes #mainMenu2 li a#menu-jumpcodes {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#reports #mainMenu2 li a#menu-reports {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#support #mainMenu2 li a#menu-support {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#contact #mainMenu2 li a#menu-contact {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#home #mainMenu2 li a#menu-home {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#status #mainMenu2 li a#menu-status {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}
body#manifests #mainMenu2 li a#menu-manifest {color: white; background-repeat: repeat-x; background-position: 0px -44px; background-image: url(../images/common/menuBarSlice.png);}

/*----- Buttons -----*/
a.loginButton { color: black; background-color: #d8d8d8; border-color: #4986FF; border-width: 1px; border-style: solid;}
a.loginButton:hover { border-color: #4986FF; background-color: #4986FF; color: white; }
.bigButton { border-color: #CC0000; }
.bigButton:hover { border-color: #4986FF; color: white; background-color: #4986FF; }
.medButton { border-color: #CC0000; }
.medButton:hover { border-color: #4986FF; color: white; background-color: #4986FF; }

div#parPortal a.bigButton {color: black; background-position: 0px 0%; background-repeat: repeat-x; background-image: url(/images/buttons/parPortal-BigButtonBkg.png); border: 1px solid #CC0000; }
div#parPortal a.bigButton:hover {color: white; background-position: 0 -75px; background-image: url(/images/buttons/parPortal-BigButtonBkg.png); border-color: #66A7FF;}

div#imsPortal a.imsButtons {color: black; background-position: 0px 0%; background-repeat: repeat-x; background-image: url(/images/buttons/parPortal-BigButtonBkg.png); border: 1px solid #CC0000; }
div#imsPortal a.imsButtons:hover {color: white; background-position: 0 -75px; background-image: url(/images/buttons/parPortal-BigButtonBkg.png); border-color: #66A7FF;}

/* Breadcrumb menu */
ul#breadcrumbs {color: #999999;}

/* Text sizing and color */
.introCopy {color: #3f3f3f}
.text-red {color: #CC0000;}
.text-cccccc { color: #CCCCCC; }
.text-999999 { color: #999999;}
.black {color: black;}
/* End of Text color */

/* Report Tables */
#reportsBody table.report th.sorted a, th.sortable a { color: white; text-decoration: none;}
#reportsBody table.report thead tr th.sortable:hover { color: white!important; background-color: #2E83FF; text-decoration: none;}
#reportsBody table.report thead tr th.sortable.sorted:hover {color: white!important; background-color: #2E83FF;}
#reportsBody table.report thead tr th.sortable.sorted { color: white!important; background-color: #CC0000;}
#reportsBody table.report thead tr th { background-color: #999999; color: white;}

/* Info boxes, help and contact screens */
.infoBox {border-color: #d2edb6;}
.infoBox h4 {color: #656565; background-color: #d2edb6;}

/* ------------------------------------------------------------------------------------------------------- */
/*------------------ End of JumpTech Base Colors, logos and other styles for branding ---------------------*/



/*------------------------------------- JumpTech Reports CSS ---------------------------------------*/
/* ------------------------------------------------------------------------------------------------ */
/* CSS Document */

/*----- General Report Styles ------*/
#reportsBody table.report {float: left; border-collapse: separate; margin-bottom: 10px; font-size: .85em; line-height: 1em;}
#reportsBody table.report th.sortable a { text-align: left; padding-right: 18px; min-height: 15px; background-repeat: no-repeat; background-image: url(../images/common/arrow_off.png);}
#reportsBody table.report th.sorted a, th.sortable a { background-position:right center; display:block;}
#reportsBody table.report thead tr th {font-size: .9em;}
#reportsBody table.report th {padding: 4px;}
#reportsBody table.report th.order1 a {background-repeat: no-repeat; background-image: url(../images/common/arrow_down.png);}
#reportsBody table.report th.order2 a {background-repeat: no-repeat; background-image: url(../images/common/arrow_up.png);}
span.pagebanner {clear: both; float: left; display: block; margin-bottom: 5px; margin-top: 6px; margin-bottom: 6px;}
span.pagelinks { float: right; display: block; margin-top: 6px; margin-bottom: 6px;}
table tr.rowSubTotal {background-color: #E6F0F2; font-weight: bold;}
table tr.rowTotal {background-color: #FFFFE0; font-weight: bold; color: #009900; }

/*----- General DataTables Styles ------*/
table.display tbody td {vertical-align: middle; padding: 3px;}
table.hiddenRows tbody tr:hover {background-color: #FFFFE9; cursor: pointer;}
table.hiddenRows tbody tr.odd, table#inventoryTable tbody tr.even {cursor: pointer;}
table.hiddenRows tbody tr td.dataTables_empty {cursor: default;}
table.hiddenRows tbody tr:hover td.dataTables_empty {background-color: #E2E4FF}

/* DataTables Pagination */
.dataTables_paginate a {text-decoration: none;}
.dataTables_paginate a.paginate_button:hover {border: #4986FF solid 1px; background-color: #4986FF; color: #FFFFFF;}
.dataTables_paginate a.paginate_button {padding: 2px 6px; border: #CCCCCC solid 1px; cursor: pointer; margin-right: -1px;}
.dataTables_paginate a.paginate_button_disabled {cursor: default; opacity: 0.5;}
.dataTables_paginate a.paginate_button_disabled:hover { opacity: 0.5; border-color: #CCCCCC; cursor: default; background-color: transparent; color: inherit; margin-right: -1px; }
.dataTables_paginate .paginate_active {padding: 2px 6px; border: #666666 solid 1px; cursor: default; background-color: #666666; color: white; margin-right: -1px;}


/* DataTables Report Specific styles */
/* #reportsBody table.display {table-layout: auto;} */
#reportsBody table.display tbody {font-size: .9em;}

/* DataTables & Reports Buttons */
/* ------ ColVis styles -------- */
div.ColVis {
	float: right;
	margin-top: 2px;
}

button.ColVis_Button span {background: none; padding: 0px; height: auto; line-height: normal; font-weight: normal;}
button.ColVis_Button,
ul.ColVis_collection li {
	position: relative;
	float: left;
	height: auto;
	padding: 2px 5px;
	cursor: pointer;
	*cursor: hand;
	font-size: 11px;
	white-space: nowrap;
	border: 1px #999999 solid;
	color: #333333;
	background-color: #F1F5F6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDE3E8), to(#FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:    -moz-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:     -ms-linear-gradient(bottom, #DDE3E8, #FFFFFF);
	background-image:      -o-linear-gradient(bottom, #DDE3E8, #FFFFFF);


}

.ColVis_Button:hover,
ul.ColVis_collection li:hover {
	text-decoration: none !important;
	color: #000000 !important;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D5EC), to(#DFECF6));
	background-image: -webkit-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:    -moz-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:     -ms-linear-gradient(bottom, #B5D5EC, #DFECF6);
	background-image:      -o-linear-gradient(bottom, #B5D5EC, #DFECF6);
}

button.ColVis_Button::-moz-focus-inner {
	border: none !important;
	padding: 0;
}

button.ColVis_Button:active {
	outline: none;
}


div.ColVis_collectionBackground {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 1100;
}

ul.ColVis_collection {
	width: 150px;
	padding: 8px 8px 4px 8px;
	margin: 0;
	border: 1px solid #ccc;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	background-color: #f3f3f3;
	background-color: rgba( 255, 255, 255, 0.6 );
	overflow: hidden;
	z-index: 2002;

/*
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	     -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
*/
}

ul.ColVis_collection li {
	position: relative;
	height: auto;
	left: 0;
	right: 0;
	padding: 0.5em;

	display: block;
	float: none;
	margin-bottom: 4px;

/*
	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
*/
}

ul.ColVis_collection li {
	text-align: left;
}

ul.ColVis_collection li.ColVis_Button:hover {
	border: 1px solid #999;
	background-color: #f0f0f0;
}

ul.ColVis_collection li span {
	display: inline-block;
	padding-left: 0.5em;
	cursor: pointer;
	line-height: normal;
}
ul.ColVis_collection li input {line-height: normal;}


ul.ColVis_collection li.ColVis_Special {
	border-color: #555;
	background: rgb(237,237,237); /* Old browsers */
/* 	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); */ /* Chrome10+,Safari5.1+ */
/* 	background:    -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 77%, rgba(232,232,232,1) 100%); */ /* FF3.6+ */
/* 	background:     -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); */ /* IE10+ */
/* 	background:      -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); */ /* Opera 11.10+ */
/* 	background:         linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); */ /* W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 ); */ /* IE6-9 */
}

ul.ColVis_collection li.ColVis_Special:hover {
	background: #e2e2e2; /* Old browsers */
/* 	background: -webkit-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);  *//* Chrome10+,Safari5.1+ */
/* 	background:    -moz-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); */ /* FF3.6+ */
/* 	background:     -ms-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); */ /* IE10+ */
/* 	background:      -o-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); */ /* Opera 11.10+ */
/* 	background:         linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); */ /* W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); */ /* IE6-9 */
}


span.ColVis_radio {
	display: inline-block;
	width: 20px;
}

div.ColVis_catcher {
	position: absolute;
	z-index: 1101;
}

/***** TEMP Styles for old jQuery UI for Inventory Audit Detail reprot only */
.dataTablesfg-toolbar {
	background-color: #EBEBEB;
	padding: 5px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border: 1px solid #aaaaaa;
	}
.paging_full_numbers span.paginate_button {padding: 2px 6px; border: #CCCCCC solid 1px; cursor: pointer; margin-right: -1px; cursor: pointer; *cursor: hand; font-weight: normal;}
.paging_full_numbers span.paginate_button:hover {border: #4986FF solid 1px; background-color: #4986FF; color: #FFFFFF;}
.paging_full_numbers span.paginate_active {padding: 2px 6px; border: #666666 solid 1px; cursor: default; background-color: #666666; color: white; margin-right: -1px;}
/***** TEMP Styles for old jQuery UI for Inventory Audit Detail reprot only */

/* New DataTables Styles to mimic jQueryUI for OldUI */
.dataTablesHeader {
	background-color: #EBEBEB;
	padding: 5px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border: 1px solid #aaaaaa;
    position: relative;
	}


.dataTables_length select {margin-bottom: 0px;}
table.display th {background-color: #EBEBEB; color: #555555;}

.dataTablesFooter {
	background-color: #EBEBEB;
	padding: 5px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 1px solid #aaaaaa;
}
/*---- jQuery UI specific styling -----*/
.paging_two_button .fg-button {	float: left; cursor: pointer; * cursor: hand; }
.paging_full_numbers .fg-button {padding: 2px 6px; cursor: pointer; * cursor: hand; }
.paging_full_numbers {/* width: 400px; height: 22px; line-height: 22px; */ }
.fg-toolbar {padding: 5px;}
.fg-toolbar select {margin-bottom: 0px;}
.dataTables_paginate {margin-top: 4px; float: left; text-align: right; }
table.display thead th {padding: 3px 10px 1px 3px;  line-height: 1.4em; text-align: left; font-weight: bold; vertical-align: middle;}
table.display thead th span.ui-icon {float: right;}
table.display td.dataTables_empty {padding: 5px 0px; font-size: 1.2em;}
.dataTables_wrapper {position: relative; clear: both;}
.dataTables_wrapper .actions-dropdown  {float: left; margin: 3px 0px 0px 20px;}
.dataTables_wrapper .actions-dropdown label {font-weight: normal;}
/* .dataTables_processing {position: absolute; z-index: 9999; left: 50%; top: 60px; width: 125px; height: 150px; margin-left: -62px; text-align: center; color: transparent; background-image: url(/images/common/ajax-loader2.gif); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%;} */

.dataTables_processing {position: fixed; position: -ms-page; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: transparent; background-image: url(/images/common/ajax-loader2.gif); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; background-color: rgba(0,0,0,0.2);}

.dataTables_length {float: left; margin-left: 10px; font-weight: normal; color: #555555; font-size: 1em; margin-top: 3px;}
.dataTables_length select {font-size: 12px; padding: 0px;}
.dataTables_filter {font-weight: normal; line-height: 22px; color: #555555; margin-left: 20px; font-size: 1em; position: absolute; right: 0px; top: -25px; }
.dataTables_filter label {margin: 0px; padding: 0px;}
.dataTables_filter input {margin-bottom: 0px; text-align: left; border: 1px solid #CCCCCC; font-size: 12px; font-weight: bold; color: #CC0000; padding: 2px 4px; width: 150px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; font-family: Helvetica, Arial, sans-serif; }
.dataTables_info {font-weight: normal; line-height: 22px; top: -22px; color: #555555; font-size: 1em; position: absolute; left: 5px; }
.ui-buttonset .ui-button {margin-right: -1px;}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; }
.paginate_disabled_previous { background-image: url('/css/dataTables/images/back_disabled.jpg');}
.paginate_enabled_previous {background-image: url('/css/dataTables/images/back_enabled.jpg');}
.paginate_disabled_next {background-image: url('/css/dataTables/images/forward_disabled.jpg');}
.paginate_enabled_next {background-image: url('/css/dataTables/images/forward_enabled.jpg');}

/* DataTables display */
table.display {margin: 0 auto; width: 100%; clear: both;/*  table-layout: auto;  *//* table-layout: fixed; */}
table.display tfoot th { padding: 3px 10px; font-weight: bold;}
table.display tr.heading2 td {border-bottom: 1px solid #aaa;}
table.display td.center {text-align: center;}
table.display thead tr th {/* word-wrap: break-word; */ border-width: 0px 1px 1px 1px; border-style: solid; border-color:  #B3B3B3;}
table.display td.headerRow { border-color: #A5EBFF; border-width: 1px 2px 0px 2px; border-style: solid; }
table.display td.headerRow label {color: #333333;}
table.display td.dataTables_empty {border-width: 0px;}
table.display tbody tr.blankRow {border-width: 0px;}
table.display tbody td.description { max-width: 175px;}
table.display tbody td.productNumber, table.display tbody td.productNo, table.display tbody td.itemNumber, table.display tbody td.productNum { max-width: 100px;}
table.display tbody td.binNumber { max-width: 100px;}
table.display tbody td.customProductNumber, table.display tbody td.customNo, table.display tbody td.customNum {word-wrap: break-word; max-width: 100px;}
table.display tbody td.name { max-width: 175px;}
table.display tbody td.location { max-width: 150px;}
table.display tbody td {/* word-break: break-word; word-wrap: break-word; -ms-word-wrap: break-all; */
	-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
/*      word-break: break-all; */

     /* Non standard for webkit */
/*      word-break: break-word; */
	word-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/* table.display thead th.sorting, table.display thead th.sorting_asc, table.display thead th.sorting_desc {padding-right: 10px; word-wrap: normal;} */

/* DataTables sorting */
.sorting, .sorting_asc, .sorting_desc {cursor: pointer; * cursor: hand;}
.sorting_asc {background: url('/images/common/sort_asc_old.png') no-repeat center right;}
.sorting_desc {background: url('/images/common/sort_desc_old.png') no-repeat center right;}
.sorting {background: url('/images/common/sort_both_old.png') no-repeat center right;}
.sorting_asc_disabled {background: url('/images/common/sort_asc_disabled.png') no-repeat center right;}
.sorting_desc_disabled {background: url('/images/common/sort_desc_disabled.png') no-repeat center right;}

/* DataTables row classes */
table.display tr.odd.gradeA {background-color: #ddffdd;}
table.display tr.even.gradeA {background-color: #eeffee;}
table.display tr.odd.gradeA {background-color: #ddffdd;}
table.display tr.even.gradeA {background-color: #eeffee;}
table.display tr.odd.gradeC {background-color: #ddddff;}
table.display tr.even.gradeC {background-color: #eeeeff;}
table.display tr.odd.gradeX {background-color: #ffdddd;}
table.display tr.even.gradeX {background-color: #ffeeee;}
table.display tr.odd.gradeU {background-color: #ddd;}
table.display tr.even.gradeU {background-color: #eee;}
tr.odd {background-color: #F0F0FF;}
tr.even {background-color: white;}

/* ---- Report Settings ----- */
div.reportInput {margin: 0px 20px 10px 0px; float: left; }

/* Misc */
.top, .bottom {padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC;}
.top .dataTables_info {float: none;}
.clear {clear: both;}
.dataTables_empty {text-align: center;}
tfoot input {margin: 0.5em 0; width: 100%; color: #444;}
tfoot input.search_init {color: #999;}
td.group {background-color: #A5EBFF; color: #000000; }
td.details { background-color: #FFFFE9; }
.example_alt_pagination div.dataTables_info {width: 40%;}
table.display tr.even.row_selected td {background-color: #FFFFE9;}
table.display tr.odd.row_selected td {background-color: #FFFFE9;}
table.display tr.row_selected {background-color: #FFFFE9; border-top: 1px solid #CCCCCC; }
button.go { background-position: -125px -190px; height: 19px; width: 32px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 5px;}
button.go:hover {background-position: -125px -210px;}
div.dataTables_wrapper div.massEdit select {float: right; font-size: .9em; padding: 0px; margin: 0px 5px 0px 0px; color: #555555; }


tr.odd.gradeA td.sorting_1 {background-color: #c4ffc4;}
tr.odd.gradeA td.sorting_2 {background-color: #d1ffd1;}
tr.odd.gradeA td.sorting_3 {background-color: #d1ffd1;}
tr.even.gradeA td.sorting_1 {background-color: #d5ffd5;}
tr.even.gradeA td.sorting_2 {background-color: #e2ffe2;}
tr.even.gradeA td.sorting_3 {background-color: #e2ffe2;}
tr.odd.gradeC td.sorting_1 {background-color: #c4c4ff;}
tr.odd.gradeC td.sorting_2 {background-color: #d1d1ff;}
tr.odd.gradeC td.sorting_3 {background-color: #d1d1ff;}
tr.even.gradeC td.sorting_1 {background-color: #d5d5ff;}
tr.even.gradeC td.sorting_2 {background-color: #e2e2ff;}
tr.even.gradeC td.sorting_3 {background-color: #e2e2ff;}
tr.odd.gradeX td.sorting_1 {background-color: #ffc4c4;}
tr.odd.gradeX td.sorting_2 {background-color: #ffd1d1;}
tr.odd.gradeX td.sorting_3 {background-color: #ffd1d1;}
tr.even.gradeX td.sorting_1 {background-color: #ffd5d5;}
tr.even.gradeX td.sorting_2 {background-color: #ffe2e2;}
tr.even.gradeX td.sorting_3 {background-color: #ffe2e2;}
tr.odd.gradeU td.sorting_1 {background-color: #c4c4c4;}
tr.odd.gradeU td.sorting_2 {background-color: #d1d1d1;}
tr.odd.gradeU td.sorting_3 {background-color: #d1d1d1;}
tr.even.gradeU td.sorting_1 {background-color: #d5d5d5;}
tr.even.gradeU td.sorting_2 {background-color: #e2e2e2;}
tr.even.gradeU td.sorting_3 {background-color: #e2e2e2;}

/* Row highlighting example */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {background-color: #ECFFB3;}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {background-color: #E6FF99;}

/*  KeyTable */
table.KeyTable td {border: 3px solid transparent;}
table.KeyTable td.focus {border: 3px solid #3366FF;}
table.display tr.gradeA {background-color: #eeffee;}
table.display tr.gradeC {background-color: #ddddff;}
table.display tr.gradeX {background-color: #ffdddd;}
table.display tr.gradeU {background-color: #ddd;}
div.box {height: 100px;	padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF;}


/*----- Open All/Close All Buttons -----*/
button.openAll {background-position: -1px -70px; height: 19px; width: 60px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 3px;}
button.openAll:hover {background-position: -1px -90px;}
button.closeAll {background-position: -63px -70px; height: 19px; width: 60px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 15px;}
button.closeAll:hover {background-position: -63px -90px;}

/* Cancel Button */
button.cancel {background-position: -1px -190px; height: 19px; width: 60px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;}
button.cancel:hover {background-position: -1px -210px;}

/* Clear All Button */
button.clearAll {background-position: -63px -190px; height: 19px; width: 60px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;}
button.clearAll:hover {background-position: -63px -210px;}

/* Save Changes Button */
button.saveChanges {border-color: #4986FF; color: #4986FF;}


/*------- Inventory & Inventory Adjust Pages ---------*/
div.adjust {padding-top: 2px;}
body.inventory div#searchFilters input.datepicker {width: 10ex; font-size: 11px; height: inherit;}
div#editLot label {display: block;}

/* Adjust Inventory Button */
button.adjustInv {background-position: -1px -110px; height: 19px; width: 102px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;}
button.adjustInv:hover {background-position: -1px -130px;}


/* Save Inventory Adjustment Button */
button.saveAdjust {background-position: -95px 0px; height: 21px; width: 104px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px; margin-top: -1px;}
button.saveAdjust:hover {background-position: -95px -22px;}

/*------ Inventory Table & Inventory Adjust Table------*/
table#inventoryTable tr {padding: 0px;}
table#inventoryTable td.parLevel {text-align: center;}
table#inventoryTable td.qtyOnHand {text-align: center;}

table#inventoryTable td.below {color: red; font-weight: bold;}
table#inventoryTable td.qtyOnHand.above {color: #78A404;}

table#inventoryTable tbody tr.odd, table#inventoryTable tbody tr.even {cursor: pointer;}
table#inventoryTable tbody tr:hover {background-color: #FFFFE9;}
table#inventoryTable div.moreInfo div.warnings {margin: 5px 0px 0px 26px; }
table#inventoryTable div.moreInfo div.warnings span.autoOrderOff em {width: 21px; height: 18px; background-position: -47px -1px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 10px; float: left;}
table#inventoryTable div.moreInfo div.warnings span.autoOrderOff {border: 1px solid #FFB600; line-height: 18px; display: block; padding: 3px; background-color: white; width: 150px; float: left; margin-right: 10px;}
table#inventoryTable div.moreInfo div.warnings span.parZero {border: 1px solid #FFB600; line-height: 18px; display: block; padding: 3px; background-color: white; width: 170px; float: left;}
table#inventoryTable div.moreInfo div.warnings span.parZero em {width: 21px; height: 18px; background-position: -47px -1px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-right: 10px; float: left;}

/* Additional Information - Both tables */
table#inventoryTable div.moreInfo span.label {color: #999999; font-size: .75em; display: block;}
table#inventoryTable div.moreInfo a.addLot {font-size: .85em;}
table#inventoryTable div.moreInfo span.orderStatus {float: right; font-weight: bold; text-align: center; width: 80px; margin-right: 13px;}
table#inventoryTable div.moreInfo span.orderStatus span.placed {color: #78A404;}
table#inventoryTable div.moreInfo span.orderStatus span.notSet {color: #FFB600;}
table#inventoryTable div.moreInfo span.orderStatus span.pending {color: #00CCFF;}
table#inventoryTable div.moreInfo span.orderStatus span.moqZero {color: #CC0000;}
table#inventoryTable div.moreInfo span.orderStatus span.packCountZero {color: #CC0000;}
table#inventoryTable div.moreInfo div.data {width: 820px; }
table#inventoryTable div.moreInfo span.customNo {word-wrap: break-word; padding-right: 10px;}

/*
table.display#inventoryTable .expandIcon {width: 20px;}
table.display#inventoryTable .productNo {width: 100px;}
table.display#inventoryTable .description {}
table.display#inventoryTable .location {width: 165px;}
table.display#inventoryTable .parLevel {width: 90px;}*/

/* table.display#inventoryTable .orderStatus {width: 100px;} */


/* Invtentory Maintenance Table */
table.inventoryMaint .productNo {width: 100px;}
table.inventoryMaint .location {width: 165px; word-wrap: break-word;}
table.inventoryMaint .binNo {width: 50px;}
table.inventoryMaint .qtyOnHand {width: 90px;}
table.inventoryMaint .calculatedQty {width: 90px;}
table.inventoryMaint .parLevel {width: 90px;}
table.inventoryMaint .difference {width: 75px;}
table.inventoryMaint .status {width: 100px;}
table.display.inventoryMaint div.moreInfo div.row1 {width: 100px; padding: 0 3px 0 4px; margin-left: 26px; float: left;}
table.display.inventoryMaint div.moreInfo div.row2 {width: 330px; padding: 0 3px; float: left;}
table.display.inventoryMaint div.moreInfo.adjusting div.row2 {width: 158px;}
table.display.inventoryMaint div.moreInfo div.row3 {width: 78px; padding: 0 3px; float: left;}
table.display.inventoryMaint div.moreInfo div.row4 {width: 135px; padding: 0 3px 0 4px; float: left; text-align: right;}
table.display.inventoryMaint div.moreInfo.adjusting div.row4 span.lots.label {line-height: inherit;}
table.display.inventoryMaint div.moreInfo.adjusting div.row4 span.lots {line-height: 24px;}
table.display.inventoryMaint div.moreInfo.adjusting div.row4 {width: 130px; }
table.display.inventoryMaint div.moreInfo.adjusting div.row5 span.lotExpire.label {line-height: inherit;}
table.display.inventoryMaint div.moreInfo.adjusting div.row5 span.lotExpire {line-height: 24px;}
table.display.inventoryMaint div.moreInfo div.row5 {width: 90px; min-width: 80px; padding: 0 3px 0 4px; float: left; text-align: center;}
table.display.inventoryMaint div.moreInfo.adjusting div.row6 span.lotQty.label {line-height: inherit;}
table.display.inventoryMaint div.moreInfo.adjusting div.row6 span.lotQty {line-height: 24px;}
table.display.inventoryMaint div.moreInfo div.row6 {width: 90px; min-width: 80px; padding: 0 3px 0 4px; float: left; text-align: center;}
table.inventoryMaint div.moreInfo.adjusting div.row4 {width: 130px; }
table.inventoryMaint div.moreInfo.adjusting div.row4 span.lots.label {line-height: inherit;}
table.inventoryMaint div.moreInfo.adjusting div.row4 span.lots span.lotNumber {line-height: 24px;}
table.inventoryMaint div.moreInfo div.row4 span.lots span.lotNumber {display: block; line-height: 18px;}
table.inventoryMaint div.moreInfo div.row5 span.lotExpire span.expDate {display: block; line-height: 18px;}
table.inventoryMaint div.moreInfo.adjusting div.row5 span.lotExpire.label {line-height: inherit;}
table.inventoryMaint div.moreInfo.adjusting div.row5 span.lotExpire span.expDate {line-height: 24px;}
table.inventoryMaint div.moreInfo.adjusting div.row6 span.lotQty.label {line-height: inherit;}
table.inventoryMaint div.moreInfo div.row6 span.lotQty span.lotQtyAmt {display: block; line-height: 18px;}
table.inventoryMaint div.moreInfo.adjusting div.row6 span.lotQty span.lotQtyAmt {line-height: 24px;}
table.inventoryMaint div.moreInfo div.row7 {width: 90px; padding-left: 2px; float: left; text-align: center;}
table.inventoryMaint div.moreInfo div.row10 {float: left; width: 90px;}
table.inventoryMaint div.moreInfo div.row10 input {width: 90%; text-align: center; margin-bottom: 1px; height: 15px;}
table.inventoryMaint .calculatedQty input {width: 90%; text-align: center; margin-bottom: 0px;}
table.inventoryMaint div.moreInfo div.row4 span.lots span.lotNumber {display: block; min-height: 15px;}
table.inventoryMaint div.moreInfo span.lotExpire span.expDate, table.inventoryMaint div.moreInfo span.lotQty span.lotQtyAmt {display: block;}
table.display.inventoryMaint td.qtyOnHand span.scansPending {background-position: -164px -50px; height: 10px; width: 9px; background-image: url(/images/common/controlsIcons1.png); display: inline-block; margin-left: 3px;}
table.display.inventoryMaint td.qtyOnHand em {display: inline-block; width: 12px;}
table.display.inventoryMaint .qtyOnHand {border-right: 0px;}
table.display.inventoryMaint .hiddenColumn {width: 0px; padding: 0px; background: none; border: none;}
div.moreInfo button.orderMore {background-position: -125px -70px; height: 19px; width: 72px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;}
div.moreInfo button.orderMore:hover {background-position: -125px -90px;}
table#inventoryTable td.expandIcon {cursor: pointer; text-align: center;}
table#inventoryTable td.details {padding: 0px 0px 5px 0px;}
div.moreInfo button.approveOrder {background-position: -1px -230px; height: 19px; width: 57px; background-image: url(/images/common/controlsIcons1.png); display: block; margin-left: auto; margin-right: auto; margin-top: 2px;}
div.moreInfo button.approveOrder:hover {background-position: -1px -250px;}
table.inventoryMaint .newQty, table.inventoryMaint .calculatedQty, table.inventoryMaint .qtyOnHand, table.inventoryMaint .parLevel, table.inventoryMaint .difference {text-align: center;}
#inventoryTable_wrapper button.cancelAdjust {margin-right: 5px;}
table.inventoryMaint a.wasteInventory {margin: 0px 0px 5px 26px; }
body.inventory div.editLotBox div.editing .ui-autocomplete-input {background: none; padding: 3px; width: 90%}

body.inventory table#wasteTable tbody {font-size: 14px;}
body.inventory table#wasteTable tbody td {vertical-align: middle; padding: 3px 5px;}
body.inventory div#wasteItemOverlay td.wasteAmount input {margin-bottom: 0px; width: 75px; text-align: center; }
body.inventory #wasteTable .qtyOnHand, body.inventory #wasteTable .wasteAmount, body.inventory #wasteTable .newQty, body.inventory #wasteTable .lotExpDate  {text-align: center;}
body.inventory #wasteTable thead th {font-size: 13px; color: #656565; font-weight: normal; padding: 0px 5px 2px 5px;}
body.inventory #wasteTable thead tr {padding: 0px 3px;}

/*
body.inventory div#wasteItemOverlay label {display: block;}
body.inventory div#wasteItemOverlay div.qtyOnHand, body.inventory div#wasteItemOverlay div.wasteAmount, body.inventory div#wasteItemOverlay div.newQty {width: 125px; float: left; text-align: center;}
body.inventory div#wasteItemOverlay span {font-size: 16px;}
body.inventory div#wasteItemOverlay div.wasteInfo input.text {font-family: Helvetica, Arial, sans-serif !important; text-align: center; font-size: 16px; height: 18px; font-weight: bold; margin-bottom: 3px; }
body.inventory div#wasteItemOverlay span {height: 26px; line-height: 26px; display: block; margin-bottom: 3px;}

body.inventory div#wasteItemOverlay div.lotExpDate, body.inventory div#wasteItemOverlay div.lotQty, body.inventory div#wasteItemOverlay div.lotWasteAmount, body.inventory div#wasteItemOverlay div.lotNewQty {width: 125px; float: left; text-align: center;}
body.inventory div#wasteItemOverlay div.lotName {min-width: 125px; max-width: 150px; float: left; text-align: center;}
body.inventory div#wasteItemOverlay div.lotName span.lots span.lotNumber, body.inventory div#wasteItemOverlay div.lotExpDate span.lotExpire span, body.inventory div#wasteItemOverlay div.lotQty span.qtys span, body.inventory div#wasteItemOverlay div.lotWasteAmount span.wasteAmount span, body.inventory div#wasteItemOverlay div.lotNewQty span.newQty span {display: block; height: 26px; line-height: 26px; margin-bottom: 3px;}
*/



/* Inventory Adjust Table */
table.display.inventoryAdjust th.difference, table.display.inventoryAdjust td.difference {text-align: center;}
table.display.inventoryAdjust th.newQtyOnHand, table.display.inventoryAdjust td.newQtyOnHand {text-align: center;}
table.display.inventoryAdjust td.newQtyOnHand input.text {padding: 1px; margin-bottom: 0px; font-size: .9em; text-align: center; width: 95%;}
table.display.inventoryAdjust span.lotQty input.text {padding: 1px; margin-bottom: 0px; font-size: .9em; text-align: center; width: 95%; margin-bottom: 1px;}
table.display.inventoryAdjust span.bin.label, table.display.inventoryAdjust span.lots.label, table.display.inventoryAdjust span.lotExpire.label, table.display.inventoryAdjust span.lotQty.label, table.display.inventoryAdjust span.vendor.label, table.display.inventoryAdjust span.customNo.label, table.display.inventoryAdjust span.currentQty.label {line-height: 12px;}
table.display.inventoryAdjust span.bin, table.display.inventoryAdjust span.lots, table.display.inventoryAdjust span.lotExpire, table.display.inventoryAdjust span.lotQty, table.display.inventoryAdjust span.vendor, table.display.inventoryAdjust span.customNo, table.display.inventoryAdjust span.currentQty  {line-height: 19px;}
table.display.inventoryAdjust div.moreInfo div.row1 {width: 100px; padding: 0 3px 0 4px; margin-left: 26px; float: left;}
table.display.inventoryAdjust div.moreInfo div.row2 {width: 266px; padding: 0 3px; float: left;}
table.display.inventoryAdjust div.moreInfo div.row3 {width: 70px; padding: 0 3px; float: left;}
table.display.inventoryAdjust div.moreInfo div.row4 {width: 116px; padding: 0 3px; float: left;}
table.display.inventoryAdjust div.moreInfo div.row5 {width: 92px; padding: 0 3px; float: left; text-align: center;}
table.display.inventoryAdjust div.moreInfo div.row6 {width: 92px; padding: 0 3px; float: left; text-align: center;}
table.display.inventoryAdjust div.moreInfo div.row7 {width: 75px; padding: 0 3px; float: left; text-align: center;}
table.display.inventoryAdjust div.moreInfo div.warnings {margin-left: 156px; }
table.display.inventoryAdjust th.difference {width: 76px;}
table.display.inventoryAdjust .location {border-right: 0px;}
table.display.inventoryAdjust .hiddenColumn {width: 0px; padding: 0px; background: none; border: none;}



/*------- Par Admin Page --------*/

/* Par Table Buttons */
div.adjust button.labels {background-position: -125px -110px; height: 19px; width: 52px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 2px;}
div.adjust button.labels:hover {background-position: -125px -130px;}
div.adjust button.delete { background-position: -66px -150px; height: 19px; width: 52px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 5px;}
div.adjust button.delete:hover {background-position: -66px -170px;}
div.adjust button.selectAll { background-position: -1px -150px; height: 19px; width: 64px; background-image: url(/images/common/controlsIcons1.png); display: block; float: right; margin-right: 5px;}
div.adjust button.save {
	border: 1px solid #4986FF;
	background: #4986FF;
	color: #FFFFFF;

}
div.adjust button.save:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2643D6), to(#4986FF));
	background-image: -webkit-linear-gradient(bottom, #2643D6, #4986FF);
	background-image:    -moz-linear-gradient(bottom, #2643D6, #4986FF);
	background-image:     -ms-linear-gradient(bottom, #2643D6, #4986FF);
	background-image:      -o-linear-gradient(bottom, #2643D6, #4986FF);
}
div.adjust button.selectAll:hover {background-position: -1px -170px;}
button.testItem {background-position: -120px -150px; height: 19px; width: 64px; background-image: url(/images/common/controlsIcons1.png); display: block; float: left; margin-bottom: 5px; }
button.testItem:hover {background-position: -120px -170px;}
.ui-dialog div#paroverlay p {margin-left: 0px;}
div#massDelete div#deleteMessage {font-size: 14px;}
div#massDelete div#deleteMessage em {font-weight: bold; color: #CC0000; font-style: normal;}

/* Par Admin Table */
#parTable th.parLevel, #parTable td.parLevel {width: 95px; text-align: center;}
/* #parTable th.description {width: 250px;} */
#parTable th.productNo {width: 100px;}
/* #parTable th.selectItem {width: 60px;} */
/* #parTable th.usageUom {width: 150px;} */
table#parTable td.parLevel input.textSmall {margin-bottom: 0px;}
table#parTable td.usageUOM select.selectSmall {margin-bottom: 0px;}
table#parTable td.selectItem {text-align: center; }
table#parTable th.selectItem {text-align: center; padding: 3px 3px 1px 3px; width: 30px;}
table#parTable div.moreInfo div.row1 {width: 100px; padding: 0 3px; margin-left: 26px; float: left;}
table#parTable div.moreInfo div.row2 {width: 300px; padding: 0 3px; float: left; padding-left: 3px;}
table#parTable div.moreInfo div.row3 {width: 150px; float: left; padding-left: 3px;}
table#parTable div.moreInfo div.row4 { float: left; padding-left: 3px; background-color: white; margin-top: 5px; width: 275px; padding: 5px; border: 1px solid #CCCCCC; margin-bottom: 7px; margin-left: 6px;}
table#parTable div.moreInfo div.row4 div.columnLeft50 button.jtButtonSmaller {margin-bottom: 5px;}
table#parTable div.moreInfo span.label {color: #999999; font-size: .75em; display: block; clear: both; margin-top: 3px;}
table#parTable td.details {padding-top: 0px;}
table#parTable td.details input.text {font-size: .85em; margin-bottom: 5px; width: 92%; padding: 2px;}
table#parTable td.details select.select {font-size: .85em; margin-bottom: 5px; width: 92%; padding: 2px;}
table.display td.details {border-bottom: 1px solid #CCCCCC;}
table#parTable td.details div.moreInfo span.autoOrder {margin-top: 7px; line-height: 16px;}
table#parTable td.details div.moreInfo span.autoOrder input {margin-right: 5px;}
table#parTable tbody td.usageUom select {font-size: .85em; margin-bottom: 0px; padding: 0px;}
table#parTable tbody td.details div.moreInfo select {font-size: .85em; padding: 0px;}
table#parTable tbody td.details div.moreInfo div.columnRight50 select {margin-bottom: 5px;}
table#parTable tbody tr.odd, table#parTable tbody tr.even {cursor: pointer;}
table#parTable tbody tr:hover {background-color: #FFFFE9;}
table#parTable tbody td.details div.row3 span.custom1, table#parTable tbody td.details div.row3 span.custom2, table#parTable tbody td.details div.row3 span.custom3 {display: block;}
body.parAdmin .productPhoto{ width:50px; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; }
body.parAdmin .productPhoto:hover{ width: 250px; }
body.parAdmin #parTable_wrapper .adjust { margin: 2px 0px 0px 0px; padding: 0px; float: right;}
body.parAdmin #parTable_wrapper .adjust label {font-weight: normal; padding: 0px; margin-top: 1px;}
body.parAdmin #parTable_wrapper .adjust select {padding: 0px; margin: 1px 15px 0px 0px; font-size: 12px;}
body.parAdmin div.ui-dialog div.multiedit input.text {width: 90%;}
body.parAdmin div.ui-dialog div.multiedit div.adjust select {margin-bottom: 15px;}
body.parAdmin div.moreInfo div.added_features label {padding-left: 3px;}

/* ------ Unknown Scans Report ------ */
table#unknownScans td.numberScans {width: 80px;}
table#unknownScans tbody td.numberScans {text-align: center;}

#reportsMain ul li {}
#reportsBody h1{line-height: 2em; }

/* ------ Scanner Usage by Device Report ------ */
table#scannerUsageByDevice td.company {width: 35%;}
table#scannerUsageByDevice td.userName {width: 15%;}

/* ------ Current Inventory Report ------ */
table#currentInventory .productNo {width: 100px;  }
table#currentInventory .customProductNo {width: 75px;  }
table#currentInventory .reorderType {width: 100px;}
table#currentInventory .location {width: 100px;}
table#currentInventory .vendor {width: 100px;}
table#currentInventory .binNo {width: 75px;  }
table#currentInventory tbody .qty {width: 50px; text-align: center;}
table#currentInventory tbody .extPrice {width: 75px; text-align: right;}
table#currentInventory tbody td.description {width: 150px; }

/*----- Wasted Inventory Overview Report ------*/
table#wastedInventoryOverview tbody .extPrice { text-align: right;}
table#wastedInventoryOverview tbody .qtyWasted {text-align: center;}
table#wastedInventoryOverview tfoot {text-align: right; background-color: #FFFFE0; }
table#wastedInventoryOverview tfoot .totalQTY { margin-right: 15px;}
table#wastedInventoryOverview tfoot #displayTotal span em {color: #009900; font-style: normal; font-size: 24px;}
table#wastedInventoryOverview tbody td.name {max-width: 175px; }

/*----- Wasted Inventory Detail Report -------*/
table#wastedInventoryDetail tbody .extPrice { text-align: right;}
table#wastedInventoryDetail tbody .qtyWasted, table#wastedInventoryDetail tbody .dateWasted {text-align: center;}
table#wastedInventoryDetail tfoot {text-align: right; background-color: #FFFFE0; }
table#wastedInventoryDetail tfoot .totalQTY { margin-right: 15px;}
table#wastedInventoryDetail tfoot #displayTotal span em {color: #009900; font-style: normal; font-size: 24px;}
table#wastedInventoryDetail tbody td.name {max-width: 175px; }

/* ------ Kit Inventory Report ------ */
table#kitInventory tbody td.headerRow span em { font-weight: bold; font-size: 14px; font-style: normal; }
table#kitInventory tbody td.headerRow span {margin-right: 15px;}
table#kitInventory tbody td.headerRow span.headerKitQty {float: right;}
table#kitInventory tbody td.headerRow span.headerKitQty {margin-right: 10px;}
table#kitInventory tbody .currentInventory, table#kitInventory tbody .qtyRequired, table#kitInventory tbody .parLevel {text-align: center;}
/* table#kitInventory tbody tr td.headerRow { border-right: 2px solid #A5EBFF; border-left: 2px solid #A5EBFF; } */
table#kitInventory tbody tr { border-color: #A5EBFF; border-style: solid; border-width: 0px 2px; }
table#kitInventory tbody tr.footer-spacer { height: 20px; border-width: 2px 0px 0px 0px;}
table#kitInventory tbody td.description {max-width: 175px; }
table#kitInventory tbody tr.blankRow {border-width: 0px;}


/* ------ User Summary Report ------ */
table#lastScanASPportal td {padding: 3px;}

/* ------ Last Scanned Dealer Portal ------ */
table#lastscan_dealersPortal {}
#lastscan_dealersPortal tr a:hover {text-decoration: underline;}
#lastscan_dealersPortal td {padding: 3px;}

/* ------ Cardinal Compliance Report ------ */
div#cardComplianceKey p {margin-bottom: 0px;}
div#cardComplianceKey p span {padding-left: 3px; padding-top: 2px; padding-right: 15px; float: left;}
div#cardComplianceKey p img {float: left;}
div#cardComplianceContent {overflow-x: auto; position: relative; width: 100%;}
table#cardinalComplianceReport tbody {font-size: 0.85em;}

/* ------ Line of Business ------ */
table#lineOfBusiness td.qty {width: 50px;}
table#lineOfBusiness td.business {min-width: 75px}
table#lineOfBusiness tbody td.qty {text-align: center;}

/* ------ Export Button ------ */
a.exportButton {background-position: 0px 0px; background-image: url(../images/common/export_button2.png); background-repeat: no-repeat; position: absolute; right: 6px; width: 62px; height: 19px;}
a.exportButton:hover {background-position: 0px -20px;}

/* ------ Print Button ------ */
a.printButton {background-position: -271px -70px; background-image: url(/images/common/controlsIcons1.png); background-repeat: no-repeat; position: absolute; right: 74px; width: 62px; height: 19px;}
a.printButton:hover {background-position: -271px -90px;}

/* ------ Email Button ------ */
a.emailButton {background-position: -271px -110px; background-image: url(/images/common/controlsIcons1.png); background-repeat: no-repeat; position: absolute; right: 74px; width: 62px; height: 19px;}
a.emailButton:hover {background-position: -271px -130px;}

/*---- Old Pageing Links -----*/
span.pagelinks a#previous {margin-right: 15px;}

/*---- Historical Inventory Report ----*/
table#historicalInventory tbody td.name {max-width: 175px; }

/* Inventory Turns Report -- JumpStock */
body.inventoryTurnsReport div.reportSettings select.selectFull {width: 275px;}

/* ---- Inventory Valuations Report -- JumpStock ----- */
body.inventoryValuations div.reportSettings select.selectFull {width: 275px;}

/* IMS Orders By Location */
table#clientOrdersLocation td.subtotalbox {}

/* Par Audit Report */
div.column_select {font-weight: normal; color: #555555; font-size: 1em;}
div.column_select select#columnSelect {margin-bottom: 0px;}
div#parAuditSettings p {margin-bottom: 0px;}
table#parAuditTable tbody td.data {text-align: center;}
table#parAuditTable tbody td.group span.info {float: left; display: block; margin-right: 15px;}
#parAuditTable .dec {color:red;}
div#parAuditTable_wrapper div.adjust {float:right; margin-right:5px; }
div.exportOptions {float: right; margin: 4px 5px 0px 0px;}
div.reportExportOptions {color: #555555; font-weight: normal;}
div.exportOptions a {font-weight: bold; color: #4986FF;}

/*---- Inventory Audit Detail Report ----*/
table.inventoryAuditDetail td.group span.hProductNumber, table.inventoryAuditDetail td.group span.hProductName, table.inventoryAuditDetail td.group span.hVendor {margin-right: 15px;}
table.inventoryAuditDetail td.group span.hProductNumber em, table.inventoryAuditDetail td.group span.hProductName em, table.inventoryAuditDetail td.group span.hVendor em {font-style: normal; font-weight: bold; font-size: 14px;}

/*---- Usage By Consumer Report -----*/
table#usageByConsumer td.quantity {text-align: center;}
table#usageByConsumer tbody td.price, table#usageByConsumer tr.rowSubTotal td.subtotalbox, table#usageByConsumer tr.rowTotal td.grandtotalbox   {text-align: right;}
table#usageByConsumer td.headerRow span em {font-size: 14px; font-style: normal; font-weight: bold;}
table#usageByConsumer td.headerRow span.hSubTotal {float: right;}
table#usageByConsumer tbody tr.footer-spacer {height: 20px; border-top: 2px solid #A5EBFF; }
table#usageByConsumer tbody tr.odd, table#usageByConsumer tr.even {border-right: 2px solid #6FE0FF; border-left: 2px solid #A5EBFF;}
table#usageByConsumer tbody tr.blankRow {border-width: 0px;}
table#usageByConsumer tbody tr td.headerRow {border-right: 2px solid #A5EBFF; border-left: 2px solid #A5EBFF;}
table#usageByConsumer tfoot {text-align: right; background-color: #FFFFE0; }
table#usageByConsumer tfoot #displayTotal span {color: #009900;}
table#usageByConsumer tfoot #displayTotal span em {font-style: normal; font-size: 24px;}
table#usageByConsumer tbody td.itemName {max-width: 150px; }
table#usageByConsumer .quantity {width: 50px;}

/*---- Usage By Location Report ----*/
table#usageByLocation tbody td.headerRow span.hSubTotal {float: right;}
table#usageByLocation tbody td.headerRow span.hUser em, table#usageByLocation tbody td.headerRow span.hLocation em, table#usageByLocation tbody td.headerRow span.hConsumerCode em, table#usageByLocation tbody td.headerRow span.hSubTotal em {font-weight: bold; font-size: 14px; font-style: normal; }
table#usageByLocation tbody td.headerRow span.hUser em, table#usageByLocation tbody td.headerRow span.hLocation em, table#usageByLocation tbody td.headerRow span.hConsumerCode em {margin-right: 15px;}
table#usageByLocation tbody tr.footer-spacer {height: 20px;}
/* body.usageByLocationReport #displayTotal span.total em {font-style: normal; font-size: 20px; } */
table#usageByLocation tbody tr td.price {text-align: right;}
table#usageByLocation tbody tr td.quantity {text-align: center;}
table#usageByLocation tfoot {text-align: right; background-color: #FFFFE0; }
table#usageByLocation tfoot #displayTotal span {color: #009900;}
table#usageByLocation tfoot #displayTotal span em {font-style: normal; font-size: 24px;}
table#usageByLocation tbody tr.odd, table#usageByLocation tr.even {border-right: 2px solid #A5EBFF; border-left: 2px solid #A5EBFF;}
table#usageByLocation tbody tr td.headerRow {border-right: 2px solid #A5EBFF; border-left: 2px solid #A5EBFF;}
table#usageByLocation tbody tr.blankRow {border-width: 0px;}
table#usageByLocation tbody tr.footer-spacer {height: 20px; border-top: 2px solid #A5EBFF; }
table#usageByLocation tbody td.itemName {max-width: 150px;}

/*---- Order History Report ------*/
table#orderHistory tbody tr {border-color: #A5EBFF; border-style: solid; border-width: 0px 2px;}
table#orderHistory tbody tr.blankRow {border-width: 0px;}
table#orderHistory tbody td.qty, table#orderHistory tbody td.UOM {text-align: center;}
table#orderHistory tbody td.extPrice, table#orderHistory tbody td.price {text-align: right;}
table#orderHistory td.headerRow span {float: left; display: block; margin: 0px 15px 0px 0px; max-width: 120px;}
table#orderHistory td.headerRow label {display: block;}
table#orderHistory td.headerRow span em {font-style: normal; font-weight: bold;}
table#orderHistory td.headerRow button span {margin: 0px;}
table#orderHistory td.headerRow button.viewReceipts {margin-right: 10px;}
table#orderHistory td.headerRow button.copyOrder {margin-right: 5px;}
table#orderHistory td.headerRow button {padding: 0px 5px; float: right; height: 18px; line-height: 18px;}
table#orderHistory td.headerRow button span {font-weight: normal; font-size: 11px; height: 16px; line-height: 18px;}
table#orderHistory tfoot {text-align: right; background-color: #FFFFE0;}
table#orderHistory tfoot #displayTotal span em {font-style: normal; font-size: 24px; color: #009900}
table#orderHistory tfoot span.totalQTY {margin-right: 15px;}
table#orderHistory td.footerRow {margin-bottom: 20px; background-color: #E6F0F2; border-color: #A5EBFF; border-style: solid; border-width: 0px 2px 2px 2px; text-align: right;}
table#orderHistory td.footerRow span.groupTotalQTY em, table#orderHistory td.footerRow span.groupTotalPrice em {font-size: 14px; font-weight: bold; font-style: normal;}
table#orderHistory td.footerRow .groupTotalQTY {margin-right: 10px;}
table#orderHistory tbody tr.footer-spacer {height: 20px; border-color: #A5EBFF; border-width: 2px 0px 0px 0px; border-style: solid; }
table#orderHistory tbody td.description { max-width: 150px;}

/*---- Par Level Export report --------*/
table#parLevelExport tbody td.description {max-width: 175px; }

/*---- Par Receipt History report -----*/
table.parReceiptHistory td.description {max-width: 175px; }

/*---- 2Bin Stockouts Report -----*/
table#kanbanStockOuts .itemNo {width: 100px;}
table#kanbanStockOuts .location {width: 100px;}
table#kanbanStockOuts .vendor {width: 125px;}
table#kanbanStockOuts .stockOut {width: 100px;}
table#kanbanStockOuts .refill {width: 75px;}
table#kanbanStockOuts tbody .days {width: 50px; text-align: center;}
table#kanbanStockOuts tbody td.description {max-width: 175px; }

/*---- 2Bin Days of Supply by Location Report ----*/
table.twoBinDaysOfSupplyLocation tbody .items, table.twoBinDaysOfSupplyLocation tbody .actualScans, table.twoBinDaysOfSupplyLocation tbody .targetScans, table.twoBinDaysOfSupplyLocation tbody .scanPercent, table.twoBinDaysOfSupplyLocation tbody .stockOuts, table.twoBinDaysOfSupplyLocation tbody .possibleStockOuts, table.twoBinDaysOfSupplyLocation tbody .stockOutPercent {text-align: center;}
table#twoBinDaysOfSupply tbody td {font-size: 14px;}
table#twoBinDaysOfSupply tbody td.location {max-width: 175px; }

/*---- 2Bin Days of Supply by Item Report ----*/
.aboveThreshold {color: #CD0A0A;}
.withinThreshold {color: #78A404;}
.belowThreshold {color: #FFB600;}
body.kanbanSupplyByItem .infoBox .aboveThreshold, body.kanbanSupplyByItem .infoBox .withinThreshold, body.kanbanSupplyByItem .infoBox .belowThreshold {width: 20px; height: 20px; display: block; float: left; margin-right: 5px;}
body.kanbanSupplyByItem .infoBox .aboveThreshold {background-color: #CD0A0A;}
body.kanbanSupplyByItem .infoBox .withinThreshold {background-color: #78A404;}
body.kanbanSupplyByItem .infoBox .belowThreshold {background-color: #FFB600;}
body.kanbanSupplyByItem .infoBox p {padding: 5px 15px; line-height: 20px; margin: 0px;}
body.kanbanSupplyByItem .infoBox p:last-child {padding-bottom: 10px;}
body.kanbanSupplyByItem #twoBinDaysOfSupply_wrapper .exceptionThreshold {float: left; margin-left: 25px;}
body.kanbanSupplyByItem #twoBinDaysOfSupply_wrapper .exceptionThreshold label {margin-right: 5px; font-weight: normal; font-size: 1em;}
table.twoBinDaysOfSupplyItem tbody .stockOuts, table.twoBinDaysOfSupplyItem tbody .actualScans, table.twoBinDaysOfSupplyItem tbody .scanTarget, table.twoBinDaysOfSupplyItem tbody .avgUnitsDay, table.twoBinDaysOfSupplyItem tbody .currentReorderQty, table.twoBinDaysOfSupplyItem tbody .recReorderQty {text-align: center;}
table.twoBinDaysOfSupplyItem .actualScans {font-weight: bold;}
table#twoBinDaysOfSupply tbody td.itemName {max-width: 175px;}
body.kanbanSupplyByItem div.legend {float: left; }
body.kanbanSupplyByItem div.reportSettings {float: left;}

/* Kanban Velocity Report */
table#kanbanVelocity tbody .numBins, table#kanbanVelocity tbody .unitsOrdered, table#kanbanVelocity tbody .unitsPerDay, table#kanbanVelocity tbody .supplyDays, table#kanbanVelocity tbody .safetyDays, table#kanbanVelocity tbody .suggestedRoq {text-align: center;}
table#kanbanVelocity .suggestedRoq {width: 75px;}
table#kanbanVelocity tbody .suggestedRoq {font-weight: bold; font-size: 16px;}
table#kanbanVelocity tbody td.description {max-width: 175px; }

/*---- Current Lots Report -----*/
table#currentLots tbody .currentInventory, table#currentLots tbody .expirationDate {text-align: center;}
table#currentLots td.lotNo {max-width: 100px; }

/*---- Lot Audit Report -----*/
body.lotAuditReport p.changeType label {display: block;}

/*------------------------------------- End of JumpTech Reports CSS ---------------------------------------*/
/* ------------------------------------------------------------------------------------------------------- */

button.button-primary,
div.button-primary {
  display: block;
  margin: 0 auto;
  border-radius: 0;
  color: white;
  background-image: none;
  background-color: #4a86ff;
}

button.button-primary.remove,
div.button-primary.remove {
    display: none;
}

button.button-primary:hover,
div.button-primary:hover {
  color: white;
  background-image: none;
  background-color: #66bfff;
  text-shadow: none;
}

button.button-primary.ui-state-disabled:hover,
div.button-primary.ui-state-disabled:hover {
  color: white;
  background-image: none;
  background-color: #66bfff;
  text-shadow: none;
}

.word-break {
  -ms-word-break:   break-all;

  word-break:       break-word;
  word-wrap:        break-word;

  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
}