/*  CSS Document  */

/* Begin Typography & Colors */

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Sans-Serif;
		background: #939393 url(../images/body-bg.jpg) top center repeat-x;
	    color: #333;
    margin:0;
    padding:0;
    font-size:12px;
    min-width: 900px;  
    }

body.login{

		background: #000000 url(../images/login-bg-source.png) top left no-repeat !important;
	                       
}

p{font-size: 12px;}

small {
    font-family: Arial, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1, h2, h3 {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #333;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

.search_bar a, .search_bar a:hover{ color:#fff !important;}

a {
    color: #039;
    text-decoration: none;
    }

#header a:hover {
    color: #FFF;
    /* text-decoration: underline; */
    }

a:focus{
    -moz-outline-style: none;
    }

a img{border:none;}

.white{color:#fff;}

/*  HEADER STYLES  */

#header{
    width:100%;
    height:55px;
    min-width: 665px;
    }

.top_title {
    float:left;
    height: 35px;
    xxwidth:35%;
    }

h1.company_name{
    color:#FFFFFF;
    font-size:21px;
    line-height: 35px;
    font-weight: normal;
    height:35px;
    margin:0;
    padding: 0;
    overflow: hidden;
}

.header_welcome{
    xxfloat: left;
    xwidth:200px;
    line-height: 35px;
    color:#FFF;
    white-space: nowrap;

    margin-top: -3px;

}

.search_bar{
    float:right;
    height:35px;
    font-size: 12px;
    }

.statuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.statusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.Item_search_fld {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    font-size:11px;
    }

#nav_wrapper{
    clear: both;
    height:20px;
    }

ul.navigation{
    list-style: none;
    margin:0;
    padding:0;
    }

ul.navigation li{
    display: block;
    float:left;
    margin: 3px 0 2px;
    border-right: 1px solid #999;
    padding: 0 4px;
    }
ul.navigation li.last{
    border-right: none;
    }

ul.navigation li a{
    color:#333;
    display: block;
    font-size:11px;
    line-height: 11px;
    margin:0 1px 1px;
    padding:0px 4px 1px;
    }

ul.navigation li a:hover{
    background: #bbb;
    border: solid 1px #999;
    text-decoration: none;
    color:#FFF;
    margin:  0;
    }

ul.navigation li a.active{
    background: #bbb;
    border: solid 1px #999;
    text-decoration: none;
    color:#FFF;
    margin:  0;
    }


/* SUB-HEADER STYLES */

#sub_header{
    padding: 0 0 0 5px;
    }

h2.module_name{
    color:#fff;
    text-transform: capitalize;
    margin:0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    }



/* CONTENT Styles  */

#content{
    width: 98%;
    margin: 13px auto;
    min-width: 665px;
}

.tab_content{
    background: #fff;
    }

/* root element for tabs  */
ul#main.tabs {
    height:20px;
    list-style:none outside none;
    margin:0 !important;
    padding:0;
}

/* single tab */
ul#main.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul#main.tabs a {
    background:none repeat scroll 0 0 #CCCCCC;
    color:#666;
    display:block;
    font-size:11px;
    margin:0 7px 0 0;
    padding:3px 15px;
    text-align:center;
    text-decoration:none;
    outline:none;
}

ul#main.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul#main.tabs a:hover {
    background:#666;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul#main.tabs a.current, ul#main.tabs a.current:hover, ul#main.tabs li.current a {
    background: #fff;
    cursor:default !important;
    color:#000 !important;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #main.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #main.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#tabs.ui-tabs .ui-tabs-nav li a, #tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabs.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px; background: #fff; }
#tabs.ui-tabs .ui-tabs-hide { display: none !important; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{background-color:#fff; color:#666;}



#overview{ background: #fff; }



/* root element for tabs  */
.buttons .tabs {
    list-style:none outside none;
    margin:0;
    padding:0;
    width: 50%;
    float:left;
}

