/* PPG spcific Styles and fonts
--------------------------------------------------------------*/
.loginout {
    background-color:rgba(0,51,65,0.6);
    border-radius: 25px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 100;
}

    .loginout a:link {
        font-size: 24px;
        font-weight: bold;
        color: white !important;
        text-decoration: underline;
    }
    .loginout a:visited {
        font-size: 24px;
        font-weight: bold;
        color: white !important;
        text-decoration: underline;
    }
    .loginout a:hover {
        font-size: 24px;
        font-weight: bold;
        color: white !important;
        text-decoration: underline;
    }

.ppgArrowBold{font-family: Century Gothic;font-size: 14pt;color: #fff;margin-top: 11px !important;}
.ppgArrowMedium{font-family: Century Gothic;font-size: 26pt;color: #fff;}
html{height: 99%;}
/* File Created: January 27, 2012 */
body{margin-top: 0px;font-family: Verdana, Helvetica, Sans-Serif;font-size: 14px;}
.page{width: 90%;max-width: 960px;min-width: 960px;margin-left: auto;margin-right: auto;padding-bottom: 50px;}/*Header style*/
header{width: 100%;max-width: 960px;height: 90px;padding-top: 5px;border: 0px solid transparent;}
header > #title{float: left;}
header > #logindisplay{float: right;text-align: right;}
#logindisplay{color: White;font-family: Verdana;}
header > #title > h1{display: inline-block;}
#logindisplay > div > form{padding-left: 5px;border: 1px solid gray;display: inline-block;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius: 8px 8px 8px 8px;}
#logindisplay > div > form > input[type='search']{border: 0px solid black;width: 300px;color: Gray;vertical-align: top;padding-top: 7px;font-size: medium;}
#logindisplay > div > form > input[type='submit']{background-position: center center;background-image: url('../images/magnifying-glass.png');background-repeat: no-repeat;background-attachment: scroll;background-color: transparent;padding-top: 5px;text-indent: -10000px;height: 30px;width: 35px;border: 0px solid black;}
nav{margin-top: 0px;outline-style: none;}
nav > a{display: block;text-indent: -9999px;width: 20px;height: 20px;margin-right: 8px;background: url(../images/home1.png) no-repeat 0 0;background-size: 40px 20px;background-position: 0px 0px;}
nav > a:hover{background-position: -21px 0px;}
.ui-widget-content a.worklist{color: White;font-size: 1.5em;text-decoration: none;display: block;font-family: outline;outline-style: none;}
.ui-widget-content a.worklist:hover{color: #FF9900;}
.ui-widget-content a.worklist.selected{color: #FF9900;}
.ui-widget-content a.worklist.selected:hover{color: #ffd608;}
.ui-widget-content .groupend{border-bottom: 5px solid black;}
/*curved boxes on Home Page*/
.curved-box-css3{width: 100%;margin: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 8px;background-color: #5BB6BA;border: 1px;}
.curved-box-css3 h3{padding: 10px 15px 5px 15px;color: #f4fbfd;}
.curved-box-css3 p{margin: 0px;padding: 5px 15px 10px 15px;}
.curved-box-css3-Headbar{color: #ffffff;width: 100%;font-size: 16px;height: 20px;padding-top: 4px;padding-bottom: 4px;font-weight: bold;}
.field-validation-error, .AddProduct-validation-summary{display: block;width: 100%;font-size: 12px;color: #a61f1f;margin-top: 2px;height: 14px;}
.ProductCodeStyle{font-size: x-large;color: #8C8C8C;}
.ProductDescriptionStyle{font-size: x-large;color: #000;}
.ProductFieldName{color: #8C8C8C;z-index: 9999;}
.ProductFieldValue{color: #000;float: right;font: "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.ProductFieldValueAltered {
    color: #000;
    width: 150px;
    float: right;
    padding-right: 10px;
    font: 0.90em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/* MK: For Top Menu*/
.gradient{width: 100%;max-width: 960px;height: 90px;padding-top: 0px;background-image: url("../images/Inventory-Header.png");background-position: bottom;}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar{margin: 0;padding: 0;}
/* header */
.header{padding: 0;margin: 0;}
.clr{clear: both;padding: 0;margin: 0;width: 100%;font-size: 0px;line-height: 0px;}
.roundedmenu-blue-bg{width: auto;text-align: center;   height: 25px;color: #fff;background-color: #1F8FFE;border: 0px solid #B4B4B4;padding: 5px 10px 2px 10px;margin: 0 10px 10px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.roundedmenu-blue-bg:hover{color: #000;}
/* Top Menu Search style */
.search{margin: 0;background-color: #fff;height: 28px;width: 245px;border: 1px solid #B4B4B4;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.search > input[type='submit']{background-position: center center;background-image: url('../images/magnifying-glass.png');background-repeat: no-repeat;background-attachment: scroll;background-color: transparent;padding-top: 5px;text-indent: -10000px;height: 30px;width: 35px;
border-bottom: 0;border-right: 0;border-top: 0;border-left: 1px dotted #ccc;cursor: auto;outline-style: none;}
.search > input[type='submit']:hover{cursor: pointer;}
.search > input[type='button']{background-position: center center;background-image: url('../images/magnifying-glass.png');background-repeat: no-repeat;background-attachment: scroll;background-color: transparent;padding-top: 5px;text-indent: -10000px;height: 30px;width: 35px;border-bottom: 0;border-right: 0;
border-top: 0;border-left: 1px dotted #ccc;cursor: auto;outline-style: none;}
.search > input[type='button']:hover{cursor: pointer;}
.textboxstyle{float: left;width: 190px; /*padding:top right bottom left*/padding: 7px 0px 7px 10px;height: 13px;margin: 1px;margin-left: 4px;border: 0;
background: #fff;color: #a1a1a1;font: 11px Verdana;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.textboxstyleActive{color: #a1a1a1;font-style: normal;}
.submit_textboxstyle{width: 200px;padding: 1px 0px 1px 1px;height: 21px;margin: 0px;border: 1px solid #a1a1a1;background: #fff;color: #a1a1a1;font: 11px Verdana;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px;}
.textboxstyleActive{color: #a1a1a1;font-style: normal;}
.search .btn{float: left;padding: 0;margin: 0;border: 0;width: auto;}
.roundedbtn{width: 75px;text-align: center;height: 25px;background-color: #FFf;border: 1px solid #B4B4B4;padding: 5px;
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.roundedbtn:hover{background-color: #DCDCDC;}
/* Style for Form on Order page */
.inputlabel{float: left;width: 120px;font-weight: bold;}
.inputtext{width: 180px;margin-bottom: 5px;}
.inputtextarea{width: 250px;height: 100px;margin-bottom: 5px;}
.boxes{width: 1em;}
#submitbutton{margin-left: 120px;margin-top: 5px;width: 90px;}
.brnext{clear: left;}
.barcodesearch{margin: 0;background-color: #fff;height: 28px;border: 2px solid #666666;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
/* here comes popup result*/
#searchresults{border-width: 1px;border-color: #919191;border-style: solid;width: 280px;background-color: #fff;font-size: 10px;line-height: 14px;}
#searchresults a{display: block;background-color: #fff;color: Blue;clear: left;height: 56px;text-decoration: none;}
#searchresults a:hover{background-color: #b7b7b7;color: #ffffff;}
#searchresults a img{float: left;padding: 5px 10px;}
#searchresults a span.searchheading{display: block;font-weight: bold;padding-top: 5px;color: #13A6E7;font-size: 12px;}
#searchresults a:hover span.searchheading{color: #000;}
#searchresults a span{color: #555555;}
#searchresults a:hover span{color: #000;}
#searchresults span.category{font-size: 12px;margin: 5px;display: block;color: #000;}
#searchresults span.seperator{float: right;padding-right: 15px;margin-right: 5px; /* background-image: url(../images/shortcuts_arrow.gif); background-repeat: no-repeat; background-position: right;*/}
#searchresults span.seperator a{background-color: transparent;display: block;margin: 5px;height: auto;color: #000;}
#searchresults span.links{display: block;text-align: right;padding-right: 24px;color: #13A6E7;}
/* callout design */
.callout{position: relative;margin: 18px 0;padding: 18px 20px;background-color: #f2f3fa; /* easy rounded corners for modern browsers */-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;top: -10px;}
.callout .notch{position: absolute;top: -10px;left: 200px;margin: 0;border-top: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
border-bottom: 10px solid #eef4f9;padding: 0;width: 0;height: 0; /* ie6 height fix */font-size: 0;line-height: 0; /* ie6 transparent fix */_border-right-color: pink;_border-left-color: pink;
_filter: chroma(color=pink);}
.logoutoptions_style{position: relative;margin: 18px 0;padding: 18px 20px;left: 125px;background-color: #fff; /* easy rounded corners for modern browsers */-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;top: -10px;}
.rightcallout{position: relative;margin: 18px 0;padding: 18px 20px;background-color: #f2f3fa; /* easy rounded corners for modern browsers */-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;top: -10px;}
.rightcallout .notch{position: absolute;top: -10px;left: 280px;margin: 0;border-top: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
border-bottom: 10px solid #eef4f9;padding: 0;width: 0;height: 0; /* ie6 height fix */font-size: 0;line-height: 0; /* ie6 transparent fix */_border-right-color: pink;
_border-left-color: pink;_filter: chroma(color=pink);}
.border-callout{border: 1px solid #5685c0;padding: 17px 19px;}
.border-callout .border-notch{border-bottom-color: #5685c0;top: -11px;}
.linktxt{ text-decoration: none; line-height: 25px;}
.cancellinktxt{   text-decoration: none; font-size: 11pt;}
.newQueuedOrderlink{text-decoration: none; }
.flyouthyperlink{color: #0066FF;padding: 10px 5px 10px 5px;text-decoration: none;line-height: 15px; outline-style: none;}
.flyouthyperlink:hover{background-color: #0080FF;color: #fff !important;cursor: pointer;}
.flyouthyperlink:hover a{background-color: #0080FF;color: #fff !important;cursor: pointer;}
.remove{display: inline-block;width: 18px;height: 21px;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/Remove.png") no-repeat 0 0;}
.Plus{display: inline-block;width: 18px;height: 21px;border: none;margin-right: 5px;margin-top: 2px;cursor: pointer;background: url("../../Content/Images/Plus.png") no-repeat 0 0;}
.downarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.postatusdownarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.receivedownarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.catalogInventorydownarrow{display: inline-block;width: 28px;height: 20px;border: none;float: right;padding: 1px 0 5px 0;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.editCatalogdownarrow{display: inline-block;width: 28px;height: 20px;border: none;float: right;padding: 1px 0 5px 0;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.removedownarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.submitcanceldownarrow{display: inline-block;width: 28px;height: 20px;border: none;float: left;padding: 1px 0 5px 0;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.Minus{display: inline-block;width: 18px;height: 21px;border: none;margin-right: 2px;margin-top: 2px;cursor: pointer;background: url("../../Content/Images/minus.png") no-repeat 0 0;}
.notinInventoryArea{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/Warning.png") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.InBackOrder{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/SSO.png") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.showlogoutdownarrow{display: inline-block;width: 19px;height: 12px;border: none;margin: 1px 5px 5px 1px;outline: 0;background: url("../../Content/Images/whitedownarrow.png") no-repeat 0 0;}
.print{display: inline-block;width: 32px;height: 32px;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/print.png") no-repeat 0 0;}
.invalidLocationCode{display: none;text-decoration: none;color: Black;background-color: LightGray;border: 1px solid black;border-radius: 7px 7px 7px 7px;padding: 2px 10px 2px 10px;line-height: 24px;}
#main-content{ float: right;}
#leftMenu{width: 160px;position: fixed;float: left;}
#leftMenu a{display: block;color: #0094FF;}
.side-menuLayer{margin: 0;padding: 0;width: 160px;}
.side-menu-heading{margin: 1px;color: #fff;padding: 3px 10px;cursor: pointer;position: relative;background-color: #c30;}
.side-menu-content{padding: 5px 10px;background-color: #fafafa;}
#results{position: relative; width: 250px;display: none;overflow-y: scroll;overflow-x: hidden;}
#container{display: table;float: left;}
.row{display: table-row;}
.left, .right, .middle{display: table-cell;}
#POProductDetails{display: table;width: 100%;}
#topSubMenunavlist{padding-top: 10px;}
#topSubMenunavlist li{list-style-type: none;padding-right: 20px;font-family: Verdana, Arial,Times New Roman;font-size: 12px;outline-style: none;width: 180px;}
#topSubMenunavlist li a{text-decoration: none;color: #0080FF !important;font-size: 12px;line-height: 22px;outline-style: none;}
#topSubMenunavlist li span{color: #6691cc;font-weight: bold;}
#topSubMenunavlist li a:hover{color: #000;}
/*Shown on the top right corner of the screen*/
.SelectedCustomerName{font-size: 21px;font-family: Verdana;color: #000;padding-top: 1px;margin-right: 2px;padding-bottom: 1px;text-decoration: none;}
/* Dashboard Style*/
#site_content{width: 960px;overflow: hidden; /* margin: 20px auto 0 auto;*/padding: 5px 0 10px 0;margin-left: auto;margin-right: auto;}
#sidebar_container_right{float: right;width: 220px;}
#sidebar_container_left{float: left;width: 220px;}
#POsidebar_container_left{float: left;width: 220px;}
.sidebar{float: right;width: 220px;margin: 0 0 17px 0;background: #FFF;background: #fff;}
.sidebar_left{float: left;width: 220px;margin: 0 0 17px 0;background: #FFF;background: #fff;}
.sidebarHeading{background: #ebedf7;padding: 5px 5px;font-family: Verdana;font-weight: 500;border: 1px solid #ebedf7;border-bottom-color: #5685c0 !important;border-bottom-width: 1px !important;border-radius: 7px 7px 0px 0px;-moz-border-radius: 7px 7px 0px 0px;-webkit-border: 7px 7px 0px 0px;}
.contentHeading{background: #ebedf7;padding: 5px 5px 7px 5px; font-family: Verdana;font-weight: 500;border: 1px solid #ebedf7;border-bottom: 1px solid #5685c0;border-radius: 7px 7px 0px 0px;-moz-border-radius: 7px 7px 0px 0px;-webkit-border: 7px 7px 0px 0px;}
.sidebar h3, .content h1{background: #ebedf7;padding: 10px 15px;font-size: 170%;border: 1px solid #ebedf7;color: #063E4C;border-radius: 7px 7px 0 0;-moz-border-radius: 7px 7px 0 0;-webkit-border: 7px 7px 0 0;}
.sidebar h3, .content h1{padding: 5px 15px 10px 15px;color: #74706E;}
.sidebar li a.selected{color: #444;}
.sidebar ul{margin: -20px 0 0 0;}
.sidebar_item, .content_item{padding: 15px 15px;}
.content_left{text-align: left;width: 720px;margin: 0 0 15px 0;background: #fff;float: left;}
.content_right{text-align: left;width: 720px;margin: 0 0 15px 0;background: #fff;float: right;}
.content ul{margin: 2px 0 22px 0px;}
.content ul li, .sidebar ul li{list-style-type: none;margin: 0 0 0 0;padding: 0 0 1px 25px;line-height: 1.5em;}
.fieldName{font-weight: 600;color: #999;font-size: 12px;padding: 2px 0 2px 0;}
.fieldValue{font-weight: 600;color: #666;font-size: 14px;padding: 4px 0 10px 0;}
.poHeading{font-weight: bold;color: #333;font-size: 18px;padding: 8px 0 14px 0;}
/* for Accordian*/
#categoryaccordion{list-style: none;padding: 0 0 0 0;width: 170px;}
#categoryaccordion div{display: block;font-weight: normal;font-size: 11px;margin: 1px;cursor: pointer;padding: 5 5 5 7px;list-style: none;background-image: url("../Images/Plus.png") no-repeat 0 0;background-repeat: no-repeat;background-position: right;}
#categoryaccordion ul{list-style: none;padding: 4px 0 4px 0;}
#categoryaccordion ul{display: none;}
.categoryHeadingaccordion{font-family: Verdana;display: none;padding: 10px 0px 10px 0;border-bottom: 1px solid #999;width: 218px;}
#categoryaccordion ul li{font-weight: normal;font-size: 11px;font-family: Verdana;cursor: auto;background-color: #fff;padding: 5px 0 0 7px;text-transform: uppercase}
#categoryaccordion a{text-decoration: none;}
#categoryaccordion a:hover{text-decoration: none;}
.Removeicon{display: block;width: 16px;height: 16px;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/Delete_Icon_Small.gif") no-repeat 0 0;}
#rightInventoryArea{clear: right;float: left;width: 450px;padding: 1px 15px;margin: 0 0 20px;position: relative;}
#leftInventoryArea{clear: left;float: left;width: 450px;padding: 1px 15px;margin: 0 0 20px;position: relative;}
#rightInventoryArea li, #leftInventoryArea li{list-style: none;border-bottom: 1px solid #ccc;padding: 4px;margin: 0;}
#left{clear: left;float: left;width: 690px;padding: 1px 15px;margin: 0 0 20px;font: .95em "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#left img{margin: 0 0 8px;}
#left li{list-style: none;}
#left li a{color: #787A8F;font-weight: bold;padding: 0 0 0 12px;}
#right{margin: 0 15px 20px 0;padding: 0 0 0 15px;float: right;width: 210px;text-align: justify;}
.border{clear: both;border-left: 4px solid #ccc;padding: 0 0 0 15px;}
#rl{float: left;display: table;width: 310px;margin: 0 20px 30px 0;}
#rr{float: right;width: 310px;display: table;}
#rl li, #rr li{list-style: none;padding: 4px;margin: 0;border-bottom: 1px solid #ccc;}
.dropdownstyled{width: 180px;height: 20px;overflow: hidden;font: .90em Verdana, Arial, Helvetica, sans-serif;}
#rl li a, #rr li a{padding: 0 0 0 12px;color: #808080;}
.productCodeHeading{clear: both;padding: 0 0 10px 0;font: bold 1.6em Verdana;margin: 0 0 12px;}
/* For table Layout used in text box on PO page*/
.leftcellvalue{display: table-cell;float: left;width: 180px;border-top: 1px solid #ccc;padding: 5px 5px 5px 5px;color: #0080FF;cursor: pointer;}
.leftcellvalue:hover{color: #000;}
.rightcellvalue{display: table-cell;white-space: nowrap;float: right;border-top: 1px solid #ccc;width: 120px;padding: 10px 5px 5px 5px;text-decoration: none;}
.topSearchcellvalue{display: table-cell;float: left;width: 250px;border-top: 1px solid #ccc;padding: 5px 5px 5px 5px;color: #0080FF;cursor: pointer;text-decoration: none;text-align: left;white-space: pre-wrap;}
.topSearchcellvalue:hover{color: #000;}
.Maintable{display: table;}
.tablerow{display: table-row;white-space: nowrap;padding-right: 10px;}
/*PO autocomplete Style*/
.POsearchresult{position: absolute;height: 200px;width: 320px;overflow-x: hidden;overflow-y: scroll;padding-bottom: 10px; /*color: #787A8F;*/color: #0080FF;background-color: #fff;border: 2px solid #ccc;z-index: 99999;}
.productDesc:hover{background-color: #B9F3AE;}
.POsearchresult div.category{font-size: 12px;font-weight: bold;margin: 5px;display: block;color: #000;float: left;}
/*Style for Budget Graph*/
.barDetailleftcellvalue{display: table-cell;float: left;width: 120px;}
.barDetailrightcellvalue{display: table-cell;float: right;color: #8C8C8C;width: 80px;}
.barDetailContainer{display: table;width: 200px;font-size: 12px;color: #8C8C8C;padding: 10px 0 0 0;font-family: "Verdana";}
.barDetailrow{display: table-row;padding: 5px 5px 15px 5px;border: 1px solid #000;}
.normalheading{font-weight: bold;color: #333;font-size: 14px;padding: 8px 0 14px 0;}
/* General Consumption Page Style*/
.consume_site_content{width: 960px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.consume_content_left{text-align: left;width: 170px;margin: 0 0 15px 0;background: #fff;float: left;}
.consume_content_right{text-align: left;width: 790px;margin: 0 0 15px 0;background: #fff;float: right;}
.consume_sidebar{margin: 0;padding: 0;}
.consume_roundedmenu{width: auto;text-align: center;height: 25px;color: #fff;background-color: #1F8FFE;border: 0px solid #B4B4B4;padding: 0 7px 7px 10px;margin: 0 10px 2px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.consume_linktxt{color: #0066FF;padding: 0px 5px 0px 5px;text-decoration: none;line-height: 25px;}
#consume_generallist_downarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
/* Consume Items Page Style*/
.consumeitems_site_content{width: 700px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.consumeitems_content_left{text-align: left;width: 530px;margin: 0 0 15px 0;background: #fff;float: left;}
.consumeitems_content_right{text-align: left;width: 170px;margin: 0 0 15px 0;background: #fff;float: right;}
/*PO detail Page Style*/
#POdetailLeft, #ROdetailLeft{clear: left;float: left;width: 700px;padding: 1px 15px;margin: 0 0 20px;font: .95em "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#POdetailLeft img, #ROdetailLeft img{margin: 0 0 8px;}
#POdetailLeft li, #ROdetailLeft li{list-style: none;}
#POdetailLeft li a, #ROdetailLeft li a{color: #787A8F;font-weight: bold;padding: 0 0 0 2px;}
#POtopHeadRow, #ROtopHeadRow {float: left;display: table;width: 700px;margin: 0 10px 15px 0;vertical-align: text-top;}
.PODetailarea, .RODetailarea {float: left;display: table;width: 700px;margin: 5px 10px 5px 0;}
.PODetailarea li, .RODetailarea li{border-top: 1px solid #ccc;list-style: none;padding: 4px;margin: 0;}
#POdetailrl, #ROdetailrl{float: left;display: table;width: 320px;margin: 0 10px 0px 0;}
#POdetailrr, #ROdetailrr {float: right;width: 320px;display: table;}
#POdetailrl li, #POdetailrr li, #ROdetailrl li, #ROdetailrr li {list-style: none;padding: 4px;margin: 0;border-top: 1px solid #ccc;}
#POdetailrl li a, #POdetailrr li a, #ROdetailrl li a, #ROdetailrr li a {padding: 0 0 0 12px;color: #808080;}
.POdetailrl, .ROdetailrl {float: left;display: table;width: 320px;margin: 0 10px 0px 0;}
.POdetailrr, .ROdetailrr {float: right;width: 320px;display: table;}
.POdetailrl li, .POdetailrr li, .ROdetailrl li, .ROdetailrr li {list-style: none;padding: 4px;margin: 0;border-top: 1px solid #ccc;}
.POdetailrl li a, .POdetailrr li a, .ROdetailrl li a, .ROdetailrr li a {padding: 0 0 0 12px;color: #808080;}
.POfieldValue, .ROfieldValue {color: #000;font: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;width: 100px;vertical-align: text-top;}
.POdetailfieldValue, .ROdetailfieldValue {color: #000;font: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;width: 100px;vertical-align: text-top;}
.specialInstruction{color: #000;font: "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;width: 480px;vertical-align: text-top;display: table-cell;}
.POfieldName, .ROfieldName {width: 150px;vertical-align: text-top;display: table-cell;color: #8C8C8C;}
.POdetailIAcontainer, .ROdetailIAcontainer {float: left;display: table;width: 790px;margin: 15px 10px 5px 0;border: 1px solid #ccc;background-color: #fcfcfc;}
.gridAreacontainer{float: left;display: table;width: 700px;margin: 15px 10px 5px 0;}
#LocationMenu{width: auto;list-style: none;float: left;display: table-cell;border: 0px solid #B4B4B4; /*padding:top right bottom left;*/padding: 5px 5px 5px 5px;margin: 5px 5px 5px 5px;}
#LocationMenu li{float: left;margin: 0 10px;}
#LocationMenu li a{text-decoration: none;float: left;color: #999;cursor: pointer;}
#LocationMenu li a span{margin: 0 10px 0 -10px;padding: 4px 2px 5px 18px;position: relative; /*To fix IE6 problem (not displaying)*/float: left;}
#LocationMenu li a.current, ul.blue li a:hover{text-align: center;height: 25px;color: #fff;background-color: #1F8FFE;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
/* End of PO Detail page style*/
.InventoryAreaMenu{width: auto;list-style: none;float: left;display: table-cell;border: 0px solid #B4B4B4; /*padding:top right bottom left;*/padding: 5px 5px 5px 5px;margin: 5px 5px 5px 5px;}
.InventoryAreaMenu li{float: left;margin: 0 10px;}
.InventoryAreaMenu li a{text-decoration: none;float: left;color: #999;cursor: pointer;}
.InventoryAreaMenu li a span{margin: 0 10px 0 -10px;padding: 1px 8px 5px 18px;position: relative; /*To fix IE6 problem (not displaying)*/float: left;}
.InventoryAreaMenu li a.current, ul.blue li a:hover{text-align: center;height: 25px;color: #fff;background-color: #1F8FFE;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;z-index: 999999;}
.consumeitems_content_leftright{text-align: right;width: 650px;margin: 0 0 15px 0;background: #fff;float: left;}
.consumeitems_roundedmenu{width: auto;text-align: center;height: 20px;color: #fff;background-color: #1F8FFE;border: 0px solid #B4B4B4;padding: 0 7px 7px 10px;margin: 0 10px 2px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
/* Consume Associate Products Page Style*/
.consumeAssociate_site_content{width: 700px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.consumeAssociate_content_left{text-align: left;width: 700px;margin: 0 0 15px 0;background: #fff;float: left;}
/* Consume Associate Products Page Style*/
.newrepairorder_site_content{width: 500px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.newrepairorder_content_left{text-align: left;width: 250px;margin: 0 0 15px 0;background: #fff;float: left;}
.consumeitems_content_right{text-align: right;width: 250px;margin: 0 0 15px 0;background: #fff;float: right;}
.newrepairorder_SaveCancel{text-align: right;width: 500px;margin: 0 0 15px 0;background: #fff;float: right;}
/*Repair Order Page Style*/
.repairOrderList_downarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.NewRepirOrderHeading{font-weight: bold;color: #333;font-size: 18px;padding: 8px 0 14px 0;}
/* Repair Order Consume Items Page Style*/
.roconsumeitems_site_content{width: 700px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.roconsumeitems_content_left{text-align: left;width: 530px;margin: 0 0 15px 0;background: #fff;float: left;}
.roconsumeitems_content_right{text-align: left;width: 170px;margin: 0 0 15px 0;background: #fff;float: right;}
.roconsume_content_left{text-align: left;width: 170px;margin: 0 0 15px 0;background: #fff;float: left;}
.editRepairOrderdownarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
/* Popup page layout */
.popupPageTitle{font-family: Verdana;font-size: 23pt;color: #000;padding-bottom: 20px;padding-top: 15px;}
.popupPagecontent{font-family: Verdana;font-size: 10pt;color: #000;}
.popuplabelText{font-family: verdana;font-size: 10pt;color: #a8aaac;}
.popuphyperlinkText{font-family: verdana;font-size: 10pt;color: #0080FF;text-decoration: none;padding-right: 20px;outline-style: none;}
.popuphyperlinkText:hover{text-decoration: underline;}
#container input, #container textarea{border: 1px solid #E5E5DB;font-size: 9pt;height: 18px;background: #FFF;color: #47433F;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border: 4px 4px 4px 4px;}
#container select{border: 1px solid #E5E5DB;font-size: 9pt;height: 18px;background: #FFF;color: #47433F;vertical-align: middle;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border: 4px 4px 4px 4px;margin-bottom: 14px !important;}
/* Techician, Vendor, InventoryArea, CarUsageLocation Pages Style*/
.profile_site_content{width: 960px;overflow: hidden;margin: 20px auto 0 auto;padding: 0 0 10px 0;margin-left: auto;margin-right: auto;}
.profile_content_left{text-align: left;width: 190px;margin: 0 0 15px 0;background: #fff;float: left;padding: 5px 0 5px 0;}
.profile_content_right{text-align: left;width: 750px;margin: 0 0 15px 0;background: #fff;float: right;}
.profile_downarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
/* Main Menu Style*/
#mainMenu_new{float: left;overflow: hidden;position: relative;}
#mainMenu_new ul{clear: left;float: left;list-style: none;margin: 0;padding: 0;position: relative;left: 50%;text-align: center;}
#mainMenu_new ul li{display: block;float: left;list-style: none;margin: 0;padding: 0;position: relative;right: 50%;height: 24px !important;background: url(../../Content/images/menu-center.png) repeat 0 0;outline-style: none;}
#mainMenu_new ul li.ltImg{background: url(../../Content/images/menu-left.png) no-repeat left;z-index: 1;width: 8px;padding: 0;float: left;}
#mainMenu_new ul li.ltImgSelected{background: url(../../Content/images/menu-selected-left.png) no-repeat left;z-index: 1;width: 8px;padding: 0;border: 0;float: left !important;}
#mainMenu_new ul li.rtImgSelected{background: url(../../Content/images/menu-selected-right.png) no-repeat right;z-index: 1;width: 8px;padding: 0;border: 0;}
#mainMenu_new ul li.rtImg{background: url(../../Content/images/menu-right.png) no-repeat right;z-index: 1;width: 8px;float: left;}
#mainMenu_new ul li a{display: block;margin: 0 0 0 0px;padding: 3px 10px 3px 10px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #929497;text-decoration: none;vertical-align: middle;outline-style: none;}
.selectedMenu{color: #fff !important;background: url(../../Content/images/menu-selected-center.png);height: 22px !important;}
#mainMenu_new ul li.selectedMenu, #mainMenu_new ul li a:hover{color: #fff !important;background: url(../../Content/images/menu-selected-center.png);height: 22px !important;}
#mainMenu_new ul li a.active, #mainMenu_new ul li a.active:hover{color: #fff !important;font-weight: bold;}
#mainMenu_new ul li span{display: block;background: url(../../Content/images/menu-separator.png);height: 22px;width: 2px;}
/*Blue Button style*/
.clear{font-size: 1px;height: 1px;}
.imagecontainer{display: table;}
.imgstrat{display: table-row;}
.buttonimage_lt{background: url(../../Content/images/blue-button-left.png);height: 26px !important;width: 11px !important;}
.buttonimage_rt{background: transparent url(../../Content/images/blue-button-right.png) no-repeat;height: 26px !important;width: 13px !important;}
.buttonimage_ct{background: url(../../Content/images/blue-button-center.png) repeat;color: #fff;height: 27px !important;vertical-align: middle !important;white-space: nowrap;padding-top: 0px;}
.buttonimage_ct:hover{color: #000;}
.imgstyle{color: #fff;float: left;text-decoration: none;}
.imgstyle:hover{color: #000;float: left;text-decoration: none;}
/* Budget Page Style*/
#budget_container{display: table;float: left;}
/*for Image*/
#image-container{padding: 0;margin: 0;list-style-type: none;}
#image-container li{float: left;}
#image-container img{display: block;padding: 0;margin: auto;background-color: #fff;}
/*blue button*/
.blueButton{float: left;overflow: hidden;position: relative;display: block;}
.blueButton ul{clear: left;float: left;list-style: none;margin: 0;padding: 0;position: relative;left: 50%;text-align: center;}
.blueButton ul li{display: block;float: left;list-style: none;margin: 0;padding: 0;position: relative;right: 50%;height: 27px !important;background: url(../../Content/images/blue-button-center.png) repeat 0 0;}
.blueButton ul li.ltImg{background: url(../../Content/images/blue-button-left.png) no-repeat;z-index: 1;width: 18px;padding: 0;float: left;height: 27px !important;}
.blueButton ul li.rtImg{background: url(../../Content/images/blue-button-right.png) no-repeat;z-index: 1;width: 18px;float: left;height: 27px !important;}
.blueButton ul li a{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;outline-style: none;}
.blueButton ul li input[type=submit]{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;background: transparent;border: 0;cursor: auto;outline-style: none;}
.blueButton ul li input[type=submit]:hover{cursor: pointer;}
.blueButton ul li input[type=button]{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;background: transparent;border: 0;cursor: auto;outline-style: none;}
.blueButton ul li input[type=button]:hover{cursor: pointer;}
.blueButton_button{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;background: transparent;border: 0;cursor: auto;outline-style: none;}
.blueButton_button:hover{color: #000 !important;cursor: pointer;}
.blueButton ul li a:hover{color: #000 !important;}
.blueButton ul li input[type=submit]:hover{color: #000 !important;}
/*Gray button*/
.grayButton{float: left;overflow: hidden;position: relative;}
.grayButton ul{clear: left;float: left;list-style: none;margin: 0;padding-top: 12px;position: relative;left: 50%;text-align: center;}
.grayButton ul li{display: block;float: left;list-style: none;margin: 0;padding: 0;position: relative;right: 50%;height: 27px !important;background: url(../../Content/images/gray-button-center.png) repeat 0 0;}
.grayButton ul li.ltImg{background: url(../../Content/images/graybutton-left.png) no-repeat;z-index: 1;width: 18px;padding: 0;float: left;height: 27px !important;}
.grayButton ul li.rtImg{background: url(../../Content/images/graybutton-right.png) no-repeat;z-index: 1;width: 18px;float: left;height: 27px !important;}
.grayButton ul li a{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;outline-style: none;}
.grayButton ul li a:hover{color: #000 !important;}
/* Green Button*/
.greenButton{float: left;overflow: hidden;position: relative;}
.greenButton ul{clear: left;float: left;list-style: none;margin: 0;padding: 0;position: relative;left: 50%;text-align: center;}
.greenButton ul li{display: block;float: left;list-style: none;margin: 0;padding: 0;position: relative;right: 50%;height: 25px !important;background: url(../../Content/images/green-button-center.png) repeat 0 0;}
.greenButton ul li.ltImg{background: url(../../Content/images/green-button-left.png) no-repeat;z-index: 1;padding: 0;float: left;width: 8px;height: 25px !important;}
.greenButton ul li.rtImg{background: url(../../Content/images/green-button-right.png) no-repeat;z-index: 1;width: 10px;float: left;height: 25px !important;}
.greenButton ul li a{display: block;margin: 0 0 0 1px;padding: 3px 3px 3px 3px; /*padding: 5px 10px;*/font-size: 10pt;font-family: Verdana;color: #fff;text-decoration: none;vertical-align: middle;padding-top: 4px !important;}
.greenButton ul li a:hover{color: #000 !important;}
/* Product Edit */
#EditProduct{clear: left;float: left;width: 720px;padding: 1px 15px;margin: 0 0 20px;font: .95em "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#EditProduct img{margin: 0 0 8px;}
#EditProduct li{list-style: none;}
#EditProduct li a{color: #787A8F;font-weight: bold;padding: 0 0 0 12px;}
#EditProduct_rl{float: left;display: table;width: 350px;margin: 0 20px 30px 0;}
#EditProduct_rr{float: right;width: 350px;display: table;}
#EditProduct_rl li, #EditProduct_rr li{list-style: none;padding: 8px 8px 11px 8px;margin: 0;border-bottom: 1px solid #ccc;}
#EditProduct_rl li a, #EditProduct_rr li a{padding: 0 0 0 12px;color: #808080;}
.MSOfieldName{color: #8C8C8C;z-index: 9999;}
.MSOfieldValue{color: #000;float: right;font: "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
/*For SearchBox*/
.searchbox_seprator{display: block;background: url(../../Content/images/menu-separator.png);height: 22px;width: 2px;}
.inventorySwitcher{display: inline-block;width: 0px;height: 0px;border: none; /* margin: 1px 25px 1px 25px;*/background: url("../../Content/Images/Icon_Menu_Inventory_Small.png") no-repeat 0 0;cursor: pointer;}
.inventorySwitcher2{display: inline-block;border: none; /* margin: 1px 25px 1px 25px;*/}
/*worklist styles*/
.ui-icon.mso-group-collapse{background-image: url("../images/blue-down-arrow.png") !important;height: 19px;width: 19px;padding-right: 5px;}
.ui-icon.mso-group-expand{background-image: url("../images/blue-arrow-up.png") !important;height: 19px;width: 19px;padding-right: 5px;}
.ui-widget-content a.worklist{color: White;font-size: 1.5em;text-decoration: none;display: block;font-family: outline;outline-style: none;}
.ui-widget-content a.worklist:hover{color: #FF9900;}
.ui-widget-content a.worklist.selected{color: #FF9900;}
.ui-widget-content a.worklist.selected:hover{color: #ffd608;}
.ui-widget-content tr.jqgrow.groupend > td{border-bottom: 2px solid black;}
.ui-widget-content.jqgroup > td.groupstart{border-bottom-color: rgb(211,211,211);}
/* Field Validation Style*/
.field-validation-error{color: #b10000 !important;font-size: smaller !important;}
.field-validation-valid{display: none !important;}
.input-validation-error{border: 2px ridge #ff0000 !important;}
.validation-summary-errors{font-weight: bold !important;color: #ff0000 !important;}
.validation-summary-valid{display: none !important;}
/* Menu for flyout*/
.flyout_menu{float: right;position: relative;}
.flyout_options{margin-top: 5px;position: absolute;width: 200px;background: url('pointer.png') no-repeat 50% top;padding: 21px;}
.flyout_options li{list-style: none;padding: 5px;background: #474747;}
.flyout_options li:first-child{-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;}
.flyout_options li:last-child{-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.flyout_options a{display: block;color: #fff;font-weight: bold;text-decoration: none;padding: 5px;}
.flyout_options a:hover{background: #44a2e2;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.repairorderdownarrow{display: inline-block;width: 28px;height: 20px;border: none;margin-top: 3px;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.setbgcolor_leftMenu{background-color: #EDEEEF;color: #231F20;padding: 2px 2px 2px 2px;width: 180px !important;}
.ui-jqgrid tr.jqgroup td{font-size: 1.1em !important;font-weight: bold !important; /* background-color: #ebedf7 !important;*/padding: 8px 0 8px 0;}
tr.jqfoot td{background-color: #fff !important;color: #000;line-height: 35px;}
.specialinstructionsdownarrow{display: inline-block;width: 28px;height: 20px;border: none;float: right;padding: 1px 0 5px 0;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.resubmitcommentsutdownarrow{display: inline-block;width: 28px;height: 20px;border: none;float: right;padding: 1px 0 5px 0;cursor: pointer;outline: 0;background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;}
.adfsLogincontainer{
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 40px 40px 20px 40px;
    height: auto;
    border-radius: 25px;
    background: rgba(0,48,60,1);
    background: -moz-linear-gradient(-45deg, rgba(0,48,60,1) 0%, rgba(1,130,185,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,48,60,1)), color-stop(100%, rgba(1,130,185,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,48,60,1) 0%, rgba(1,130,185,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,48,60,1) 0%, rgba(1,130,185,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,48,60,1) 0%, rgba(1,130,185,1) 100%);
    background: linear-gradient(135deg, rgba(0,48,60,1) 0%, rgba(1,130,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00303c', endColorstr='#0182b9', GradientType=1 );
}
.adfsLogincontainer > .contentHeading {
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 100;
    background: none;
    padding: 5px 5px 7px 5px;
    font-family: Century Gothic, Verdana, Helvetica, Sans-Serif;
    border: none;
}
.contentHeading.alert, .contentHeading.error {
    background: linear-gradient(180deg, #A00226, #71001A);
    color: white;
}

.contentHeading.info {
    background: linear-gradient(0, #015599, #8AB0D3);
    color: white;
}

.contentHeading.success {
    background: linear-gradient(0, #005200,#008000);
    color: white;
}

.customersettingsdownarrow {
    display: inline-block;
    width: 28px;
    height: 20px;
    border: none;
    float: right;
    margin-top: 3px;
    cursor: pointer;
    outline: 0;
    background: url("../../Content/Images/blue-flyout.png") no-repeat 0 0;
}
.ui-dialog .ui-dialog-titlebar{background-color: transparent;height: 15px;margin: 0 auto !important;}
.ui-dialog-title {
    font-size: 13px !important;
    text-align: center !important;   
}

.ppg-linq-icon-app {
    background-image: url(../../Content/Images/PPGLINQ_IconApp.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: auto;
}

.hoverClass{text-decoration: none;margin: 10px 0px 10px 0px;background: url("../../Content/Images/downArrow.png") no-repeat 0 0; /*   width:37px; height:34px;*/}
#dialog{position: relative !important;}
/*Footer style*/
footer{clear: both;display: block;width: 90%;max-width: 960px;min-width: 960px;margin-left: auto;margin-right: auto;text-align: center;font-size: 0.8em;line-height: normal;position: relative;bottom: 0;}
footer > div{display: block;}
footer > div.license{font-size: x-small;}
.categorydownimg{display: inline-block;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/blue-down-arrow.png") no-repeat 0 0;}
.categoryupimg{display: inline-block;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/blue-down-up.png") no-repeat 0 0;}
/* for date picker */
a.dp-choose-date{float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url("../../Content/Images/Calendar.gif") no-repeat;}
a.dp-choose-date.dp-disabled{background-position: 0 -20px;cursor: default;}
input.dp-applied{width: 140px;float: left;}
/*switcher
-------------------------------------------------------*/
#switcher {
    /*font-family: Century Gothic,Verdana, Helvetica, Sans-Serif;*/
    font-family: Arial;
    background-color: #00A4C7;
    display: inline-block;
    border: 4px outset white;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
}
#switcher ul{list-style-type: none;list-style-position: outside;list-style-image: none;padding: 10px 30px 0px 30px;}
#switcher li{float: left;}
#switcher h2{line-height: 1;font-weight: normal;margin: 0px 0px 10px 0px;}
#switcher a{text-transform: uppercase;text-decoration: none;color: #fff;display: block;width: 175px;padding-top: 5px;}
#switcher a:hover{text-decoration: none;}
#switcher a:active{text-decoration: none;}
#switcher a.menuitem{font-size: 14pt;text-align: center;}
#switcher span{background-repeat: no-repeat;background-position: center top;padding-top: 10px;display: block;}
#switcher img{border: 0px;}
/*#switcher a:hover img{background-color: #888888;box-shadow: 0px 0px 14px 5px #888888;}*/
a.linkstyle{color: #0080FF !important;font-size: 11px !important;text-decoration: none !important;outline-style: none;line-height:18px;line-height:18px;}
a.linkstyle:hover{text-decoration: underline !important;}
a.flyoutlinkstyle{color: #0080FF !important;font-size: 14px !important;text-decoration: none !important;}
a.flyoutlinkstyle:hover{text-decoration: underline !important;}
.dashboard-title{font-size: 21px;color: #231f20;}
.ui-widget-content a.group-heading{float: left;text-decoration: none;font-size: 12px;color: #0080ff;padding-left: 5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: none !important;}
.subcategory{display: block;padding: 2px 2px 2px 2px;color: #0080FF !important;outline-style: none;text-transform: uppercase}
.subcategory:hover{display: block;padding: 2px 2px 2px 2px;background-color: #EDEEEF;color: #231F20 !important;width: 180px !important;}
.alertmessage{background: #fcfcfc;padding: 5px 5px;margin-bottom: 10px;font-family: Verdana;font-weight: 600;border: 2px solid #ff0000;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;-webkit-border: 7px 7px 7px 7px;}
.disabledAnchor{pointer-events: none !important;cursor: default;color: Gray !important;}
.disabledButton {pointer-events: none !important;opacity: 0.5;color: Gray !important;}
.physicalinventorydetail{position: relative;display: none;}
.showphysicalinventorydetail{position: relative;display: block !important;}
.styled-select select{color: #666;font: "Verdana !important";font-size: 11px !important;width: 120px;height: 150px;padding-bottom: 3px;padding-top: 3px;}
.usernamestyle{font-family: Verdana;font-size: 12px;color: #fff;}
.productlist_scroll{height: 250px;width: 320px;overflow: auto;border: 1px solid #666;background-color: #fff;padding: 8px;}
.logoutoptionoverlay{z-index: 1000;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;background: #000;opacity: 0.45;-moz-opacity: 0.45;filter: alpha(opacity=45);visibility: hidden;}
.logoutdownarrow{font-size: 11px;padding-right: 5px;cursor: pointer;outline: 0;}
.showerrormessage.success {border: 2px solid #008000;color: #008000;margin-bottom: 10px;}
/* for footer*/
#wrappercontainer{min-height: 100%;position: relative;}
#showunmatchbarcode{display: inline;width: 27px;height: 27px;border: none;margin: 1px 5px 5px 1px;background: url("../../Content/Images/Icon_Menu_Inventory_Small.png") no-repeat 0 0;}
#showunmatchbarcode:hover{cursor: pointer;}
.inventorylevels_dragicon{display: inline-block;width: 22px;height: 22px;border: none;margin: 1px 5px 5px 1px;cursor: url('../../Content/Images/openhand.cur'), move;background: url("../../Content/Images/reorder.png") no-repeat 0 0;}
.loader{width: 18px;height: 20px;border: none;display: inline-block; /*display:none;**/ /*margin: 5px 5px 5px 1px;*/background: url("../../Content/Images/loader.gif") no-repeat 0 center;}
.loadinglarge{width: 18px;height: 20px;border: none;display: inline-block; /*display:none;**/ /*margin: 5px 5px 5px 1px;*/background: url("../../Content/Images/loadinglarge.gif") no-repeat 0 center;}
table.jqplot-table-legend{border: none !important;}
.budgetgraph_heading{font-weight: bold;color: #333;font-size: 12px;padding: 8px 0 8px 0;}
.poqty{display: inline-block;vertical-align: middle;width: 30px !important;height: auto;}
.numberstyle{text-align: right;}
.selectivePI{color: #0080ff;text-align: right;font-size: 10pt;font-family: Verdana;text-decoration: none;vertical-align: middle;background: transparent;border: 0;outline-style: none;}
.selectivePI{cursor: pointer;}
/* For Numeric Up /Down Spinner */
.ui-spinner{position: relative;}
.ui-spinner-buttons{position: absolute;}
.ui-spinner-button{overflow: hidden;}
.jqplot-table-legend{font-size: 0.75em !important;font-family: Verdana !important;margin-left: 0 !important;margin-right: 0 !important;margin-top: 15px !important;left: 0px !important;width: 190px;}
/* Style for contact us*/
.contactus_tabContainer{width: 100%;font-family: 'verdana';font-size: 12px;}
.contactus_leftSide{float: left;width: 25%;border: 0px solid #000;padding-bottom: 10px;padding-left: 12px;}
.contactus_rightSide{float: right;width: 70%;border: 0px solid #000;border-left: 0px;padding-bottom: 10px;}
.contactus_clearDiv{clear: both;}
/*checkbox list */
.customcheckboxlist{border: 1px solid #ccc;display: block;height: 300px;width: 320px;}
.customcheckboxlist .topbar{background-color: #ebedf7;border-bottom: 1px solid #ccc;padding: 3px;overflow: hidden;}
.customcheckboxlist .topbar .txtFilter{width: 120px;margin-left: 3px;border: 1px solid #ccc;}
.customcheckboxlist .topbar .filterbox{display: inline-block;float: right;}
.customcheckboxlist .topbar .chkAll{margin-top: 7px;border-right: 1px solid #ccc;}
.customcheckboxlist .table{width: 100%;border-spacing: 0;}
.scrolleffect{overflow: auto;height: 250px;}
.customcheckboxlist .table td{padding: 2px;border-bottom: 0px solid #eee;}
.customcheckboxlist tr td:first-child{width: 16px;}
.customcheckboxlist tr td label{display: inline-block;width: 100%;}
.highlight{background-color: #FFC;}
.customcheckboxlistsearchbox{background: #FFFFFF url('../images/magnifying-glass.png') no-repeat;background-position:left center;padding: 4px 4px 4px 22px;border: 1px solid #CCCCCC;width: 120px;margin-left: 3px;border: 1px solid #ccc;}
.duplicateImportProduct{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/Delete_Icon_Small.gif") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.productAlreadyExists{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/Ok_Icon_Small.gif") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.errorImportProduct{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/SSO.png") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.successImportProduct{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/Ok_Icon_Small.gif") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.productOkToImport{display: inline-block;width: 18px !important;height: 18px !important;border: none;padding-left: 5px;background: url("../../Content/Images/Plus.PNG") no-repeat 0 0;background-size: 18px 18px;background-position: center center;}
.cautionsigncolor {color: #FF8000;font-weight: bold;}
.warningsigncolor {color: #FF2A00;font-weight: bold;}
.ui-loader {display: none;}

.filtericon{background:url('../images/clearFilter.gif') no-repeat;background-position:right center;padding: 4px 4px 4px 22px;width: 24px;margin-left: 3px;float: right;display:none;}
.filtericon:hover {cursor: hand;cursor: pointer;}
#distributorPOdetailLeft{clear: left;float: left;width: 95%;padding: 1px 15px;margin: 0 0 20px;font: .95em "Trebuchet MS" , Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#distributorPOdetailLeft img{margin: 0 0 8px;}

@media print
{
 * {-webkit-print-color-adjust:exact;}
#Menubar,#logindisplay,#footer,#printPO,#POsidebar_container_left {display:none;} 
.content_left {width: 980px;}
.page {width: 775px;}
.gradient {width:780px;}
.blueButton { display: none !important; }
.specialinstructionsdownarrow  { display: none; }
.resubmitcommentsutdownarrow { display: none; }
#site_content { overflow: visible; }
}
.mailattachment{display: inline-block;width: 18px;height: 21px;border: none;background: url("../../Content/Images/mail-Attachment.png") no-repeat 0 0;}
.jqgridRowBold td {
    font-weight : bold !important;    
}	
.messagetext{font-family: verdana;font-size: 10pt;color: #0080FF;text-decoration: none;outline-style: none;}
.Buttons {
    background: url(../../Content/images/blue-button-center.png) repeat 0 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border: none;
    cursor: pointer;
}   
.Buttons:hover {color:black;}
.Buttons.cancellation:disabled {background: #e0e0e0;cursor: not-allowed;}
.cancellation-buttons{text-align: end}
.return-order-cancellation {
    padding: 18px 20px;
    background-color: #f2f3fa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
textarea.cancellation {
    resize: none;
    width: 404px;
    height: 120px;
}