/* Colours to use */
.white {color: #ffffff}
.red {color: #ff0000}

.grey1 {color: #fafafa}
.grey2 {color: #f8f8f8}
.grey3 {color: #efefef}
.grey4 {color: #e5e5e5}
.grey5 {color: #dddddd}
.grey6 {color: #cccccc}
.grey7 {color: #aaaaaa}
.grey8 {color: #828282}

.blue1 {color: #a0bdda}
.blue2 {color: #86a0bf}
.blue3 {color: #4479ba}
.blue4 {color: #356094}
.blue5 {color: #2e5481}
.blue6 {color: #00697f} /* Bunzl blue */

h
.blueHoverText {color: #220099}

.blackSharperText {color: #333333}
.blackBlack {color: #000000}

.bunzlBlue {color: #00697f}
.bunzlGreen {color: #39b2b9}

.messageBoxBorder {color: #dd9999}
.messageBoxMain {color: #ffdddd}
.messageBoxBorder information {color: #dddd99}
.messageBoxMain information {color: #ffffdd}

/* Global styles */
html {overflow-y: scroll}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, cite, code, em, img, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0; padding: 0; border: 0; }
body {margin:5px 0px 0px 0px;background-color:#efefef;	font-family: Nunito, Calibri, Helvetica, sans-serif;font-size:11px;line-height:130%;color:#333333;}
input, select, textarea { font-size:11px; }
select { height:18px; margin: 1px 0px; }
input[type=checkbox] { height: 14px; }
input.disabled { background-color: #efefef; border: 1px solid #dddddd; border-top: 1px solid #aaaaaa; padding: 2px 2px 2px 2px; }
a { text-decoration:none; outline-style:none; color: #000000; }
a:hover { color:#220099; }
a:focus { outline-style: none; }

/* Menu styles */
#mainMenu, #mainMenu ul { list-style:none;cursor:pointer; }
#mainMenu div { background-color:#efefef;width:127px;padding:2px 0px 3px 8px;border:solid 1px #cccccc;border-right-style:none;border-top-style:none;}
#mainMenu div.sml { width:80px }
#mainMenu div.med { width:100px }
#mainMenu ul div { border:solid 1px #cccccc;border-top-style:none;background-color:#f8f8f8; }
#mainMenu a { display:block;padding:0px 0px 0px 1px;}
#mainMenu li { float:left;position: relative; }
#mainMenu li ul li { clear:both; }
#mainMenu li ul div:hover, ul div:hover { background-color:#e5e5e5; }
#mainMenu li ul { display:none;position:absolute;top:18px;left:0px;z-index:100; }
#mainMenu li:hover ul, .menuHover ul { display:block; }

/* Master page styles */
.main { width:1000px;margin-left:auto;margin-right:auto;background-color:#ffffff;border: solid 1px #aaaaaa; }
.menu { float: right;line-height: 15px;}
.logo { clear:both;background:url('Images/01 Mediq-logo-RGB.png') no-repeat;background-size:contain; height:68px;width:205px;margin:10px 0px 7px 10px; }
.logo a { height:68px; width:105px; position:absolute; }
.titleRightLogin { clear: right; float: right; background: url('Images/VisionText65.png') no-repeat; width: 205px; height: 64px; }
.titleRight { clear:right;float:right;background:url('Images/Vision-Header-375x64-2.png') no-repeat;width:375px;height:64px; }
.headerBar { clear:both;float:left;width:1000px;background-color:#00697f;height:24px; }
.headerBar a { color:#efefef; }
.headerBar a:hover { text-decoration:underline;color:#efefef;}
.cookieTrail { float:left;color:#efefef;padding:4px 0px 0px 10px; }
.loginInfo { float:right;color:#efefef;padding:3px 10px 0px 0px; }
.contentContainer { clear:both;padding:0px 10px 10px 10px; }
.contentInner { clear:both;width:979px;padding-top:10px;float:left; }
.contentSetHeight { float:left;height:450px;width:1px;}
.footerBar { clear:both;float:left;width:1000px;background-color:#39b2b9;height:24px;margin-bottom:10px; }
.footerLinks {float:right;margin:4px 6px 0px 0px;}

/* General layout styles */
.clear {clear:both;}
.clearPixel {clear:both;height:1px;}
.clearLine {clear:both;height:25px;}
.floatBottomRight { position: absolute; bottom: 0; right: 0; margin-bottom: 10px; }
.blockLeft {float:left;}
.blockRight {float:right;}
.noDisplay {display:none;}
.scrollMain {width:970px;height:440px;overflow:auto;padding-right:10px;}
.contentHeader {clear:both;border-bottom: solid 1px #aaaaaa;color:#39b2b9;padding-bottom:5px;font-weight:bold;}
.contentBody {clear:both;padding-left:10px;}
table { width: 980px;}
tbody tr:first-child td { padding-top:10px; }
th { background-color:#efefef;font-weight:normal;padding:3px 10px 3px 10px; text-align:left;border-bottom:solid 1px #828282; vertical-align:bottom; }
td { padding:3px 10px 3px 10px; }
.alternateRow { background-color: #efefef; }
.alternateHoverRow { background-color: #efefef; }
.alternateHoverRow:hover { background-color: #e5e5e5; }
.hoverRow:hover { background-color: #e5e5e5; }
.horizontalDivider { clear:both; border-top:solid 1px #aaaaaa; width:auto; margin-top:10px; margin-bottom: 10px;}

.columnNarrow { width:60px; }
.columnMedium { width:82px; }
.columnWide { width:120px; }
.columnExtraWide { width:200px; }
.columnImpersonate { width:85px; }

.centeredForm {clear:both;width:400px;margin:0px 0px 0px 270px;padding: 0px 0px 0px 0px; height:300px;margin-top:40px;}
.centeredForm .fieldContainer {width:400px;}
.centeredForm input[type=text], .centeredForm textarea, .centeredForm input[type="password"] {width:260px;}
.centeredForm select {width:264px;}
.centeredForm .clear {margin-bottom:3px;}

/* Elements */
.hyperlink, .hyperlink a { color:#00697f !important; text-decoration:none; }
.hyperlink:hover, .hyperlink:hover a { color:#00697f !important; text-decoration:underline; cursor: pointer;}

.fieldContainer {float:left;width:274px;}
.fieldContainer.lge {width:340px;}
.fieldContainer div {float:left;padding:1px 0px 2px 2px; }
.fieldContainer div:first-child { width:110px;padding:2px 0px 3px 3px; background-color:#fafafa;margin-left:10px;border: solid 1px #dddddd; }
.fieldContainer div:first-child.med { width:140px; }
.fieldContainer div:first-child.lge { width:225px; }
.fieldContainer div:first-child.sage { background-color:green; color:white; }
.fieldContainer .rangeSeparator {height: 12px; padding:4px 3px 0px 0px;}
.fieldContainer .containsLabel { background-color: white; color: black; border: 1px solid #707070; font-family: arial; padding: 2px 27px 1px 3px }
.buttonContainer {float:right;padding:2px 10px 0px 0px;}
.buttonContainer.left {float:left;padding:2px 0px 0px 10px;}
.buttonContainerLeft {float:left;padding:2px 0px 0px 10px;}

.button {float:left;background:url('Images/ButtonLeftOff.gif') no-repeat;height:18px;}
.button div {float:left;background:url('Images/ButtonRightOff.gif') no-repeat right;height:18px;vertical-align:bottom;}
.button a { display:block; height:100%; padding:1px 10px 0px 10px; }
.button:hover {background:url('Images/ButtonLeftOn.gif') no-repeat;}
.button:hover div {background:url('Images/ButtonRightOn.gif') no-repeat right;}
.buttonDivider { float:left;width:3px;height:18px; }

.disabledButton a {color:#aaaaaa !important;cursor:pointer;}
.disabledButton:hover {background:url('Images/ButtonLeftOff.gif') no-repeat;}
.disabledButton:hover div {background:url('Images/ButtonRightOff.gif') no-repeat right;}

.reportButton {float:left;background:url('Images/ReportLeftOff.gif') no-repeat;height:18px;}
.reportButton div {float:left;background:url('Images/ReportRightOff.gif') no-repeat right;height:18px;vertical-align:bottom;}
.reportButton a { display:block; height:100%; padding:1px 10px 0px 26px; }
.reportButton:hover {background:url('Images/ReportLeftOn.gif') no-repeat;}
.reportButton:hover div {background:url('Images/ReportRightOn.gif') no-repeat right;}

.sliderOpen { background: url(Images/ButtonUp.gif) no-repeat; width: 18px; height: 18px; float:right; cursor:pointer; } 
.sliderClosed { background: url(Images/ButtonDown.gif) no-repeat; width: 18px; height: 18px; float:right; cursor:pointer; }
.sliderLabel { padding-right:3px; } 

/* Controls */
.sectionTitle { padding: 4px 0px 6px 10px; font-weight: bold; color: #39b2b9; }
.sectionTitle.disabled { color: #aaaaaa; }
.columnCheck { width:18px; }
.financialColumn { text-align:right; }

.messageBox { margin:0px 0px 10px 0px; padding:8px 0px 10px 0px; width:980px; max-height: 100px; overflow: auto; border-top: solid 1px #dd9999; border-bottom: solid 1px #dd9999; background-color:#ffdddd; }
.messageBox.information { border-top: solid 1px #dddd99; border-bottom: solid 1px #dddd99; background-color:#ffffdd;}
.messageBox div {padding:0px 10px 0px 10px;}
.messageBox ul {float:left;margin-left:20px;}
.popupMessageBox {display:none; margin-left:10px; width:782px;}
.DetailPopUp .messageBox {width: 780px !important}

.schedulerWhLabel { float:left; margin: 7px 9px; font-size: 34px; color: #2e5481; }
.schedulerHeading { padding:2px 10px 3px 10px; width: auto; background-color:#228A22 !important; font-weight: bold;margin-left:10px;border: solid 1px #dddddd; float: left; height: 15px; margin-right: 10px; }
.schedulerHeading.warning { padding:2px 10px 3px 10px; width: auto; background-color:#dd0000 !important; font-weight: bold;margin-left:10px;border: solid 1px #dddddd; float: left; height: 15px; margin-right: 10px; }

.validationHighlight { border: 1px solid #ff0000 !important; }
.validationHighlight.padded { padding: 2px; }

.searchPanel { position: relative; float:left;width:980px; border-top: solid 1px #828282; border-bottom: solid 1px #828282; margin:0px 0px 10px 0px; padding:8px 0px 6px 0px;background-color:#efefef; }
.searchPanel input[type=text] { width:140px; }
.searchBox { position: relative; float:left;width:980px; border-top: solid 1px #828282; border-bottom: solid 1px #828282; margin:0px 0px 10px 0px; padding:8px 0px 6px 0px;background-color:#efefef; }
.searchBox input[type=text] { width:140px; }

.paging {float:left; width:681px;}
.pagingButtons {float:left;margin-left:308px;}
.paging .button {margin: 0px 2px 0px 2px; }
.paging a { display:block; }
.paging .pageDetails { float:left;width:122px; text-align:center; }
.pagingProgressBox { float: left; width:358px; height: 4px; margin: 5px 0px 0px 2px; border:1px solid #aaaaaa; }
.pagingProgressBar { height: 100%; background-color:#39b2b9; }
.pagingTotalRecords { float: left; width:358px; margin: 5px 0px 0px 2px; text-align: center; }

/*.maxResults { float: left; padding-left:8px; padding-top:2px; }*/
.maxResults { float: left; margin: 5px 0px 0px 50px;}
.maxResults span { float:left; }
.maxResults div { float:left; width:14px; height:14px; background:url('Images/Help.gif') no-repeat; }
.maxResults a { cursor:help }

.helpButton { margin: 1px 0px 0px 11px; padding: 0px 15px 14px 0px; background: url('Images/Help.gif') no-repeat;  }

.resultOptions { clear:both;background:url('Images/ResultActionBg.gif') no-repeat;height:70px;}
.noOptions { background:url('');}
.resultOptionDivider {float:left;width:6px;height:18px;background:url('Images/ResultActionItemBg.gif') no-repeat;}
.resultOptionItemContainer { padding: 10px 0px 0px 28px; }
.resultExportOption { float:right;padding-right:10px; }
   
.systemSettings input[type=text] {width:30px;}
.systemSettings p {margin: 4px;}
.systemSettings .buttonContainer { margin-bottom: 10px;}
.defaultEmailSetting input[type=text] {width:200px;}

.responsibilitiesList {float:left;width:329px;height:100px;border: solid 1px #828282;overflow:auto;padding:4px;}
.responsibilitiesList a, .responsibilitiesList a:hover {font-weight:bold;color:#ff0000;}
.responsibilitiesList div {padding:2px;}
.responsibilitiesContainer {float:left;width:450px;}

.infoNumber { clear:left; float:left; width:30px; padding-top:2px; }
.infoContent { float:left; width:910px; padding-bottom:2px; padding-top:2px; }
.infoContentNarrow { float:left; width:910px; }
.infoContentWide { float:left; width:910px; padding-bottom:5px; padding-top:5px; }
.info { list-style:none; }
.info div:hover { background-color: transparent; }
.glossaryRow { padding: 2px 0px 2px 0px }
.glossaryRow:hover { background-color: #e5e5e5; }
.glossaryCell { width: 200px; float: left }

.securityAuditExport { height:30px; }

/* Pages */
/*.welcomeImage { background:url('Images/VisionWelcome_BHC.jpg') no-repeat; position:absolute; width:1000px; height:338px; margin-left:-10px; margin-top:60px; }*/
.welcomeImage { background:url('Images/Vision-Banner-980x384-Mediq-Embrace.png') no-repeat; position:absolute; width:980px; height:384px; margin-top:25px; }

.newUserForm {float:left;width:85px;margin-right:8px;}
.newUserForm .buttonContainer { height:20px; }

.userSearch {clear:none; width:880px;}
.userSearch .fieldContainer div:first-child { width:66px; }
.userSearch .fieldContainer {width:226px;}
.userSearch input[type=text] { width:136px; }
.userSearch select { width:138px; }
.userSearch .checkOption { width:110px; }
.userSearch .userOptions {float:left;width:800px;}

.systemAuditSearch .fieldContainer {width:305px;}
.systemAuditSearch .fieldContainer div:first-child { width:85px; }
.systemAuditSearch input[type=text] { width:130px; }
.systemAuditSearch .checkOption { width:130px; }
.systemAuditSearch .dateField { float:left;width:61px; }
.systemAuditSearch .dateField input[type=text] { float:left;width:56px; }
   
.sldInventoryReportOpen { height: 172px; display: block; }
.sldInventoryReportClosed { height: 172px; display: none; }

.inventoryReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.inventoryReportSearch select { width:75px; }
.inventoryReportSearch input[type=text] { width:132px; }
.inventoryReportSearch .fieldContainer { width:500px;}
.inventoryReportSearch .sml { width:170px; float:right}
.inventoryReportSearch .sml select { width:55px; }
.inventoryReportSearch .sml div:first-child { width:88px; }
.inventoryReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.inventoryReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.inventoryReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.inventoryReportSearch .searchSection {float:left;width:300px;}

.sldOrderTrackingReportOpen { height: 310px; display: block; }
.sldOrderTrackingReportClosed { height: 310px; display: none; }

.orderTrackingReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.orderTrackingReportSearch select { width:75px; }
.orderTrackingReportSearch input[type=text] { width:132px; }
.orderTrackingReportSearch .fieldContainer { width:500px;}
.orderTrackingReportSearch .sml { width:170px; float:right}
.orderTrackingReportSearch .sml select { width:55px; }
.orderTrackingReportSearch .sml div:first-child { width:88px; }
.orderTrackingReportSearch .med { width:305px; float:left}
.orderTrackingReportSearch .med div:first-child { width:75px; }
.orderTrackingReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.orderTrackingReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.orderTrackingReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.orderTrackingReportSearch .searchSection {float:left;width:300px;}

.sldGoodsInBookingReportOpen { height: 194px; display: block; }
.sldGoodsInBookingReportClosed { height: 194px; display: none; }

.goodsInBookingReportSearch { padding: 10px 0px 8px 0px; }
.goodsInBookingReportSearch select { width:75px; }
.goodsInBookingReportSearch input[type=text] { width:132px; }
.goodsInBookingReportSearch .fieldContainer { width:500px;}
.goodsInBookingReportSearch .sml { width:170px; float:right}
.goodsInBookingReportSearch .sml select { width:55px; }
.goodsInBookingReportSearch .sml div:first-child { width:88px; }
.goodsInBookingReportSearch .med { width:305px; float:left}
.goodsInBookingReportSearch .med div:first-child { width:75px; }
.goodsInBookingReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.goodsInBookingReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.goodsInBookingReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.goodsInBookingReportSearch .searchSection {float:left;width:300px;}
.goodsInBookingReportSearch .button a { padding-top: 1px; }

.goodsInSchedulerPopupBody {margin: 0px;}
.goodsInSchedulerPopup {display: block;}

.goodsInBookingDetailPopupBody { margin: 0px; }
.goodsInBookingDetailPopupMain { height: 442px; display: inline-block; }
.goodsInBookingDetailPopup { padding: 1px; }
.goodsInBookingDetailPopup .messageBox { width: 880px; max-height: 28px; }
.goodsInBookingDetailPopup .Comments { width: 312px !important;}
.goodsInBookingDetailPopup .horizontalDivider { margin: 6px 10px 6px 10px; }

.goodsInBookingDetailPopup .fieldContainer { padding-top: 2px; }
.goodsInBookingDetailPopup .fieldContainer.cmb {width: 432px; }
.goodsInBookingDetailPopup .fieldContainer.cmb div:first-child { width:110px; height: 12px; padding:2px 0px 3px 3px; margin-bottom: 3px !important; background-color:#fafafa; margin-left:10px; border: solid 1px #dddddd; }
.goodsInBookingDetailPopup .fieldContainer.cmt {width: 390px; }
.goodsInBookingDetailPopup .fieldContainer.cmt input[type=text] {width: 259px;}
.goodsInBookingDetailPopup .fieldContainer.cmtl {width: 807px; }

.goodsInBookingDetailPopup .RadCalendarPopup { top: 15px !important; }
.goodsInBookingDetailPopup .riTextBox { width: 61px !important; }
.goodsInBookingDetailPopup .RadInput_Default { width: 128px !important}
.goodsInBookingDetailPopup .riTextBox.radBox { width: 128px !important; height: 19px !important; padding-bottom: 2px !important /*ch*/; font-family: Arial !important; font-size: 11px !important; }
.goodsInBookingDetailPopup .riTextBox.radBox1 { width: 675px !important; height: 76px !important; padding-bottom: 2px !important /*ch*/; font-family: Arial !important; font-size: 11px !important; }
.goodsInBookingDetailPopup .cmtl .riTextBox.radBox { width: 676px !important; }
.goodsInBookingDetailPopup .button a { padding-top: 2px; }

#cmbSupplierPerformance { padding: 0 !important; margin-left: 0 !important;border: 0 !important;}
#srchSupplier { border: 0 !important;padding: 0 !important;margin-left: 10px !important;}
#dpkDeliveryDate_wrapper { margin-left: -2px !important;background-color: #EFEFEF;border: 0;height: 15px !important;width:92px !important; height:21.66px !important; padding: 0px 0px 0px 2px !important; vertical-align:top !important;}

.ReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.ReportSearch select { width:75px; }
.ReportSearch input[type=text] { width:132px; }
.ReportSearch .fieldContainer { width:500px;}
.ReportSearch .sml { width:170px; float:right}
.ReportSearch .sml select { width:55px; }
.ReportSearch .sml div:first-child { width:88px; }
.ReportSearch .med { width:305px; float:left}
.ReportSearch .med div:first-child { width:75px; }
.ReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.ReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.ReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.ReportSearch .searchSection {float:left;width:300px;}
.sldSpendAnalysisReportOpen { height: 356px; display: block; }
.sldSpendAnalysisReportClosed { height: 356px; display: none; }

.spendAnalysisReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.spendAnalysisReportSearch select { width:75px; }
.spendAnalysisReportSearch input[type=text] { width:132px; }
.spendAnalysisReportSearch .fieldContainer { width:500px;}
.spendAnalysisReportSearch .sml { width:170px; float:right}
.spendAnalysisReportSearch .sml select { width:55px; }
.spendAnalysisReportSearch .sml div:first-child { width:88px; }
.spendAnalysisReportSearch .med { width:305px; float:left}
.spendAnalysisReportSearch .med select { width:190px; }
.spendAnalysisReportSearch .med div:first-child { width:75px; }
.spendAnalysisReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.spendAnalysisReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.spendAnalysisReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.spendAnalysisReportSearch .searchSection {float:left;width:300px;}

.sldPricesReportOpen { height: 287px; display: block; }
.sldPricesReportClosed { height: 287px; display: none; }

.pricesReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.pricesReportSearch select { width:75px; }
.pricesReportSearch input[type=text] { width:132px; }
.pricesReportSearch .fieldContainer { width:500px;}
.pricesReportSearch .sml { width:170px; float:right}
.pricesReportSearch .sml select { width:55px; }
.pricesReportSearch .sml div:first-child { width:88px; }
.pricesReportSearch .med { width:305px; float:left}
.pricesReportSearch .med div:first-child { width:140px; }
.pricesReportSearch .lge { width:504px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.pricesReportSearch .sectionTitle {padding:4px 0px 8px 10px;}
.pricesReportSearch .sectionSubTitle {padding: 0px 0px 5px 12px;}
.pricesReportSearch .searchSection {float:left;width:300px;}

.sldInternalProductReportOpen { height: 341px; display: block; }
.sldInternalProductReportClosed { height: 341px; display: none; }

.internalProductReportSearch { width:979px; padding: 10px 0px 9px 0px; }
.internalProductReportSearch select { width:75px; }
.internalProductReportSearch input[type=text] { width:125px; }
.internalProductReportSearch .fieldContainer { width:500px; }
.internalProductReportSearch .smlLeft { width:170px; }
.internalProductReportSearch .sml { width:170px;float: right; }
.internalProductReportSearch .sml select { width:55px; }
.internalProductReportSearch .sml div:first-child { width:88px; }
.internalProductReportSearch .med { width:305px; float:left }
.internalProductReportSearch .med div:first-child { width:60px; }
.internalProductReportSearch .med div.lgeFirstChild { width:113px; }
.internalProductReportSearch .med input[type=text] { width:212px; }
.internalProductReportSearch .lge { width:489px;} /* use fieldContainer with optional sml/med/lge to make total up to search pane width (or exactly to stop search button jumping up)*/
.internalProductReportSearch .sectionTitle { padding:4px 0px 8px 10px;}
.internalProductReportSearch .sectionSubTitle { padding: 0px 0px 5px 12px;}
.internalProductReportSearch .searchSection { float:left;width:300px;}
.internalProductReportSearch .buttonContainer { padding: 10px 10px 3px 0px; }

.sldInternalSalesReportOpen { display: flex; flex-direction: column; margin-bottom: 10px; }
.ie8 .sldInternalSalesReportOpen{ height: 342px; }
.ie9 .sldInternalSalesReportOpen { height: 346px; }
.sldInternalSalesReportClosed { display: none; }

.internalSalesReportSearch .fieldContainer { width: auto; float: none; } /* this can go once implemented to all, just an override for further up */
.internalSalesReportSearch .fieldContainer div { padding: 0px; } /* this can go once implemented to all, just an override for further up */
.internalSalesReportSearch .fieldContainer div:first-child { margin-left: 0px; } /* this can go once implemented to all, just an override for further up */
.internalSalesReportSearch select { height: auto; margin: 0px; } /* this can go once implemented to all, just an override for further up */
.internalSalesReportSearch .fieldContainer .rangeSeparator { height: auto; } /* this can go once implemented to all, just an override for further up */
.internalSalesReportSearch .RadPicker { padding-left: 3px !important; } /* this can go once implemented to all, just an override for further down */

.internalSalesReportSearchPanel { position: relative; float:left;width:979px; border-top: solid 1px #828282; border-bottom: solid 1px #828282; background-color:#efefef; line-height: normal; } /* rename to just searchPanel*/
.searchPanelSection { padding: 10px; float: left; }
.searchPanelSection.lge { width: 472px; }
.searchPanelSection.right { float: right; }
.internalSalesReportSearch .fieldContainer { float:left; display: flex; flex-direction: row; align-items: center; margin-bottom: 1px; }
.internalSalesReportSearch .fieldContainer div { float:left; padding-left: 3px; }
.internalSalesReportSearch .fieldContainer div:first-child { width:110px; padding: 2px 0px 3px 3px; background-color:#fafafa; border: solid 1px #dddddd   ; }
.internalSalesReportSearch .fieldContainer.sml div:first-child { width: 75px }
.internalSalesReportSearch .fieldContainer.med div:first-child { width: 88px }
.internalSalesReportSearch .fieldContainer .rangeSeparator { padding-bottom: 2px; }
.internalSalesReportSearch input[type=text] { width:125px /*ch*/; }
.internalSalesReportSearch .button a { padding-top: 2px; }
.datePanel, .reportViews { width: 273px; }
.reportViews { margin-top: 3px; }
.reportViews select { width: 180px; }
/* Telerik combine general section at bottom with this */ 
.internalSalesReportSearch .RadPicker { height: 20px !important; width: 82px !important; } /* div holding input and picker */
.internalSalesReportSearch .RadPicker td a { margin-top: -2px !important; } /* calendar icon */
.internalSalesReportSearch .RadInput_Default { padding-left: 3px !important; }
.internalSalesReportSearch .riTextBox { width: 60px !important; height: 18px !important; padding-bottom: 2px !important /*ch*/; font-family: Arial !important; font-size: 11px !important; }

/* Popups */
.popupBackground {position:fixed;right:0px;bottom:0px;width:3000px;height:3000px;background-color:#000000;filter:alpha(opacity=50);opacity:0.5;z-index:100;display:none;}
.popup {float:left;position:absolute;left:0px;background-color:#ffffff;z-index:200;border:solid 1px #333333;padding:1px;display:none;}
.popupTitle {clear:both;float:left;background-color:#00697f;color:#efefef;padding:4px 0px 6px 0px;width:100%;margin-bottom:8px;}
.popupTitle div:first-child { float:left; padding-left: 6px; }
.popupTitle .popupTitleRight {float:right;padding-right:5px}
.popupTitle .popupCloseLink {float:right;padding-right:6px;font-weight:bold;}
.popupCloseLink a {color:#ffffff;}
.popupMidBanner {clear:both;background-color:#00697f;color:#efefef;width:auto;margin:8px 10px 6px 10px;padding:2px 0px 2px 2px;}

.popup input[type=text], .popup textarea { width:258px;}
.popup input[type=text].sml {width: 82px;}
.popup input[type=text].sm {width: 175px;}
.popup input[type=text].med {width: 307px;}
.popup input[type=text].xl {width: 757px;}
.popup select.sml {width: 88px;}
.popup select.med {width: 313px;}
.popup textarea { overflow:auto;}
.popup .fieldContainer { width:401px;padding-top:2px; }
.popup .fieldContainer div:first-child {padding: 3px 0px 0px 3px; height: 17px;}
.popup .fieldContainer.xs {width:198px;}
.popup .fieldContainer.sml {width:225px;}
.popup .fieldContainer.sm {width:330px;}
.popup .fieldContainer.med {width: 450px; }
.popup .fieldContainer.lge {width: 800px; }
.popup .fieldContainer.xl {width: 900px; }
.popup .readonlyField, .popup .readonlyMultirowField { width:259px;overflow:auto;background-color:#ffffff;border:solid 1px #cccccc;height:100%;margin: 1px 0px 0px 2px;padding: 2px 0px 1px 3px; }
.popup .readonlyField { height:15px;}
.popup .readonlyField.sml { width: 83px;}
.popup .readonlyField.med { width: 308px;}
.popup .readonlyField.dbl { width: 660px; height: 45px}
.popup .readonlyField.dblXl { width: 758px; height: 45px}
.popup .readonlyMultirowField { height:76px;overflow:auto; }
.popup .readonlyMultirowField.med { width: 308px; }
.popup .sectionTitle { padding: 4px 0px 4px 10px; }
.popup .horizontalDivider { clear:both;border-top: solid 1px #aaaaaa;width:auto;margin:6px 10px 6px 10px;}
.popup .buttonContainer { height:25px; }
.popup .image { margin: 0px 0px 1px 10px; width: 280px; max-height: 280px; }

.popup .riSingle { width: 88px !important; }
.popup .riTextBox { width: 88px !important; }
.popup .datePicker .rcSingle .riSingle {width: 65px !important }
.popup .datePicker .riTextBox { width: 65px !important; }

.popup .fieldContainer .permissionLabel {width:161px;}
.popup .subContainerSml { margin-left: 16px;}
.popup .subContainerLge { margin-left: 51px;}
.popup .permissionSubLabel { float: left;padding-top: 3px;}
.popup .permissionRadioButton { margin-left: 15px;}
.popup .footerSpacing { clear:both;margin-bottom:6px }

.popup .orderTrackingReportDetails {float:left; margin-bottom:10px}
.popup .warehouseLimitDetails {float:left; margin-bottom:10px}
.popup .internalProductReportDetails {float:left; margin-bottom:10px}
.popup .viewImage .button a {padding-top: 2px;}

#AuditPopup { width:450px; }
#UserPopup {width:802px;left:150px;}
#ErrorsPopup {width:600px;left:200px;}
#ErrorsPopup .fieldContainer {width:598px;padding-top:2px;}
#ErrorsPopup .readonlyMultirowField { width:458px;height:180px; }
#ErrorsPopup .readonlyField { width:458px; }
#ViewImagePopup {width:300px}
#EditReportViewDialogPopup {width:570px;}
#EditReportViewDialogPopup .messageBox { width: 550px; margin-left: 10px;}
#EditReportViewDialogPopup .fieldContainer div:first-child {padding: 2px 0px 1px 3px;}

#OrderTrackingReportDetailPopup {width:910px;left:200px;}
#OrderTrackingReportDetailPopup .paging { width: 890px; margin: 4px 0px 0px 10px }
#OrderTrackingReportDetailPopup .pagingButtons { margin-left:263px; } 
#OrderTrackingReportDetailPopup .RadGrid { margin: 0px 10px 10px 10px; }

#InternalProductReportDetailPopup { width:802px }
#InternalProductReportDetailPopup .paging { width: 780px; margin: 4px 0px 0px 10px }
#InternalProductReportDetailPopup .pagingButtons { margin-left:208px; }

#HanaModelConfigDetailPopup { width: 750px; }
#HanaModelConfigDetailPopup .RadGrid { margin: 2px 10px 3px 10px; }

#WarehouseLimitDetailPopup {width:500px !important;}
#WarehouseLimitDetailPopup .paging { width: 890px; margin: 4px 0px 0px 10px }
#WarehouseLimitDetailPopup .pagingButtons { margin-left:263px; } 
#WarehouseLimitDetailPopup .RadGrid { margin: 0px 10px 10px 10px; }

#SetWarehouseLimitPopup {width:500px !important;}
#SetWarehouseLimitPopup .paging { width: 890px; margin: 4px 0px 0px 10px }
#SetWarehouseLimitPopup .pagingButtons { margin-left:263px; } 
#SetWarehouseLimitPopup .RadGrid { margin: 0px 10px 10px 10px; }
#SetWarehouseLimitPopup .messageBox { width: 480px !important;}


/* RadGrid */
/* columns fill grid, allow little col header above v-scroll so columns and headers line up, always show scrollbars */
.rgMasterTable { width: 100% !important; }
.rgHeaderDiv { width: auto !important; }
.rgDataDiv { overflow: scroll !important; height: 307px !important; }
.rgDataDiv .button { margin-top: -1px; margin-bottom: -1px }

/* gridlines inc stop the lh edge of first column header having double thickness border */
.rgHeader:first-child { border-left: 0px !important; }
.rgHeader { border-left: 1px solid #828282 !important; }
.rgRow td, .rgAltRow td { border-left: 1px solid #efefef !important; }

/* stop whole column going dark grey when sorted */
.rgRow .rgSorted, .rgAltRow .rgSorted { background-color: transparent !important; }

/* RadCalendar */
.RadPicker { width:92px !important; height:15px !important; padding: 0px 0px 0px 2px !important; vertical-align:top !important; } /* div holding input and picker */
table.rcTable .rcInputCell { width: 60px !important; padding: 0px 1px 0px 0px !important; } /* input exterior */
table.RadCalendarMonthView { width: 220px; }

/* RadInputs */
.riTextBox { width:60px !important; height:20px !important; padding:2px 0px 2px 2px !important; font-family:Arial !important; font-size: 11px !important; } /* input interior */
.noError .riError { background: none !important; background: #fff !important; border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important; color: #333 !important; }

/* RadAsyncUpload */
div.RadUpload { width: 229px; height: 38px; }
.RadAsyncUpload span.ruFileWrap { width: 230px !important; }

/* RadScheduler */
.RadScheduler tbody tr:first-child td { padding-top: 0px !important; }
.RadScheduler .rsWrap { width: 111% !important; }
.rsAptContent { padding: 10px 0px 0px 0px !important;text-align: center;}
.rsAptResize { display: none; }
.rsValidatorMsg { color: red; font-weight: bold; }
.rsLast { cursor: pointer; }
.rsHeaderDay:active { background-color: #CCCCCC; }
.rsTimeLine { border-top: 1px solid royalblue !important; }
.dotmatrix div:first-child div:first-child div:first-child div:first-child { background: url('Images/DotMatrix.png') !important; font-weight: bold; }

div.RadTabStrip .rtsSelected:hover { cursor: default; }

/* Hana */
.hanaStages { border: 1px solid #828282; text-align: center; }
.hanaStages .innerContainer { border: 2px solid #aaaaaa; margin: 20px; padding: 10px; display: inline-block; vertical-align: middle; }
.hanaStages .innerContainer.active { border: 2px solid #39b2b9; margin: 10px; padding: 20px; }
.hanaStages .sectionTitle { padding: 0px 0px 6px 0px }
.hanaStages .buttonContainerVal { padding: 3px 80px 20px 80px }
.hanaStages .buttonContainerSub { padding: 3px 83px 20px 83px }
.hanaStages .button_new { padding-left: 14px; padding-right: 14px }

.button_new, div.RadUpload .ruBrowse {
    /* IE8 */
    behavior: url(Scripts/PIE-1.0.0/PIE.htc);
    position: relative;
    /*    */
    padding: 3px 6px 4px 6px;
    color: #ffffff;
    background: #4479ba;
    border: solid 1px #356094;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button_new:hover, div.RadUpload .ruButtonHover {
    color: #ffffff;
    background: #356094;
    border: solid 1px #2e5481;
    text-decoration: none;
}
.button_new:active { 
    background: #2e5481;
    border: solid 1px #00697f;
    -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.6), inset -2px -2px 2px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.6), inset -2px -2px 2px rgba(255, 255, 255, 0.4);
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.6), inset -2px -2px 2px rgba(255, 255, 255, 0.4);
    /*box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6), inset -1px -1px 1px rgba(255, 255, 255, 0.4); /* less deep */
}
.button_new.aspNetDisabled, .button_new[disabled] {
    color: #828282; 
    background: #a0bdda;
    border: 1px solid #86a0bf;
    text-shadow: -1px -1px 1px #efefef;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.buttonContainer_new { padding: 10px 0px 11px 0px; }