/* single tab */
.buttons  .tabs li {
    text-indent:0;
    padding:0;
    width:200px;
    margin:0px auto 10px;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.buttons .tabs a {
    background:url("../images/button-bg.jpg") repeat scroll 0 0 #CCCCCC;
    color:#333;
    display:block;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    outline:none;
    width: 198px;
    border: solid 1px #333;
    line-height: 20px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.buttons .tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
.buttons .tabs a:hover {
    background:url("../images/button-hover.jpg") repeat scroll 0 0 #00FFFF;
    color:#333;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.buttons .tabs a.current, .buttons .tabs a.current:hover, .buttons .tabs li.current a {
    background: #fff;
    cursor:default !important;
    color:#000 !important;
}

.page-default{
    clear:both;
    background:#fff;
}

.page-new{
    clear:both;
    background:#fff;
    padding:10px;
    margin: 0;
    top: -1px;
}

#breadcrumbs{
    background:#fff;
    padding:5px;
    text-transform: capitalize;
}

#breadcrumbs a{
    color:#666;
    text-decoration:underline;
}


#breadcrumbs a{
    color:#666;
}

.list a{
    color:#333;
}

.list a:hover{
    text-decoration: underline;
}

/* accessRights */
.accessRights{ width: 600px; margin:0 auto; padding: 0 50px 0 0;}
.accessRights ul{float: left; list-style: none; color:#666; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.accessRights ul.left{ padding: 0;}
.accessRights ul.right{padding: 0 0 0 75px;}
.accessRights ul ul{float:none;}


/*  Small Tabs  */

ul.small_tabs{list-style:none;margin:4px 0 0 0;padding:0;}
ul.small_tabs li{float:left; width: 64px; height:20px; line-height:20px; margin: 0 6px 0 0; text-align:center; background: #ccc;}

ul.small_tabs li.active, ul.small_tabs li.active:hover{background: #fff;}
ul.small_tabs li a, ul.small_tabs li.active:hover a{color:#000;}

ul.small_tabs li:hover{background: #7e7e7e;}
ul.small_tabs li:hover a{color:#fff;}





/* EMPLOYEE LIST */

.employee_wrapper{
    min-width: 800px;
    padding:15px;
}

.employee{
    float:left;
    width: 16%;
    text-align: center;
}

.employee .name{
    height:45px;
}


a.link{
    color:#666;
}


a.showConn{
    color:#666;
}

/* BOOKMARKS DIV */

a:hover {
	cursor:pointer;
}

.divWhseOverview {
    width: 700px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    top: 100px;
    background-color: #FFFFFF;
}

.divBookmarks {
    display: none;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    border-style: solid;
    border-width: 1px;
    width: 900px;
    background-color: #FFFFFF;
    position: absolute;
    left:50%;
    margin-left: -450px;
    top:100px;
    z-index: 20;
}
.divBookmarksTitle {
    width: 100%;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    background-color: #C2C2C2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}
.divBookmarksClosebox {
    height: 35px;
    vertical-align: middle;
    background-color: #C2C2C2;
    float: right;
}
.divBookmarksHeadingsLeft {
    float: left;
    width: 33%;
    height: 22px;
    background-color: #EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.divBookmarksHeadingsCenter {
    float: left;
    width: 34%;
    height: 22px;
    background-color: #EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.divBookmarksHeadingsRight {
    float: left;
    width: 33%;
    height: 22px;
    background-color: #EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.tdBookmarksCheckbox {
    width:4%;
}
.tdBookmarksNumberData {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 10%;
}
.tdBookmarksNameData {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 86%;
}

/* ERROR STYLES */
.errorForm {
    background-color: #FFD2D2;
    border: 1px solid #FF0000;
    color: #FF0000;
    /* font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; */
}
.errorText {
    font-family: Arial, Helvetica, sans-serif;
    color: #CC0000;
    font-size: 12px;
}

.error, .error2  {
	color:#FF0000;
}

select.error2  {
	background-color: #FFC2C2;
}

/* PO ENTRY STYLES */
.podetailTable {
    cellpadding: 2;
    cellspacing: 0;
    border: 1px solid #000000;
    border-collapse: collapse;
    vertical-align: top;
}
.podetailTD {
    vertical-align: top;
    border: 1px solid #000000;
}
.podetailTitles {
    font-family: Arial, Helvetica, sans-serif;
    color: #222222;
    font-size: 11px;
    background-color: #EFEFEF;
}
.podetailTitles a:link {
    font-family: Arial, Helvetica, sans-serif;
    color: #0000AA;
    font-size: 11px;
    background-color: #EFEFEF;
    text-decoration: underline;
}
.podetailData {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    background-color: #FFFFFF;
}
.podetailUsage {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: #FFFFFF;
}
.podetailDataBold {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    background-color: #CCCCCC;
}
/* the div that holds the date picker calendar */
.dpDiv {
    }


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


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


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    }


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


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


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


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


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


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


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


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


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


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


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


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


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

/* added for field-level entry validation */
label.error, label.error2 {
	color: red;
	display: block;
	vertical-align: top;
}
input.error, input.error2, textarea.error, input.addressError, select.addressError {
	border: 1px solid #ff0000 !important;
	background-color: #ffc2c2 !important;
}
input {
    font-size:11px;
}

/* Styles of review order screen. */
tr.backordered {
	background-color: #FFC2C2;
}

tr.notBackordered {
	background-color: white;
}

td.moveWhse {
	background-color: white;
}

tr.whseNoAvail {
	display: none;
	color: #999999;
}

tr.whsePartialAvail {
	display: none;
	color: #666666;
}

tr.whseFullAvail {
	color: black;
}

.title_second{color:#666666;}

.available {
	position: relative;
}

.jqmWindow {
    display: none;

    position: absolute;
    right: -100px;
    top: 25px;
    width: 660px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.jqmWindowRelative {
    display: none;

    position: absolute;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
    box-shadow: 7px 7px 6px 5px #383838;
}

.divPayTraceTrans {
    display: none;

    position: absolute;

    background-color: #EEE;
    color: #333;
    /* border: 1px solid black; */
    width: 850px;
    padding: 0px;
    z-index: 20;
}

.divOrderSummaryPopup {
    display: none;

    position: absolute;

    background-color: #EEE;
    color: #333;
    /* border: 1px solid black; */
    width: 1200px;
    padding: 0px;
}

.divPriceWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divPackHoldOrdersWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divExtDescWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 1100px;
    margin-left: 15%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divAddShiptoWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 680px;
    margin-left: 15%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divCompanionsWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divRelatedWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divSubsWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divLotWindow, .searchReceiptsWindow, .searchReturnBinsWindow,
.updateShipviaWindow, .divReplCostWindow, .showClosedReceiptsWindow,
.showMultPopupContent, .adjustmentsWindow  {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 60%;
    margin-left: 20%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divTypeWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 400px;
    height: 360px;
    margin-left: 40%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.showClosedReceiptsWindow {
    margin-left: -50%;
}

.searchReceiptsWindow, .searchReturnBinsWindow, .updateShipviaWindow,
.showClosedReceiptsWindow, .showMultPopupContent {
    width: 600px;
    padding: 5px 10px 10px;
}

.adjustmentsWindow {
    width: 1200px;
    padding: 5px 10px 10px;
}

.divReplCostWindow {
    width: 300px;
    padding: 5px 10px 10px;
}

.searchReturnBinsWindow, .updateShipviaWindow, .showMultPopupContent {
    width: 650px;
}

.searchReceiptsWindow .receiptSearchBtn {
    color: #000;
    width: 175px;
}

.divHistoryWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divCostsWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 450px;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}
.divKitWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 900px;
    margin-left: 10%;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}
.divOrdersWindow {
    display: none;

    position: absolute;
    right: -300px;
    top: 25px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divXrefWindow {
    display: none;

    position: absolute;
    right: -300px;
    top: 25px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divOrdersWindowCP {
    display: none;

    position: absolute;
    right: -600px;
    top: 25px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divCPUsage {
    display: none;

    position: absolute;
    right: -600px;
    top: 25px;
    /* width: 600px; */
    width: max-content;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divPOsWindow {
    display: none;

    position: absolute;
    right: -200px;
    top: 25px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divCreditRebillWindow {
    display: none;

    position: absolute;
    top: 200px;
    left: 20%;
    width: auto;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
    z-index: 20;
}

.divLotPackagingWindow {
    display: none;

    position: absolute;
    /* right: -200px; */
    top: 25px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divUsageWindow {
    display: none;

    position: absolute;
    right: 0px;
    top: 0px;
    width: 420px;

    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divPOWindow {
    display: none;

    position: absolute;
    right: 400px;
    /* top: 25px; */
    width: 620px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divPhasesWindow {
    display: none;

    position: absolute;
    left: 0;
    top: 0px;
    width: 620px;
    margin-left: 25%;
	margin-top: 175px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divAdjustmentWindow {
    display: none;
    position: absolute;
    right: 600px;
    /* top: 25px; */
    width: 360px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divSavePriceWindow {
    display: none;

    position: absolute;
    right: 400px;
    /* top: 25px; */
    width: 700px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.divORDsWindow {
    background-color: #EEEEEE;
    border: 1px solid black;
    color: #333333;
    display: none;
    padding: 0;
    position: absolute;
    right: 400px;
    width: 820px;
}


.divDraggablePopupWindow {
    display: none;

    position: absolute;
    left: 0px;
    top: 0px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.btnPrice {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    font-size:11px;
}

.btnPriceGreen {
    background-color:#D5FF84;
    border:1px solid #CCCCCC;
    font-size:11px;
}

.bringtotop {
	z-index: 2000;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.whseOverviewTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FAFAFA;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	background-color: #777777;
	text-indent: 5px;
	border: 1px solid #000000;
}

.usageTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	background-color: #cccccc;
	text-indent: 5px;
	border: 1px solid #000000;
}

.SkuPopup {
    display: none;
    position: fixed;
    top: 5%;
    left: 5%;
    width: 200px;
    background-color: #eee;
    color: #333;
    border: 1px solid black;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

div.autoInvError {
	display: none;
	position: fixed;
	top: 40%;
	left: 20%;
	width: 720px;
	background-color: #eee;
	color: #333;
	border: 1px solid black;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

div.serviceHold {
	display: none;
	position: fixed;
	top: 40%;
	left: 20%;
	width: 1000px;
	background-color: #eee;
	color: #333;
	border: 1px solid black;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

div.autoInvError table th  {
	background-color: #777;
	color: #fafafa;
	border: 1px solid black;
	text-align: center;
}

div.autoInvError a  {
	color: blue;
}

.noteWrap{
    width: 49%;
    float:left;
    }

.note{
    border:1px solid #999999;
    margin: 10px auto 10px;
    padding:0 15px;
    width:372px;
    }

.note h3{}

.note a{
    display:block;
    float:right;
    background: #58a1e4;
    border:2px solid #8ebce6;
    line-height:15px;
    padding: 5px;
    font-weight:bold;
    font-size: 15px;
    color: #FFF;
    margin: 8px 0 15px;
}

.note button{
    display:block;
    float:right;
    font-size: 15px;
    margin: 8px 0 15px;
}

.close a {
    background:none repeat scroll 0 0 #58A1E4;
    border:2px solid #8EBCE6;
    bottom:0;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    left:50%;
    line-height:15px;
    margin:8px 0 15px -20.5px;
    padding:5px;
    position:absolute;
    width:41px;
}

.mandNoteDisplay{
    border:1px solid black;
    color:#333333;
    padding:20px;
    width: 260px;
    height:160px;
}

.mandNoteDisplay .close{
    position:absolute;
    bottom: 0;

}

.mandNoteDisplay .close a {
    line-height:15px;
    margin:8px auto 15px;
    padding:5px;
    position:relative;
    width:41px;
}

.wh_body {
	width: 220px;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Sans-Serif;
    background: #FFFFFF;
    color: #333;
    margin:0;
    padding:0;
    font-size: 10px;
}

.wh_title {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    background: #003399;
    text-align: left;
    height: 20px;
    padding: 2px;
}

.wh_logout {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: white;
    background: #003399;
    text-align: right;
    vertical-align: middle;
    height: 20px;
    padding: 2px;
}

.wh_subtitle {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 2;
    color: #003399;
    background: #FFFFFF;
    text-align: center;
}

.wh_error {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #990000;
    background: #FFFFFF;
    text-align: center;
}

.wh_login td {
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	background: #EAF0FF;
    text-align: left;
    color: #666666;
}

.wh_menu td {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	background: #EAF0FF;
    text-align: center;
    color: #666666;
}

.wh_menu tr {
	background: #EAF0FF;
}

.wh_menu a {
    background:url("../images/buttonbig-bg.jpg") repeat scroll 0 0 #CCCCCC;
    color:#333;
    display:inline-block;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    outline:none;
    width: 99px;
    border: solid 1px #333;
    line-height: 40px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.wh_menu a:active {
    outline:none;
}

.wh_menu a:hover {
    background:url("../images/buttonbig-hover.jpg") repeat scroll 0 0 #00FFFF;
    color:#333;
}

.wh_searchheader {
	font-family: Arial, Helvetica, sans-serif;
	background: #AEC5FF;
	text-align: center;
    font-size: 10px;
}

.wh_searchdetailevenrow {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 20px;
}

.wh_searchdetailoddrow {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #EAF0FF;
    height: 20px;
}

.wh_searchresults a {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    padding: 3px;
}

.wh_message {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 3px;
    text-align: center;
}

/* Row Hilighting - using Source Blue for hilight w/ white text */
.hiliteRows tr:hover {
	background-color: #0079c2;
	color: #ffffff;
}
.hiliteRows tr:hover td>a {
	color: #ffffff;
}
.hiliteRows a:not(.noblack) {
	color: #000000;
}
.hiliteRows tr:hover td>a.anchorBlue {
    color: #ffffff;
    text-decoration: underline !important;
}
.hiliteRows a.anchorBlue {
    color: #039;
}

/* Prevent Row Hilighting under class='hiliteRows' by adding later class='nothiliteRows'  */
.nothiliteRows tr:hover {
	 background-color: inherit;
	 color: inherit;
}
.nothiliteRows tr:hover td>a {
	color: inherit;
}
.nothiliteRows a {
	color: inherit;
}



.mobile-icon-loading {
	background-image: url(images/ajax-loader.png);
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-size: 35px 35px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1234;
	overflow: auto;
}
.external_link {
	padding-right: 16px;
	background-image: url(../images/external_small.png);
	background-position: right top;
	background-repeat: no-repeat;
}

/* Power Search styling */

.ps_letter_z {
	float: right;
	background-color: #ebebeb;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 22px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #c7c7c7;
}

.ps_letter {
	float: right;
	background-color: #ebebeb;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	cursor: pointer;
	width: 22px;
	height: 36px;
	text-align: center;
	line-height: 36px;
}

.ps_letter_z_hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 22px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_letter_z:hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 22px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_letter:hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	border-right: 1px solid #c7c7c7;
	cursor: pointer;
	width: 22px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_popup {
	background-color: #eeecc9;
	border-left: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	position: absolute;
}

.ps_popup a {
	font-family: Verdana;
	font-size: 10px;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ps_popup a:hover {
	font-family: Verdana;
	font-size: 10px;
	color: white;
	background-color: #0079c2;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ps_divCategories {
	float: right;
	background-color: #eeecc9;
	width: 60%;
}

.ps_divMfg {
	float: left;
	background-color: #eeecc9;
	width: 39%;
	border-right: 1px solid #c7c7c7;
}

.ps_divTitle {
	width: 100%;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
	background-color: #eeecc9;
	font-family: Verdana;
	font-size: 12px;
}

.ps_divMfg_left {
	float: left;
	width: 48%;
	text-align: left;
	background-color: #eeecc9;
	padding-left: 4px;
	font-family: Verdana;
	font-size: 10px;
	padding-bottom: 6px;
}

.ps_divMfg_left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ps_divMfg_right {
	float: right;
	width: 48%;
	text-align: left;
	background-color: #eeecc9;
	font-family: Verdana;
	font-size: 10px;
	padding-bottom: 6px;
}

.ps_divMfg_right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ps_divMfg_left li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ps_divMfg_right li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ps_divCategories_left {
	float: left;
	width: 33%;
	text-align: left;
	background-color: #eeecc9;
	padding-left: 2px;
	font-family: Verdana;
	font-size: 10px;
	padding-bottom: 6px;
}

.ps_divCategories_left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ps_divCategories_left li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ps_divCategories_center {
	float: left;
	width: 33%;
	text-align: left;
	background-color: #eeecc9;
	font-family: Verdana;
	font-size: 10px;
	padding-bottom: 6px;
}

.ps_divCategories_center ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ps_divCategories_center li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ps_divCategories_right {
	float: right;
	width: 33%;
	text-align: left;
	background-color: #eeecc9;
	font-family: Verdana;
	font-size: 10px;
	padding-bottom: 6px;
}

.ps_divCategories_right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ps_divCategories_right li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ps_letter_z_mini {
	float: right;
	background-color: #ebebeb;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 16px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #c7c7c7;
}

.ps_letter_mini {
	float: right;
	background-color: #ebebeb;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	cursor: pointer;
	width: 16px;
	height: 36px;
	text-align: center;
	line-height: 36px;
}

.ps_letter_z_mini_hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 16px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_letter_z_mini:hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
	width: 16px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_letter_mini:hover {
	float: right;
	background-color: #eeecc9;
	padding-right: 2px;
	margin-right: 1px;
	margin-left: 1px;
	border-right: 1px solid #c7c7c7;
	cursor: pointer;
	width: 16px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #eeecc9;
}

.ps_letter_var {
    float: right;
    background-color: #ebebeb;
    padding-right: 6px;
    padding-left: 5px;
    margin-right: 1px;
    margin-left: 1px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #444444;
    margin: -1px -2px 0 0;
}

.ps_letter_var:hover {
    background-color: #eeecc9;
    color: #000000;
    
}

.sourcewareButton {
	width:207px;
	height: 22px;
	border-radius:2px;
	border:1px solid black;
	XXbackground: -moz-linear-gradient(top, #f6f6f6, #cfcfcf);
	XXbackground: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#cfcfcf));
	cursor: pointer;
	xxfont-family: MS Reference Sans Serif, sans-serif, Verdana, Arial, Helvetica;
	font-family: Verdana, Arial, Helvetica;

	color: #0C0C0C;
	font-size: 13px;
	padding-bottom: 3px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.2), 1px -1px 0px rgba(255,255,255,0.2);

	background-image: url(../images/sourcewareButton.gif);
	background-size: 100% 100%;
	border: 0px;
	border-radius: 0px;

	padding-left: 0px;
	padding-right: 0px;
}

.sourcewareButton:hover, .sourcewareButton:active {
	XXbackground: -moz-linear-gradient(top, #f3fb18, #fafdb0);
	XXbackground: -webkit-gradient(linear, center top, center bottom, from(#f3fb18), to(#fafdb0));
    background-color: #f7fc6f;
	background-image: url(../images/sourcewareButton_on.gif);

}

.sourcewareButtonDisabled, .sourcewareButtonDisabled:hover, .sourcewareButtonDisabled:active {
    opacity: 0.5;
    background-color: transparent;
    background-image: none;
}

.availableHighlight {
	font-family: MS Reference Sans Serif, sans-serif, Verdana, Arial, Helvetica;
	color: #CC0000;
	font-weight: bold;
}

.popup {
	box-shadow: 7px 7px 6px 5px #383838;
}

.pb_container {
    width: 250px;
    border: 1px solid #aaa;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
    z-index: 0;
    height: 25px;
    padding: 2px;
}

.pb_progressbar {
    color: #000;
    text-align: right;
    height: 25px;
    width: 0;
    background-color: #0079c2;
    /* background: -moz-linear-gradient(right, navy, blue); */
    border-radius: 3px;
    font-size: small;
    line-height: 25px;
    z-index: 1;
	position: relative;
	top: -25px;
}

.pb_text {
width: 100%;
height: 25px;
background-color: rgba(255,255,255,0);
line-height: 25px;
border: 0;
font-size: 15px;
font-weight: bold;
z-index: 2;
position: relative;
text-shadow: none;
}

.black_button {
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 0 none;
}

.blue_button {
	background-color: #003399;
	color: #ffffff;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 0 none;
	height: 21px;
}

.reviewWorkOrder table th td  {
	border: 1px solid #bbbbbb;
}

.altwebsel{
font-family: Arial; font-size: 11px;
background: transparent;
}
.altwebsel option{
background: white;
}
/* Order Header styling*/
.custheadcolumn{
    background-color:#DDD;
}
.custheadcolumn td{
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
}
.custheadresult{
    background-color:#FFF;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#003399;
}
.custheadresult a{
    background-color:#FFF;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#003399;
}
.balanceterms{
    background-color:#BBB;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:13px;
}
.balancetermsamt{
    background-color:#F0F0F0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#003399;
    font-size:13px;
}
.vieworderbar{
    background-color:#DDD;
}

.poheaderstatus{
    background-color:#EEE;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*General CSS for tables.*/
.tablecolumn{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tableresult{
    background-color:#FFFFFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tableresult a, .tablecolumn a, .tablehlt a {
    color:#039;
}

.tablehlt{
    background-color:#EEE;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bottomtable1{
    background-color:#DDD;
    color:#000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bottomtable2{
    background-color:#BBB;
    color:#000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.povendorabout3{
background-color:#AAA;
    color:#000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.ordtable0{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.ordtable1{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordtable2{
background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountnotescol{
    background-color:#DDD;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountnotesres{
    background-color:#EEE;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.addnewcusttask{
    background-color:#EEE;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.shiptores{
    background-color:#EEE;
    color:#000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Account Style */
.accountingtablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingtablehighlightsm{
    background-color:#CCC;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingtablecol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingtableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingtablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingtableblank{
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingstatuscol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.accountingstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.postcashsel, .postcashsel a{
    background-color:#CCC;
    color:#008;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.postcashdesel, .postcashdesel a{
    background-color:#EEE;
    color:#036;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Company Style */
.companytablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytablehighlightsm{
    background-color:#CCC;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytablecol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytableblank{
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companystatuscol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companystatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.companytable{
    background-color:#EEE;
    color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Customer Style */
.customertablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertablehighlightsm{
    background-color:#CCC;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertablecol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertablecolsm{
    background-color:#BBB;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertableblank{
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertableblanksm{
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customerstatuscol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customerstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertablesel{
    background-color:#AAA;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customertabledesel{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customeralertcol{
    background-color:#FCC;
    color:#600;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customeralertres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Graphics Style */
.graphicstablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstablehighlightsm{
    background-color:#CCC;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstablecol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicsselectortable1{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicsselectortable2{
    background-color:#EEE;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstableblank{
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstableblanksm{
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicsstatuscol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicsstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.graphicstable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Item Results and Inventory CSS */
.itemstatuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemresultscol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemresultsres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemresultswhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemtablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemcatalogdescr{
    background-color:#CCC;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemcatalogimg{
    background-color:#FFF;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemtable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.itemresultsoverviewres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.metricstable{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.metricstablecol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.uiwhse1{
    background-color:#BBB;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.uiwhse2{
    background-color:#DDD;
    color:#000;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invcol{
    background-color:#BBB;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.invres{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.invrowhighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-spacing:0px;
    border-collapse:collapse;
}

.adjreportres{
    color:#000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-spacing:0px;
    border-collapse:collapse;
}

.adjreportnotes{
    background-color:#DDD;
    color:#039;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
    border-spacing:0px;
    border-collapse:collapse;
}

.inventorysearchcol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.inventorysearchres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.attributesmainthighlight{
    background-color:#DDD;
    color:#000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    height: 30px;
    padding-left: 5px;
}
/*Invoice table*/
.invoicestatuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicestatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetablecol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.invoicetabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Orders table*/
.orderstatuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.orderstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertablecol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ordertabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Reps table*/
.repsstatuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repsstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstablecol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.repstabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Reports table*/
.reportsstatuscol{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportsstatusres{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstablecol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reportstabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Service table*/
.servicestatuscol{
    background-color:#CCC;
    color:#666666;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicestatusres{
    background-color:#FFF;
    color:#333;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetablecol{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetableres{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetablewhite{
    background-color:#FFF;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetablehighlight{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.servicetabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Dashboard CSS*/
.dashtasklisttable{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.dashtablehighlight{
    background-color:#DDD;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.dashtablesel{
    background-color:#CCC;
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.dashtabledesel{
    background-color:#EEE;
    color:#000;
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.disableAnchorButtons {
    opacity: 0.4;
}

.additems_type_td_noborders {
    border: none;
}

.additems_type_td {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.additems_type_td_first {
    border-top: 1px solid #999999;
}

.additems_type_td_last {
    border-bottom: 1px solid #999999;
}
.inset_border td{
  border-color:#F6F6F6;
  border-style:ridge;
  border-collapse:collapse;
  border-width:2px;
   -webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;
}
.inset_border th{
  border-color:#F6F6F6;
  border-style:ridge;
  border-collapse:collapse;
  border-width:2px;
   -webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;
}
.inset_border{
  border-color:#F6F6F6;
  border-style:ridge;
  border-collapse:collapse;
  border-width:2px;
   -webkit-border-horizontal-spacing: 0px;-webkit-border-vertical-spacing: 0px;
}
.inset_border td table td{
    border-width:0px;
}
.readonly_style {
    background-color: rgba(239, 239, 239, 0.3);
    color: rgb(84, 84, 84);
    border-color: rgba(118, 118, 118, 0.3);
    border-radius: 2px;
    border-width: 1px;
    padding: 2px 3px;
}