body, SELECT, OPTION, TABLE, INPUT, FORM, DIV, LABEL, SPAN { margin: 0; font-family: verdana,arial,helvetica; font-size: 8pt; margin-left: auto; margin-right: auto; } body { background-color: #d8e7b4; } /*============================================================================== * BMS POS Bucket Styles *=============================================================================*/ /* Common */ #tblBmsBucketList_WebForm .bucketItemBubble, #tblBmsBucketList_Mvc .bucketItemBubble { background-color: #f0e5f9; border-radius: 0 2px 2px 0; font-family: verdana, Arial, helvetica; font-size: 9.5px; color: #000; min-width: 22px; max-width: 35px; text-align:center; vertical-align:middle; padding-top: 1px; padding-bottom: 1px; } #tblBmsBucketList_WebForm .cellBucketLabel img, #tblBmsBucketList_Mvc .cellBucketLabel img { display:inline-block; } #tblBmsBucketList_WebForm td.cellBucketLabel, #tblBmsBucketList_Mvc td.cellBucketLabel { padding-right:0; } #tblBmsBucketList_WebForm .bucketItemBubble, #tblBmsBucketList_Mvc .bucketItemBubble { padding-left:0; } #tblBmsBucketList_WebForm #cellRefreshBucket, #tblBmsBucketList_Mvc #cellRefreshBucket { padding-left:5px; } /* Bucket Number Hover Style - Both single and dual value buckets */ #tblBmsBucketList_WebForm td.bucketItemBubble a:hover, #tblBmsBucketList_Mvc td.bucketItemBubble a:hover, #tblBmsBucketList_WebForm .bucketItemBubble_DualValues a:hover, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues a:hover { background-color:#40AE49 !important; color:#fff !important; } #tblBmsBucketList_WebForm td.bucketItemBubble a:hover span, #tblBmsBucketList_Mvc td.bucketItemBubble a:hover span, #tblBmsBucketList_WebForm .bucketItemBubble_DualValues a:hover span, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues a:hover span { color:#fff !important; } /* Bucket Search Button Spacing */ #tblBmsBucketList_WebForm .cellBucketSearch, #tblBmsBucketList_Mvc .cellBucketSearch { padding:0 0 0 5px; } #tblBmsBucketList_WebForm .cellBucketSearch_ToBeDesignedDisabled, #tblBmsBucketList_Mvc .cellBucketSearch_ToBeDesignedDisabled { padding:0 2px 0 25px; } #tblBmsBucketList_WebForm .cellBucketSearch_WireInDisabled, #tblBmsBucketList_Mvc .cellBucketSearch_WireInDisabled { padding:0 10px 0 25px; } #tblBmsBucketList_WebForm .cellBucketSearch_BothDisabled, #tblBmsBucketList_Mvc .cellBucketSearch_BothDisabled { padding:0 2px 0 35px; } .link_ToBeMade_title, .link_AwaitingDelivery_title, .link_OutForDelivery_title, .link_OnHold_title, .link_WireIn_title, .link_WireOut_title, .link_Messages_title { color: white; font-size: 0.99749em; /*10px/10.6667px = 0.93749em;*/ padding: 5px 5px 4px 5px; text-decoration: none; background-color: rgb(158,97,167); border: 1px solid rgb(158,97,167); border-radius: 2px 0 0 2px; } /* Common - Dual Values */ #tblBmsBucketList_WebForm .bucketItemBubble_DualValues, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues { background-color: #f0e5f9; border-radius: 0 2px 2px 0; font-family: verdana, Arial, helvetica; font-size: 9.5px; color: #000; height: 19px; min-width: 40px; max-width:90px; text-align:center; vertical-align:bottom; padding: 0; } #toast-container > .toast { background-color: #51A351; /* Set your desired background color */ color: #fff; /* Set your desired text color */ font-size: 50px; padding: 100px; width: 500px; height: 220px; text-align: center; } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues a span, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues a span { font-size:8pt; /* font-size:9.5px; */ /* changed from 9.5px back to 8pt to match single value's font-size: per Amira's request */ } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues div > span, #tblBmsBucketList_WebForm .bucketItemBubble_DualValues div > a, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues div > span, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues div > a { float:left; display:block; } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues .bucketDualValueSeparator, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues .bucketDualValueSeparator { margin:0 2px; } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues { padding-left:0; } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues div.dualValueContainer #tblBmsBucketList_Mvc .bucketItemBubble_DualValues div.dualValueContainer { } #tblBmsBucketList_WebForm .bucketItemBubble_DualValues .featureDisabled, #tblBmsBucketList_Mvc .bucketItemBubble_DualValues .featureDisabled { display:none !important; } /* Web Form */ #tblBmsBucketWebFormWrapper { border-collapse:collapse;border-spacing:0;border-width:0;border:0;margin:0 auto;width:998px; } #tblBmsBucketWebFormWrapper .rowBuckets { background-color:#dfc5f5; } #tblBmsBucketList_WebForm { border-collapse:collapse;border-spacing:0;border-width:0;border:0;margin:0 auto;width:100%;} #tblBmsBucketList_WebForm .cellBucketHorizontalSpacer { height:1px; } #tblBmsBucketList_WebForm .cellBucketLabel { text-align:right; } /* MVC */ #tblBmsBucketList_Mvc { border-collapse:collapse;border-spacing:0;border-width:0;border:0;margin:0 auto;width:100%;} #tblBmsBucketList_Mvc .cellBucketHorizontalSpacer { height:4px; } #tblBmsBucketList_Mvc .cellBucketLabel { text-align:right; } /*============================================================================== * Common Text Styles *=============================================================================*/ .NormalText, .NormalTextLarge, .NormalTextBold, .NormalTextRed, .NormalTextBoldLarge, .NormalTextRedLarge, .NormalTextWhite, .NormalTextBlack { font-family: verdana, Arial, helvetica; } .NormalText { font-size: 8pt; color: #000;} .NormalTextLarge { font-size: 10pt; color: #000; } .NormalTextBold { font-size: 8pt; color: #000; font-weight: 700; } .NormalTextRed { font-size: 8pt; color: red; } .NormalTextBoldLarge { font-size: 10pt; color: #000; font-weight: 700; } .NormalTextRedLarge { font-size: 10pt; color: red; font-weight: 700; } .NormalTextWhite { font-size: 8pt; color: #FFF; text-decoration: none; } .NormalTextBlack { font-size: 8pt; color: #000; text-decoration: none; } /*-------------------------------------------------------------------------------------*/ .SmallTextWhite, .HeaderTextWhite, .DescriptionText, .DateTime, .ProductsTableRow, .ShopNameHeader, .DashboardText, .MenuTextWhite, .SmallMenuTextWhite { font-family: verdana, Arial, helvetica; } .SmallTextWhite { font-size: 7pt; color: #FFF; } .HeaderTextWhite { font-size: 9pt; font-weight: 700; color: #FFF; } .DescriptionText { font-size: 8pt; color: #6d098e; } .DateTime { font-size: 8pt; color: #FFF; font-weight: 700; } .ProductsTableRow { font-size: 10pt; color: #000; font-weight: 700; background-color: #DFE5DB; } .ShopNameHeader { font-size: 14pt; color: #6D098F; padding: 0 0 0 20px; } .DashboardText { font-size: 10pt; color: #6D098F; } .MenuTextWhite { font-size: 11pt; color: #FFF; text-decoration: none; } .SmallMenuTextWhite { font-size: 9pt; color: #FFF; text-decoration: none; } /*-------------------------------------------------------------------------------------*/ .SuperTicketMainHeader, .SuperTicketHeader, .CollapsableCell, .CollapsableHeaderText, .PageHeaderText, .StepsHeaderText, .GrayHeaderText, .WarningMessage, .WarningMessageLarge { font-family: verdana, Arial, helvetica; } .SuperTicketMainHeader { font-size: 22pt; color: #000; } .SuperTicketHeader { font-size: 16pt; color: #000; text-decoration: underline; } .CollapsableCell { border: medium solid #faf9f9; } .CollapsableHeaderText { font-size: 10pt; font-weight: 700; color: #000; text-decoration: none; vertical-align: middle; } .PageHeaderText { font-size: 16pt; font-weight: 700; color: #f48026; text-decoration: none; } .StepsHeaderText { font-size: 10pt; font-weight: 700; color: #f48026; text-decoration: none; } .GrayHeaderText { font-size: 10pt; font-weight: 700; color: gray; text-decoration: none; } .WarningMessage { font-size: 8pt; color: #F90000; background-color:transparent; padding-left: 10px; font-weight:bold; } .WarningMessageLarge { font-size: 14pt; color: #F90000; font-weight:bold; } /*-------------------------------------------------------------------------------------*/ .SubTitles, .SubTitlesBold, .BubbleSummaryTitle, .BubbleSummaryText, .DeliveryAddressRow, .RoutingPageText, .RoutingPageOrangeText { font-family: Century Gothic, Verdana, Arial, helvetica; } .SubTitles { font-size: 13pt; color: #6D098E; padding-left: 5px; text-align:left; } .SubTitlesDescription { text-align:left; } .SubTitlesBold { font-size: 10pt; color: #000; font-weight: 700; } .BubbleSummaryTitle { font-size: 10pt; color: #FFF; font-weight: 700; text-decoration: none; } .BubbleSummaryText { font-size: 11pt; color: #ff5; font-weight: 700; text-decoration: none; } .DeliveryAddressRow { font-size: 10pt; color: #000; border-width: 0 0 1px 0; border-style:solid; border-color: #fff #fff #F3751D #fff; } .RoutingPageText { font-size: 12pt; color: #000; } .RoutingPageOrangeText { font-size: 12pt; color: #F3751D; } .SelectedRow { padding-left: 5px; background-color: #d8e7b4; } .FooterStyle { font-family: verdana, Arial, helvetica; font-size: 8pt; color: #FFF; background-image: url(/Images/POS/Backgrounds/TopMenuBackground.jpg); } .FooterStyleH50 { font-family: verdana, Arial, helvetica; font-size: 8pt; color: #FFF; background-image: url(/Images/POS/Backgrounds/TopMenuBackground1000x50.jpg); } .tblBmsFooterWrapper a { text-decoration:none; } .tblBmsFooterWrapper a:hover { text-decoration:underline; } .tblBmsFooterInner { margin: 0 auto; } .tblBmsFooterInner .SmallMenuTextWhite { text-align:center; padding-left:3px; padding-right:3px; } .tblBmsFooterInner_Top, .tblBmsFooterInner_Bottom { margin:0 auto; } .cursor_pointer { cursor: pointer !important; } .cursor_default { cursor: default !important; } .pastDeliveryDateText { color:red; font-weight:bold; } /*============================================================================== * BMS POS Screen Styles *=============================================================================*/ .OrangeLine { background-color: #F38025; height: 2px; padding: 0px !important; } .PurpleLine { background-color: #6D098E; height: 2px; padding: 0px !important; } .GrayLine { background-color: #DCDCDC; height: 1px; padding: 0px !important; } .BlackLines { background-color: #000000; height: 2px; padding: 0px !important; } .WhiteLine { background-color: #FFF; width: 1px; padding: 0px !important; } .InnerContentTable { width: 96%; } .GrayBorderTable { border: 1px solid #fff; /*border: 1px solid #E8E6E6;*/ } /* Messages */ .MessageHeader, .MessageHeaderPurple, .MessageText { font-family: Arial, Verdana, Century Gothic; } .MessageHeader { font-size: 10pt; color: #000; font-weight: 700;} .MessageHeaderPurple { font-size: 10pt; color: #612561; font-weight: 700; } .MessageText { font-size: 10pt; color: #000; } /* HighlightError, HighlightGridItem, HighlightRequiredField */ .HighlightError { background-color:#d75c5c; color: #FFF; } .HighlightGridItem { background-color:#c9a1a1; font-size:13px; color: #FFF; font-weight: 700; } .HighlightRequiredField { border-style:inset; border-color:lightgreen; border-width:2px 1px 1px 2px; background-color: #e0ffdb; } .HighlightRequiredFieldInput input { border-style:inset; border-color:lightgreen; border-width:2px 1px 1px 2px; background-color: #e0ffdb; } .HighlightGrayField { background-color: lightgray; } .HighlightErrorImportant { background-color: #d75c5c !important; color: #ffffff !important; } /* Order Delivery Status Alert */ .AlertMessage_Green { font-family: Arial; color: Green; font-weight: 700; font-size: 10pt; } /* Order Detail Styles */ table.TableStyle1 { width: 98%; border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; } table.TableStyle2 { width: 100%; border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; } table.TableStyle3 { width: 100%; border-collapse:collapse; border-spacing: 0; border: 0; padding: 1px; } table.TableStyle4 { width: 100%; border-collapse:collapse; border-spacing: 0; border: 0; padding: 2px; } .BorderTableLTC { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_top_left.jpg') no-repeat transparent; } .BorderTableRTC { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_top_right.jpg') no-repeat transparent; } .BorderTableTMiddle { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; background: url('/Images/POS/Misc/smallbox_top.jpg') repeat-x scroll 0 0 transparent; } .BorderTableLBC { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_bottom_left.jpg') no-repeat transparent; } .BorderTableRBC { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_bottom_right.jpg') no-repeat transparent; } .BorderTableBMiddle { background: url('/Images/POS/Misc/smallbox_bottom.jpg'); } .BorderTableLMiddle { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_left.jpg'); } .BorderTableRMiddle { border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; height:15px; width:15px; background: url('/Images/POS/Misc/smallbox_right.jpg'); } .ProductRowDisplay { background-color: #dcdcdc; } table.PageLayout { background: url('/Images/Admin/Backgrounds/lineBackground.jpg') center center repeat-y transparent; width:1000px; height:843px; margin-bottom:15px; } #InnerDiv { padding: 0; } .MainContentTable { width: 1000px; height: 100%; border-collapse:collapse; border-spacing: 0; border: 0; padding: 0; } .ProductRowDisplay { background-color: #dcdcdc; } /*============================================================================== * BMS POS Top Menu, POS Bucket, Page Boxing Styles *=============================================================================*/ /* Main POS Screen Header Menu, Bucket */ .TopMainMenu { background: url('/Images/Admin/Backgrounds/lineBackground.jpg'); } .TopMainMenuWide { background: url('/Images/Menu/TopBackground.jpg') repeat-x #dfc5f5; } .TopMainHeaderBottom { background: url('/Images/Admin/Backgrounds/headerBottom.jpg'); width:100%; } .TopMainHeaderBottomNoImage { background-color: #ffffff; width:100%; } .TopMenuBackground { background-image: url('/Images/Menu/TopBackground.jpg'); padding: 0; } .TopMenuUserInfoHeader { margin-top: 0; font-family: verdana, Arial, helvetica; font-size: 8pt; color: #FFF; } .TopMenuUserInfo { margin-top: 0; font-family: verdana, Arial, helvetica; font-size: 12px; color: #FFF; font-weight:bold; padding: 0px 5px 0px 0px; } .TablePageContent { margin-bottom: 5px; border:0px solid transparent; width:100%; border-spacing:0px; border-collapse:collapse; } /* Page Boxing Styles */ .pageGreenBoxBorderTop { background: url('/Images/Admin/Backgrounds/contentTop.png') no-repeat transparent; height:28px; } .pageGreenBoxBorderMiddle { background: url('/Images/Admin/Backgrounds/contentMiddle.png') repeat-y transparent; } .pageGreenBoxBorderBottom { background: url('/Images/Admin/Backgrounds/contentBottom.png') no-repeat transparent; height:28px; } .pageGreenBoxBorderTop_Wide { background: url('/Images/Admin/Backgrounds/contentTop_wide.png') no-repeat transparent; height:28px; } .pageGreenBoxBorderMiddle_Wide { background: url('/Images/Admin/Backgrounds/contentMiddle_wide.png') repeat-y transparent; } .pageGreenBoxBorderBottom_Wide { background: url('/Images/Admin/Backgrounds/contentBottom_wide.png') no-repeat transparent; height:28px; } .contentGrayBoxTop { background: url('/Images/Admin/Backgrounds/gray_box_top.jpg') no-repeat transparent; height:16px; } .contentGrayBoxMiddle { background: url('/Images/Admin/Backgrounds/gray_box_center.jpg') repeat-y transparent; } .contentGrayBoxBottom { background: url('/Images/Admin/Backgrounds/gray_box_bottom.jpg') no-repeat transparent; height: 16px; } .contentGrayBoxTop_Wide { background: url('/Images/Admin/Backgrounds/gray_box_top825x16.jpg') no-repeat transparent; height:16px; } .contentGrayBoxMiddle_Wide { background: url('/Images/Admin/Backgrounds/gray_box_center825x4.jpg') repeat-y transparent; } .contentGrayBoxBottom_Wide { background: url('/Images/Admin/Backgrounds/gray_box_bottom825x16.jpg') no-repeat transparent; height: 16px; } .contentGrayBoxTop_ExtraWide { background: url('/Images/Admin/Backgrounds/gray_box_top850x16.jpg') no-repeat transparent; height:16px; } .contentGrayBoxMiddle_ExtraWide { background: url('/Images/Admin/Backgrounds/gray_box_center850x4.jpg') repeat-y transparent; } .contentGrayBoxBottom_ExtraWide { background: url('/Images/Admin/Backgrounds/gray_box_bottom850x16.jpg') no-repeat transparent; height: 16px; } .contentGrayBoxTop_UltraWide { background: url('/Images/Admin/Backgrounds/gray_box_top900x16.jpg') no-repeat transparent; height:16px; } .contentGrayBoxMiddle_UltraWide { background: url('/Images/Admin/Backgrounds/gray_box_center900x4.jpg') repeat-y transparent; } .contentGrayBoxBottom_UltraWide { background: url('/Images/Admin/Backgrounds/gray_box_bottom900x16.jpg') no-repeat transparent; height: 16px; } .pageWebStoreSummaryTop { background: url('/Images/Admin/Backgrounds/webStoreSummaryBoxTop.png') no-repeat transparent; height:33px; } .pageWebStoreSummaryMiddle { background: url('/Images/Admin/Backgrounds/webStoreSummaryBoxMiddle.png') repeat-y transparent; } .pageWebStoreSummaryBottom { background: url('/Images/Admin/Backgrounds/webStoreSummaryBoxBottom.png') no-repeat transparent; height:33px; } /*-------------------------------------------------------------------------------------*/ .SmallBoxColorBorderTable { width: 100%; } td.SmallBoxColorBorderTL { background-image: url('/Images/POS/Backgrounds/TL.png'); width: 20px; height: 20px; } td.SmallBoxColorBorderMiddleTop { background-image: url('/Images/POS/Backgrounds/CT.png'); height: 20px; } td.SmallBoxColorBorderMiddleBottom { background-image: url('/Images/POS/Backgrounds/CB.png'); height: 20px; } td.SmallBoxColorBorderMiddleLeft { background-image: url('/Images/POS/Backgrounds/MR.png'); width: 20px; } td.SmallBoxColorBorderMiddleRight { background-image: url('/Images/POS/Backgrounds/ML.png'); width: 20px; } td.SmallBoxColorBorderTR { background-image: url('/Images/POS/Backgrounds/TR.png'); width: 20px; height: 20px; } td.SmallBoxColorBorderBL { background-image: url('/Images/POS/Backgrounds/BL.png'); width: 20px; height: 20px; } td.SmallBoxColorBorderBR { background-image: url('/Images/POS/Backgrounds/BR.png'); width: 20px; height: 20px; } td.SmallBoxColorBorderMiddle { background-color: #FFF; font-family: Arial, verdana; color: #000; font-size: 13px; } /*============================================================================== * BMS POS Payment Methods (Logos, Icons) *=============================================================================*/ .paymentOption38x24 { background: url('/Images/POS/Payments/PayOptionLogos_38x24.png') no-repeat transparent; width:38px; height:24px; } .paymentOption51x32 { background: url('/Images/POS/Payments/PayOptionLogos_51x32.png') no-repeat transparent; width:51px; height:32px; } .paymentOption63x40 { background: url('/Images/POS/Payments/PayOptionLogos_63x40.png') no-repeat transparent; width:63px; height:40px; } .paymentOption76x48 { background: url('/Images/POS/Payments/PayOptionLogos_76x48.png') no-repeat transparent; width:76px; height:48px; } .paymentOption95x60 { background: url('/Images/POS/Payments/PayOptionLogos_95x60.png') no-repeat transparent; width:95px; height:60px; } .paymentOption120x76 { background: url('/Images/POS/Payments/PayOptionLogos_120x76.png') no-repeat transparent; width:120px; height:76px; } /* Icon Size: 38x24 */ .paymentOption38x24.visa { background-position: 0px 0px; } .paymentOption38x24.master { background-position: 0px -24px; } .paymentOption38x24.discover { background-position: 0px -48px; } .paymentOption38x24.amex { background-position: 0px -72px; } .paymentOption38x24.jcb { background-position: 0px -96px; } .paymentOption38x24.diners { background-position: 0px -120px; } .paymentOption38x24.unionpay { background-position: 0px -144px; } .paymentOption38x24.paypal { background-position: 0px -168px; } .paymentOption38x24.google { background-position: 0px -192px; } .paymentOption38x24.amazon { background-position: 0px -216px; } .paymentOption38x24.cirrus { background-position: 0px -240px; } .paymentOption38x24.maestro { background-position: 0px -264px; } /* Icon Size: 51x32 */ .paymentOption51x32.visa { background-position: 0px 0px; } .paymentOption51x32.master { background-position: 0px -32px; } .paymentOption51x32.discover { background-position: 0px -64px; } .paymentOption51x32.amex { background-position: 0px -96px; } .paymentOption51x32.jcb { background-position: 0px -128px; } .paymentOption51x32.diners { background-position: 0px -160px; } .paymentOption51x32.unionpay { background-position: 0px -192px; } .paymentOption51x32.paypal { background-position: 0px -224px; } .paymentOption51x32.google { background-position: 0px -256px; } .paymentOption51x32.amazon { background-position: 0px -288px; } .paymentOption51x32.cirrus { background-position: 0px -320px; } .paymentOption51x32.maestro { background-position: 0px -352px; } /* Icon Size: 63x40 */ .paymentOption63x40.visa { background-position: 0px 0px; } .paymentOption63x40.master { background-position: 0px -40px; } .paymentOption63x40.discover { background-position: 0px -80px; } .paymentOption63x40.amex { background-position: 0px -120px; } .paymentOption63x40.jcb { background-position: 0px -160px; } .paymentOption63x40.diners { background-position: 0px -200px; } .paymentOption63x40.unionpay { background-position: 0px -240px; } .paymentOption63x40.paypal { background-position: 0px -280px; } .paymentOption63x40.google { background-position: 0px -320px; } .paymentOption63x40.amazon { background-position: 0px -360px; } .paymentOption63x40.cirrus { background-position: 0px -400px; } .paymentOption63x40.maestro { background-position: 0px -440px; } /* Icon Size: 76x48 */ .paymentOption76x48.visa { background-position: 0px 0px; } .paymentOption76x48.master { background-position: 0px -48px; } .paymentOption76x48.discover { background-position: 0px -96px; } .paymentOption76x48.amex { background-position: 0px -144px; } .paymentOption76x48.jcb { background-position: 0px -192px; } .paymentOption76x48.diners { background-position: 0px -240px; } .paymentOption76x48.unionpay { background-position: 0px -288px; } .paymentOption76x48.paypal { background-position: 0px -336px; } .paymentOption76x48.google { background-position: 0px -384px; } .paymentOption76x48.amazon { background-position: 0px -432px; } .paymentOption76x48.cirrus { background-position: 0px -480px; } .paymentOption76x48.maestro { background-position: 0px -528px; } /* Icon Size: 95x60 */ .paymentOption95x60.visa { background-position: 0px 0px; } .paymentOption95x60.master { background-position: 0px -60px; } .paymentOption95x60.discover { background-position: 0px -120px; } .paymentOption95x60.amex { background-position: 0px -180px; } .paymentOption95x60.jcb { background-position: 0px -240px; } .paymentOption95x60.diners { background-position: 0px -300px; } .paymentOption95x60.unionpay { background-position: 0px -360px; } .paymentOption95x60.paypal { background-position: 0px -420px; } .paymentOption95x60.google { background-position: 0px -480px; } .paymentOption95x60.amazon { background-position: 0px -540px; } .paymentOption95x60.cirrus { background-position: 0px -600px; } .paymentOption95x60.maestro { background-position: 0px -660px; } /* Icon Size: 120x76 */ .paymentOption120x76.visa { background-position: 0px 0px; } .paymentOption120x76.master { background-position: 0px -76px; } .paymentOption120x76.discover { background-position: 0px -152px; } .paymentOption120x76.amex { background-position: 0px -228px; } .paymentOption120x76.jcb { background-position: 0px -304px; } .paymentOption120x76.diners { background-position: 0px -380px; } .paymentOption120x76.unionpay { background-position: 0px -456px; } .paymentOption120x76.paypal { background-position: 0px -532px; } .paymentOption120x76.google { background-position: 0px -608px; } .paymentOption120x76.amazon { background-position: 0px -684px; } .paymentOption120x76.cirrus { background-position: 0px -760px; } .paymentOption120x76.maestro { background-position: 0px -836px; } /*============================================================================== * Credit Card Deferred Notification *=============================================================================*/ #divCreditCardDeferredNoticeWrap { display:block; clear:both; float:none; } #divCreditCardDeferredMessage { color:#AA0000; font-size:11px; display:block; margin:2px 0 10px 0; } .ccDeferredNoticeEmphasized { font-weight:bold; font-size:11.5px !important; color:red; } /*============================================================================== * BMS POS Site-Wide Common Styles *=============================================================================*/ /** Clearfix **/ .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .group:before, .group:after {visibility: hidden; display: table; content: ""; clear: both; height: 0;} /* btnTransparency (Fade-Out hover effect via transparency) */ .btnTransparency { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; } .btnTransparencyHighVisibility { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .btnTransparencyMediumVisibility { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .btnTransparencyLowVisibility { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; } .hide { display:none; } /* No Margin, No Padding */ .noMargin { margin: 0 !important; } .noPadding { padding: 0 !important; } /* Vertical Spacers */ .vSpacer1px { height: 1px; } .vSpacer2px { height: 2px; } .vSpacer3px { height: 3px; } .vSpacer4px { height: 4px; } .vSpacer5px { height: 5px; } .vSpacer10px { height: 10px; } .vSpacer15px { height: 15px; } .vSpacer20px { height: 20px; } .vSpacer25px { height: 25px; } .vSpacer30px { height: 30px; } .vSpacer35px { height: 35px; } .vSpacer40px { height: 40px; } .vSpacer45px { height: 45px; } .vSpacer50px { height: 50px; } /* General Padding Overrides */ .pleft0px { padding-left: 0 !important; } .pleft1px { padding-left: 1px !important; } .pleft2px { padding-left: 2px !important; } .pleft3px { padding-left: 3px !important; } .pleft4px { padding-left: 4px !important; } .pleft5px { padding-left: 5px !important; } .pleft8px { padding-left: 8px !important; } .pleft10px { padding-left:10px !important; } .pleft12px { padding-left:12px !important; } .pleft15px { padding-left:15px !important; } .pleft20px { padding-left:20px !important; } .pleft25px { padding-left:25px !important; } .pleft30px { padding-left:30px !important; } .pleft35px { padding-left:35px !important; } .pleft40px { padding-left:40px !important; } .pleft45px { padding-left:45px !important; } .pleft50px { padding-left:50px !important; } .pright0px { padding-right: 0 !important; } .pright1px { padding-right: 1px !important; } .pright2px { padding-right: 2px !important; } .pright3px { padding-right: 3px !important; } .pright4px { padding-right: 4px !important; } .pright5px { padding-right: 5px !important; } .pright8px { padding-right: 8px !important; } .pright10px { padding-right: 10px !important; } .pright12px { padding-right: 12px !important; } .pright15px { padding-right: 15px !important; } .pright20px { padding-right: 20px !important; } .pright25px { padding-right: 25px !important; } .pright30px { padding-right: 30px !important; } .pright35px { padding-right: 35px !important; } .pright40px { padding-right: 40px !important; } .pright45px { padding-right: 45px !important; } .pright50px { padding-right: 50px !important; } .ptop0px { padding-top: 0 !important; } .ptop1px { padding-top: 1px !important; } .ptop2px { padding-top: 2px !important; } .ptop3px { padding-top: 3px !important; } .ptop4px { padding-top: 4px !important; } .ptop5px { padding-top: 5px !important; } .ptop8px { padding-top: 8px !important; } .ptop10px { padding-top:10px !important; } .ptop12px { padding-top:12px !important; } .ptop15px { padding-top:15px !important; } .ptop20px { padding-top:20px !important; } .ptop25px { padding-top:25px !important; } .ptop30px { padding-top:30px !important; } .ptop35px { padding-top:35px !important; } .ptop40px { padding-top:40px !important; } .ptop45px { padding-top:45px !important; } .ptop50px { padding-top:50px !important; } .pbottom0px { padding-bottom: 0 !important; } .pbottom1px { padding-bottom: 1px !important; } .pbottom2px { padding-bottom: 2px !important; } .pbottom3px { padding-bottom: 3px !important; } .pbottom4px { padding-bottom: 4px !important; } .pbottom5px { padding-bottom: 5px !important; } .pbottom8px { padding-bottom: 8px !important; } .pbottom10px { padding-bottom:10px !important; } .pbottom12px { padding-bottom:12px !important; } .pbottom15px { padding-bottom:15px !important; } .pbottom20px { padding-bottom:20px !important; } .pbottom25px { padding-bottom:25px !important; } .pbottom30px { padding-bottom:30px !important; } .pbottom35px { padding-bottom:35px !important; } .pbottom40px { padding-bottom:40px !important; } .pbottom45px { padding-bottom:45px !important; } .pbottom50px { padding-bottom:50px !important; } /* General Margin Overrides */ .mleft0px { margin-left: 0 !important; } .mleft2px { margin-left: 2px !important; } .mleft5px { margin-left: 5px !important; } .mleft8px { margin-left: 8px !important; } .mleft10px { margin-left:10px !important; } .mleft12px { margin-left:12px !important; } .mleft15px { margin-left:15px !important; } .mleft20px { margin-left:20px !important; } .mleft25px { margin-left:25px !important; } .mleft30px { margin-left:30px !important; } .mleft35px { margin-left:35px !important; } .mleft40px { margin-left:40px !important; } .mleft45px { margin-left:45px !important; } .mleft50px { margin-left:50px !important; } .mright0px { margin-right: 0 !important; } .mright2px { margin-right: 2px !important; } .mright5px { margin-right: 5px !important; } .mright8px { margin-right: 8px !important; } .mright10px { margin-right:10px !important; } .mright12px { margin-right:12px !important; } .mright15px { margin-right:15px !important; } .mright20px { margin-right:20px !important; } .mright25px { margin-right:25px !important; } .mright30px { margin-right:30px !important; } .mright35px { margin-right:35px !important; } .mright40px { margin-right:40px !important; } .mright45px { margin-right:45px !important; } .mright50px { margin-right:50px !important; } .mtop0px { margin-top: 0 !important; } .mtop2px { margin-top: 2px !important; } .mtop5px { margin-top: 5px !important; } .mtop8px { margin-top: 8px !important; } .mtop10px { margin-top:10px !important; } .mtop10px { margin-top:12px !important; } .mtop15px { margin-top:15px !important; } .mtop20px { margin-top:20px !important; } .mtop25px { margin-top:25px !important; } .mtop30px { margin-top:30px !important; } .mtop35px { margin-top:35px !important; } .mtop40px { margin-top:40px !important; } .mtop45px { margin-top:45px !important; } .mtop50px { margin-top:50px !important; } .mbottom0px { margin-bottom: 0 !important; } .mbottom2px { margin-bottom: 2px !important; } .mbottom5px { margin-bottom: 5px !important; } .mbottom8px { margin-bottom: 8px !important; } .mbottom10px { margin-bottom:10px !important; } .mbottom12px { margin-bottom:12px !important; } .mbottom15px { margin-bottom:15px !important; } .mbottom20px { margin-bottom:20px !important; } .mbottom25px { margin-bottom:25px !important; } .mbottom30px { margin-bottom:30px !important; } .mbottom35px { margin-bottom:35px !important; } .mbottom40px { margin-bottom:40px !important; } .mbottom45px { margin-bottom:45px !important; } .mbottom50px { margin-bottom:50px !important; } /*============================================================================== * BMS POS Catalogs *=============================================================================*/ .ProductName, .ProductPriceRed, .CategoryTreeSubs, .CategoryTreeSubsInactive, .CategoryTreeTopLevel { font-family: verdana, Arial, helvetica; } .ProductPrice, .ProductPriceLineThrough, .ProductSKU, .ProductStatus { font-family: Arial, Verdana, helvetica; } .ProductName { font-size: 11pt; color: #000; font-weight: 700; text-decoration: none; } .ProductPriceRed { font-size: 10pt; color:Red; font-weight: normal; text-decoration: none; } .CategoryTreeSubs { font-size: 9pt; color: #5a8f29; font-weight: 700; text-decoration: none; } .CategoryTreeSubsInactive { font-size: 9pt; color: Gray; text-decoration: none; } .CategoryTreeTopLevel { font-size: 11pt; color: #6d098e; font-weight: 700; text-decoration: none; } .ProductPrice { font-size: 10pt; color: #000; font-weight: 700; } .ProductPriceLineThrough { font-size: 10pt; color: #000; font-weight: 700; text-decoration: line-through; } .ProductSKU { font-size: 8pt; color: #000; font-weight: 700; } .ProductStatus { font-size: 8pt; color: red; font-weight: 700; } .GridInactive { background: url('/Images/Admin/Misc/grid_no.png') center center no-repeat transparent; } .GridActive { background: url('/Images/Admin/Misc/grid_check.png') center center no-repeat transparent; } /* Category Tables */ table.CategoryTable { border: 0; width: 95%; } .CategoryHeader { font-family: Arial; color: #FFF; font-weight: 700; font-size: 12pt; background-color:#996699; padding: 5px 5px 5px 5px; } .CategoryRows { font-family: Arial; color: #000; font-weight:normal; font-size: 12pt; padding: 3px 3px 3px 3px; background-color: #FFF; } /*============================================================================== * Tabstrip Styles *=============================================================================*/ .tabStrip ul { margin: 0; padding: 0 0 0 20px; list-style-type: none; } .tabStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; } .tabLink { display: block; text-decoration: none; padding: 5px; font-size: 9pt; background: #FFF; color: #8a8a8a; } .tabLinkActive { display: block; text-decoration: none; padding: 5px; font-size: 9pt; background: #FFF; color: #F48026; } .tabContent { display: none; } .tabContentActive { display: block; clear: both; padding: 0; width: 806px; } .linkout { background-color: #FFF; } .linkover { background-color: #0099CB; } .templatenames { font-family: Verdana; font-size: 8pt; color: #000; } .previewlink { font-family: Verdana; font-size: 8pt; color: #456653; } /*============================================================================== * XSToolTip Styles *=============================================================================*/ .xstooltip { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 2; width: 400px; font: normal 9pt sans-serif; color: #FFF; padding: 3px; border: solid 1px; background-repeat: repeat; background-image: url('/Images/Admin/misc/blue.png'); } .xstooltip_wide { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 2; width: 475px; font: normal 9pt sans-serif; color: #FFF; padding: 3px; border: solid 1px; background-repeat: repeat; background-image: url('/Images/Admin/misc/blue.png'); } .xstooltip_wide li { margin-bottom:2px; } /*============================================================================== * Telerik RadGrid Overrides *=============================================================================*/ div.RadGrid_Telerik { border:0 solid #828282; background:#fff; color:#000; } /* Header */ div.RadGrid_Telerik .rgHeaderDiv { background:#eee 0 -8050px repeat-x url('Grid/sprite.gif'); color: #FFF; } .rgTwoLines .rgHeaderDiv { background-position:0 -7550px; color: #FFF; } div.RadGrid_Telerik th.rgSorted { background-color:#b388b3; color: #000; } div.RadGrid_Telerik .rgHeader, div.RadGrid_Telerik th.rgResizeCol, table.koTable th { border-bottom:1px solid #000; background:#996699; font-weight: 700; color: #FFF; } .sortableHeader { cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sortableHeader.ascending, .sortableHeader.descending { background: #F8F2F9 !important; color: #996699; } .sortableHeader .ui-icon { position: absolute; top: 3px; right: 0; } div.RadGrid_Telerik .rgHeader, div.RadGrid_Telerik .rgHeader a { color:#fff; } /* Rows */ div.RadGrid_Telerik .rgRow td { border: 0; } div.RadGrid_Telerik .rgAltRow, table.koTable tbody tr.koTableAlt { border: 0; background-color:#d2c1d2; } div.RadGrid_Telerik .rgAltRow td { border: 0; } div.RadGrid_Telerik .rgSelectedRow { background:#bbcc92 0 -3900px repeat-x url('Grid/sprite.gif'); } div.RadGrid_Telerik .rgRow .rgSorted, div.RadGrid_Telerik .rgAltRow .rgSorted { border: 0; background-color:#f0e5f9; } div.RadGrid_Telerik .rgSelectedRow .rgSorted, div.RadGrid_Telerik .rgActiveRow .rgSorted, div.RadGrid_Telerik .rgHoveredRow .rgSorted, div.RadGrid_Telerik .rgEditRow .rgSorted { background-color:transparent; } *+html div.RadGrid_Telerik .rgSelectedRow .rgSorted {background-color:#bbcc92} * html div.RadGrid_Telerik .rgSelectedRow .rgSorted {background-color:#bbcc92} div.RadGrid_Telerik .rgActiveRow, div.RadGrid_Telerik .rgHoveredRow { background:#a2ea8b 0 -2900px repeat-x url('Grid/sprite.gif'); } *+html div.RadGrid_Telerik .rgActiveRow .rgSorted, *+html div.RadGrid_Telerik .rgHoveredRow .rgSorted {background-color:#a2ea8b} * html div.RadGrid_Telerik .rgActiveRow .rgSorted, * html div.RadGrid_Telerik .rgHoveredRow .rgSorted {background-color:#a2ea8b} div.RadGrid_Telerik .rgEditRow { background:#fff 0 -4900px repeat-x url('Grid/sprite.gif'); } *+html div.RadGrid_Telerik .rgEditRow .rgSorted {background-color:#fff} * html div.RadGrid_Telerik .rgEditRow .rgSorted {background-color:#fff} div.RadGrid_Telerik .rgActiveRow td, div.RadGrid_Telerik .rgActiveRow td.rgSorted, div.RadGrid_Telerik .rgHoveredRow td, div.RadGrid_Telerik .rgHoveredRow td.rgSorted { border-bottom-color:#28a800; } div.RadGrid_Telerik .rgSelectedRow td, div.RadGrid_Telerik .rgSelectedRow td.rgSorted { border-bottom-color:#155800; } div.RadGrid_Telerik .rgEditRow td, div.RadGrid_Telerik .rgEditRow td.rgSorted { border-bottom-color:#333; } div.RadGrid_Telerik .rgRow a, div.RadGrid_Telerik .rgAltRow a, div.RadGrid_Telerik .rgEditRow a, div.RadGrid_Telerik .rgFooter a, div.RadGrid_Telerik .rgEditForm a { color: Blue; } /* Pager */ div.RadGrid_Telerik .rgPager { background:#eeeeee; } .CursorStyle { cursor: pointer; } /* RadEditor */ div.RadEditor { background-color: #FFF; border: 0; } /*============================================================================== * Telerik RadMenu Overrides *=============================================================================*/ /* Controls Top Menu Background */ div.RadMenu_Telerik .rmRootGroup, div.RadMenu_Telerik .rmGroup .rmText, div.RadMenu_Telerik .rmLeftArrow, div.RadMenu_Telerik .rmRightArrow, div.RadMenu_Telerik .rmTopArrow, div.RadMenu_Telerik .rmBottomArrow { background-image: url('Menu/rmSprite.png'); background-color: Transparent; background-image: none; border: 0; } div.RadMenu_Telerik .rmRootGroup { background-color: Transparent; } /* Root Items */ div.RadMenu_Telerik, div.RadMenu_Telerik a.rmLink { text-decoration: none; background-color: Transparent; background-image: none; } div.RadMenu_Telerik a.rmLink, div.RadMenu_Telerik a.rmDisabled, div.RadMenu_Telerik a.rmDisabled:hover { background-color:Transparent; padding: 0px 0px 2px 0px; } div.RadMenu_Telerik .rmGroup .rmFirst a.rmLink, div.RadMenu_Telerik .rmGroup .rmFirst a.rmLink:hover { /*background-image: url('/Images/Menu/ItemTopSmallOver.png') !important;*/ } div.RadMenu_Telerik .rmLast .rmText, div.RadMenu_Telerik .rmLast a.rmLink:hover .rmText, div.RadMenu_Telerik .rmVertical a.rmLink, div.RadMenu_Telerik .rmVertical .rmText { } /* Controls Top Menu Item Fonts */ div.RadMenu_Telerik .rmHorizontal .rmRootLink span.rmText { padding-left: 5px; color: #fff; width: 89px; text-align:center; font-size:12px; } div.RadMenu_Telerik .rmHorizontal a.rmRootLink { padding-left: 2px; height:25px; } div.RadMenu_Telerik .rmHorizontal .rmItem > a.rmRootLink { width: 100%; } div.RadMenu_Telerik .rmHorizontal img.rmLeftImage { margin: 0 -4px 0 6px; } div.RadMenu_Telerik_rtl .rmHorizontal img.rmLeftImage { margin: 4px 6px 0 -4px;} div.RadMenu_Telerik .rmVertical a.rmLink { padding-top: 1px; padding-bottom: 1px; } div.RadMenu_Telerik .rmVertical a.rmLink:hover, div.RadMenu_Telerik .rmVertical a.rmFocused, div.RadMenu_Telerik .rmVertical a.rmSelected, div.RadMenu_Telerik .rmVertical a.rmExpanded, div.RadMenu_Telerik .rmVertical a.rmExpanded:hover { padding-top: 0; padding-bottom: 0; border-style: solid; border-color: #828282; border-width: 1px 0; } div.RadMenu_Telerik .rmVertical .rmFirst a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmFirst a.rmFocused, div.RadMenu_Telerik .rmVertical .rmFirst a.rmSelected, div.RadMenu_Telerik .rmVertical .rmFirst a.rmExpanded, div.RadMenu_Telerik .rmVertical .rmFirst a.rmExpanded:hover { padding-top: 0; padding-bottom: 0; border-top-width: 0; } div.RadMenu_Telerik .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmVertical .rmLast a.rmSelected, div.RadMenu_Telerik .rmVertical .rmLast a.rmExpanded, div.RadMenu_Telerik .rmVertical .rmLast a.rmExpanded:hover { padding-bottom: 1px; padding-top: 0; border-bottom-width: 0; } div.RadMenu_Telerik .rmVertical .rmItem a.rmDisabled:hover { padding-top: 1px; padding-bottom: 1px; border-width: 0; } div.RadMenu_Telerik a.rmExpanded, div.RadMenu_Telerik a.rmExpanded:hover { background-color: #000; background-color: Transparent; } div.RadMenu_Telerik a.rmDisabled, div.RadMenu_Telerik a.rmDisabled:hover { color: #7d7d7d; background-color: transparent; } /*-------------------- * Sub-Menu Items *--------------------*/ /* Controls part of the sub menu */ div.RadMenu_Telerik .rmGroup, div.RadMenu_Telerik .rmMultiColumn { border: 0; padding:0; background-color:Transparent; background-image: none; } div.RadMenu_Telerik .rmGroup .rmVertical { border: 0; padding:0; background-color:Transparent; background-image: none; } div.RadMenu_Telerik .rmItem, div.RadMenu_Telerik .rmItem .rmSlide { z-index:2; } div.RadMenu_Telerik .rmItem .rmSlide .rmLevel2 { top: -1px !important; } div.RadMenu_Telerik .rmTopFix, div.RadMenu_Telerik .rmBottomFix, div.RadMenu_Telerik .rmRoundedCorners .rmGroup .rmItem, div.RadMenu_Telerik .rmRoundedCorners li.rmFirstGroupColumn .rmItem, div.RadMenu_Telerik .rmRoundedCorners ul.rmHorizontal .rmFirst, div.RadMenu_Telerik_Context.rmRoundedCorners .rmGroup .rmItem, div.RadMenu_Telerik_Context.rmRoundedCorners ul.rmHorizontal .rmFirst { background-image: url('Menu/rmVSprite.png'); background-color: #fff; background-repeat: repeat-y; } * html .rmRoundedCorners_Telerik .rmGroup .rmItem, * html .rmRoundedCorners_Telerik ul.rmHorizontal .rmFirst { background-image: url('Menu/rmVSprite.png'); background-color: #fff; background-repeat: repeat-y; } div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmGroup, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrap .rmItem, div.RadMenu_Telerik .rmRoundedCorners .rmGroupColumn .rmItem, div.RadMenu_Telerik .rmRoundedCorners .rmHorizontal .rmItem, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrap .rmVertical, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrap .rmItem, div.RadMenu_Telerik_Context.rmRoundedCorners .rmHorizontal .rmItem, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrap .rmVertical { background-image: none; } * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmGroup, * html .rmRoundedCorners_Telerik .rmScrollWrap .rmItem, * html .rmRoundedCorners_Telerik .rmHorizontal .rmItem, * html .rmRoundedCorners_Telerik .rmScrollWrap .rmVertical { background-image: none; } div.RadMenu_Telerik .rmBottomLeft, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer, div.RadMenu_Telerik_Context.rmRoundedCorners ul.rmGroup, div.RadMenu_Telerik .rmRoundedCorners ul.rmGroup, div.RadMenu_Telerik .rmRoundedCorners .rmMultiColumn { background-image: url('Menu/rmRoundedLeft.png'); background-color: transparent; background-repeat: no-repeat; } * html .rmRoundedCorners_Telerik .rmScrollWrapContainer, * html .rmRoundedCorners_Telerik .rmGroup ul.rmGroup, * html .rmRoundedCorners_Telerik ul.rmGroup { background-image: url('Menu/rmRoundedLeft.png'); background-color: transparent; background-repeat: no-repeat; } div.RadMenu_Telerik .rmTopRight, div.RadMenu_Telerik .rmBottomRight { background-image: url('Menu/rmRoundedRight.png'); background-color: transparent; background-repeat: no-repeat; } div.RadMenu_Telerik .rmTopFix, div.RadMenu_Telerik .rmBottomFix, div.RadMenu_Telerik .rmRoundedCorners .rmGroup .rmFirst, div.RadMenu_Telerik_Context.rmRoundedCorners .rmGroup .rmFirst, .rmRoundedCorners_Telerik .rmGroup .rmFirst { border-color: #979797; } div.RadMenu_Telerik .rmRoundedCorners .rmGroupColumn, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix { background: #FFF; } * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmTopFix, * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmBottomFix { background: #FFF; } div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow { background-color: #FFF; border: 0; } * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmTopArrow, * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmBottomArrow, * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmLeftArrow, * html .rmRoundedCorners_Telerik .rmScrollWrapContainer .rmRightArrow { background-color: #FFF; border: 0; } div.RadMenu_Telerik_rtl .rmBottomLeft, div.RadMenu_Telerik_rtl .rmRoundedCorners ul.rmGroup, div.RadMenu_Telerik_rtl .rmRoundedCorners .rmMultiColumn, div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer, div.RadMenu_Telerik .rmScrollWrapContainer .rmBottomLeft, .rmRoundedCornersdiv.RadMenu_Telerik_Context_rtl ul.rmGroup, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer, div.RadMenu_Telerik_rtl .rmTopRight, div.RadMenu_Telerik_rtl .rmBottomRight { background-image: url('Menu/rmRoundedLeft_rtl.png'); } div.RadMenu_Telerik_rtl li.rmTopFix, div.RadMenu_Telerik_rtl li.rmBottomFix, div.RadMenu_Telerik_rtl .rmRoundedCorners .rmGroup .rmItem, .rmRoundedCornersdiv.RadMenu_Telerik_Context_rtl .rmGroup .rmItem { background-position: 101% 0; } div.RadMenu_Telerik_rtl .rmGroup, div.RadMenu_Telerik_rtl .rmMultiColumn, div.RadMenu_Telerik_rtl .rmGroup .rmVertical { background-position: 100% 0; } div.RadMenu_Telerik .rmSlide .rmScrollWrap, div.RadMenu_Telerik .rmRootGroup .rmHorizontal { background-image: none; } div.RadMenu_Telerik .rmRootGroup li.rmItem .rmGroup { padding-bottom: 0; } div.RadMenu_Telerik .rmScrollWrap .rmVertical { border: 0; } div.RadMenu_Telerik .rmRoundedCorners .rmScrollWrapContainer li.rmItem, div.RadMenu_Telerik_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem, .rmRoundedCorners_Telerik .rmScrollWrapContainer li.rmItem { background: none; } /* Controls part of the ITEM HOVER */ div.RadMenu_Telerik .rmGroup .rmItem a.rmLink:hover { padding: 0; } div.RadMenu_Telerik .rmGroup .rmItem a.rmLink, div.RadMenu_Telerik .rmGroup .rmItem a.rmFocused, div.RadMenu_Telerik .rmGroup .rmItem a.rmSelected, div.RadMenu_Telerik .rmGroup .rmItem a.rmExpanded { padding-top: 0; padding-bottom: 0; border: 0; } div.RadMenu_Telerik .rmGroup a.rmLink, div.RadMenu_Telerik .rmGroup .rmText, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled:hover, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled .rmText, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled:hover .rmText { background-position: 0 500px; background-repeat: no-repeat; background-color: transparent; } /* Controls part of the LAST ITEM HOVER */ div.RadMenu_Telerik .rmGroup .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmGroup .rmLast a.rmFocused, div.RadMenu_Telerik .rmGroup .rmLast a.rmSelected, div.RadMenu_Telerik .rmGroup .rmLast a.rmExpanded { padding-bottom: 0; background: url('/Images/Menu/ItemBottomSmallOver.png') center center repeat transparent !important; } /* Controls The Image Background Hover for the items*/ div.RadMenu_Telerik .rmGroup a.rmLink:hover, div.RadMenu_Telerik .rmGroup a.rmFocused, div.RadMenu_Telerik .rmGroup a.rmSelected, div.RadMenu_Telerik .rmGroup a.rmExpanded { background: url('/Images/Menu/ItemMiddleSmallOver.jpg') center center repeat transparent !important; } div.RadMenu_Telerik .rmGroup a.rmLink:hover .rmText, div.RadMenu_Telerik .rmGroup a.rmFocused .rmText, div.RadMenu_Telerik .rmGroup a.rmSelected .rmText, div.RadMenu_Telerik .rmGroup a.rmExpanded .rmText { background-image: url('/Images/Menu/ItemBottomSmall.png'); color:yellow; } div.RadMenu_Telerik .rmGroup .rmExpandRight, div.RadMenu_Telerik .rmGroup .rmExpandDown, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled .rmExpandRight, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled .rmExpandDown, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight, div.RadMenu_Telerik .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown { background-position: 100% -216px; } /* Menu Small Item Group */ div.RadMenu_Telerik .rmVertical li.smallItemGroup { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleSmall_Arrow.jpg'); } div.RadMenu_Telerik .rmGroup li.smallItemGroup a.rmLink:hover, div.RadMenu_Telerik .rmGroup li.smallItemGroup a.rmFocused, div.RadMenu_Telerik .rmGroup li.smallItemGroup a.rmSelected, div.RadMenu_Telerik .rmGroup li.smallItemGroup a.rmExpanded { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleSmallOver_Arrow.jpg') !important; } div.RadMenu_Telerik .rmGroup a.rmDisabled:hover .rmExpandRight, div.RadMenu_Telerik .rmGroup a.rmDisabled:hover .rmExpandDown { background-image: url('Menu/rmSprite.png'); background-position: 100% -216px; } div.RadMenu_Telerik_rtl a.rmLink { background-position: 100% -96px; } div.RadMenu_Telerik_rtl .rmText { background-position: 0 -72px; } div.RadMenu_Telerik_rtl .rmVertical a.rmExpanded .rmText, div.RadMenu_Telerik_rtl .rmVertical a.rmExpanded:hover .rmText { background-position: 0 500px; background-repeat: no-repeat; } div.RadMenu_Telerik_rtl .rmGroup a.rmLink:hover, div.RadMenu_Telerik_rtl .rmGroup a.rmFocused, div.RadMenu_Telerik_rtl .rmGroup a.rmSelected, div.RadMenu_Telerik_rtl .rmGroup a.rmExpanded { background-position: 100% -264px; } div.RadMenu_Telerik_rtl .rmGroup a.rmLink:hover .rmText, div.RadMenu_Telerik_rtl .rmGroup a.rmFocused .rmText, div.RadMenu_Telerik_rtl .rmGroup a.rmSelected .rmText, div.RadMenu_Telerik_rtl .rmGroup a.rmExpanded .rmText { background-position: 0 -288px; } div.RadMenu_Telerik_rtl .rmGroup .rmExpandLeft { background-position: 0 -312px; } div.RadMenu_Telerik_rtl .rmGroup a.rmLink:hover .rmExpandLeft, div.RadMenu_Telerik_rtl .rmGroup a.rmFocused .rmExpandLeft, div.RadMenu_Telerik_rtl .rmGroup a.rmSelected .rmExpandLeft, div.RadMenu_Telerik_rtl .rmGroup a.rmExpanded .rmExpandLeft { background-position: 0 -336px; } /* */ div.RadMenu_Telerik .rmSlide { margin: 0 0 0 0; background-color:Transparent; } div.RadMenu_Telerik .rmVertical .rmSlide, div.RadMenu_Telerik .rmSlide .rmSlide, div.RadMenu_Telerik_Context .rmGroup .rmSlide, div.RadMenu_Telerik_rtl .rmSlide { margin: 0 0 0 0; } div.RadMenu_Telerik_rtl .rmFirst .rmSlide { margin-left: 1px; } /* div.RadMenu_Telerik_rtl .rmVertical .rmSlide, div.RadMenu_Telerik_rtl .rmSlide .rmSlide, div.RadMenu_Telerik_Context_rtl .rmGroup .rmSlide { margin: 0 0 0 5px; }*/ /* Controls Vertical Menu Position */ div.RadMenu_Telerik ul.rmVertical { padding: 1px 0px 0px 0px; } /* Fix slide-down vertical menu sitting on top of the menu title */ div.RadMenu_Telerik .rmSlide .rmLevel1 { padding-top: 3px !important; } @media screen and (min--moz-device-pixel-ratio:0) { /* Mozilla CSS hack as of May, 2018 */ div.RadMenu_Telerik .rmSlide .rmLevel1 { padding-top: 3px !important; } } @-moz-document url-prefix() { div.RadMenu_Telerik .rmSlide .rmLevel1 { padding-top: 3px !important; } } /* Controls Vertical Menu Background Group */ div.rmSized .rmRootGroup .rmVertical { width: auto; background-color:Transparent; } div.rmSized ul.rmVertical { width: 100%; background-image: none; background-color: Transparent; } div.rmSized ul.rmRootGroup { background-image: none; background-color: Transparent; } /* Controls Top Menu Item */ div.RadMenu_Telerik .rmItem { float:left; background-color:Transparent; background-image: none; } .RadMenu_Telerik .rmHorizontal .rmItem { background-image: none; background-color:Transparent; } /* Controls Vertical Items Borders */ div.RadMenu_Telerik .rmVertical { border: 0; } div.RadMenu_Telerik .rmVertical .rmItem { background-image: url('/Images/Menu/ItemMiddleSmall.jpg'); height: 30px; width: 193px; } div.RadMenu_Telerik .rmVertical .rmFirst { background-image: url('/Images/Menu/ItemTopSmall.png'); height: 30px; width: 193px; } div.RadMenu_Telerik .rmVertical .rmFirst .rmLink { background-color: Transparent; background-image: none; } div.RadMenu_Telerik .rmVertical .rmLast .rmLink { background-color:Transparent; background-image: none; } div.RadMenu_Telerik .rmVertical .rmItem .rmLink { background-color: Transparent; background-image: none; } /* Extra Large Menu Item Overrides */ div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemTop { background: url('/Images/Menu/ItemTopExtraLarge.png') no-repeat scroll center center !important; width: 265px; } div.RadMenu_Telerik .rmVertical .rmItem.extralargeItem { background: url('/Images/Menu/ItemMiddleExtraLarge.png') no-repeat scroll center center !important; width: 265px; } div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemBottom { background: url('/Images/Menu/ItemBottomExtraLarge.png') no-repeat scroll 0 0 !important; width: 265px; } div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemTop a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemTop a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemTop a.rmSelected { background: url('/Images/Menu/ItemTopExtraLargeOver.png') no-repeat scroll center center !important; width:265px; } div.RadMenu_Telerik .rmVertical .rmItem.extralargeItem a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItem a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItem a.rmSelected { background: url('/Images/Menu/ItemMiddleExtraLargeOver.png') no-repeat center center !important; width:265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmSelected, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemBottom a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemBottom a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.extralargeItemBottom a.rmSelected { background: url('/Images/Menu/ItemBottomExtraLargeOver.png') no-repeat scroll 0 0 !important; width:265px; } /* Menu Large Item Group */ div.RadMenu_Telerik .rmVertical li.extralargeItemGroup { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleExtraLarge_Arrow.png'); } div.RadMenu_Telerik .rmVertical li.extralargeItemGroup a.rmLink:hover, div.RadMenu_Telerik .rmVertical li.extralargeItemGroup a.rmFocused, div.RadMenu_Telerik .rmVertical li.extralargeItemGroup a.rmSelected, div.RadMenu_Telerik .rmVertical li.extralargeItemGroup a.rmExpanded { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleExtraLargeOver_Arrow.png') !important; } /* Controls Level 2 Vertical Items */ div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmItem { background-image: url('/Images/Menu/ItemMiddleExtraLarge.png'); height: 30px; width: 265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmFirst { background-image: url('/Images/Menu/ItemTopExtraLarge.png'); height: 30px; width: 265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast { background-image: url('/Images/Menu/ItemBottomExtraLarge.png'); height: 30px; width: 265px; } /***********************************************************/ /* Large Menu Item Overrides */ div.RadMenu_Telerik .rmVertical .rmItem.largeItemTop { background: url('/Images/Menu/ItemTopLarge.png') no-repeat scroll center center !important; width: 215px; } div.RadMenu_Telerik .rmVertical .rmItem.largeItem { background: url('/Images/Menu/ItemMiddleLarge.jpg') no-repeat scroll center center !important; width: 215px; } div.RadMenu_Telerik .rmVertical .rmItem.largeItemBottom { background: url('/Images/Menu/ItemBottomLarge.png') no-repeat scroll 0 0 !important; width: 215px; } div.RadMenu_Telerik .rmVertical .rmItem.largeItemTop a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.largeItemTop a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.largeItemTop a.rmSelected { background: url('/Images/Menu/ItemTopLargeOver.png') no-repeat scroll center center !important; width:215px; } div.RadMenu_Telerik .rmVertical .rmItem.largeItem a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.largeItem a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.largeItem a.rmSelected { background: url('/Images/Menu/ItemMiddleLargeOver.jpg') no-repeat center center !important; width:215px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmSelected, div.RadMenu_Telerik .rmVertical .rmItem.largeItemBottom a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmItem.largeItemBottom a.rmFocused, div.RadMenu_Telerik .rmVertical .rmItem.largeItemBottom a.rmSelected { background: url('/Images/Menu/ItemBottomLargeOver.png') no-repeat scroll 0 0 !important; width:215px; } /* Menu Large Item Group */ div.RadMenu_Telerik .rmVertical li.largeItemGroup { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleLarge_Arrow.jpg'); } div.RadMenu_Telerik .rmVertical li.largeItemGroup a.rmLink:hover, div.RadMenu_Telerik .rmVertical li.largeItemGroup a.rmFocused, div.RadMenu_Telerik .rmVertical li.largeItemGroup a.rmSelected, div.RadMenu_Telerik .rmVertical li.largeItemGroup a.rmExpanded { background-position:center; background-repeat:no-repeat; background-image: url('/Images/Menu/ItemMiddleLargeOver_Arrow.jpg') !important; } /* Controls Level 2 Vertical Items */ div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmItem { background-image: url('/Images/Menu/ItemMiddleLarge.jpg'); height: 30px; width: 215px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmFirst { background-image: url('/Images/Menu/ItemTopLarge.png'); height: 30px; width: 215px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast { background-image: url('/Images/Menu/ItemBottomLarge.png'); height: 30px; width: 215px; } /***********************/ div.RadMenu_Telerik .rmVertical .rmText { padding: 0; color: #000; background-color:Transparent; } div.RadMenu_Telerik .rmVertical .rmLast { background-image: url('/Images/Menu/ItemBottomSmall.png'); } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmSelected { background: url('/Images/Menu/ItemBottomExtraLargeOver.png') no-repeat scroll 0 0; width:265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmVertical .rmLast a.rmSelected { background: url('/Images/Menu/ItemBottomLargeOver.png') no-repeat scroll 0 0; width:215px; } div.RadMenu_Telerik .rmVertical .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmLast a.rmFocused, div.RadMenu_Telerik .rmVertical .rmLast a.rmSelected { background-image: url('/Images/Menu/ItemBottomSmallOver.png'); } /* Controls Level 2 Items */ div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmExpanded { background: url('/Images/Menu/ItemMiddleExtraLargeOver.png') center center !important; width: 265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup a.rmExpanded { background: url('/Images/Menu/ItemMiddleLargeOver.jpg') center center !important; width: 215px; } /* Controls The Image Background Hover for the items*/ div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmExpanded { background: url('/Images/Menu/ItemTopExtraLargeOver.png') center center !important; width: 265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmFirst a.rmExpanded { background: url('/Images/Menu/ItemTopLargeOver.png') center center !important; width: 215px; } /* Controls Level 2 Items */ div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmExpanded { background: url('/Images/Menu/ItemBottomExtraLargeOver.png') scroll 0 0 !important; width: 265px; } div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmLink:hover, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmFocused, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmSelected, div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLast a.rmExpanded { background: url('/Images/Menu/ItemBottomLargeOver.png') scroll 0 0 !important; width: 215px; } /* Controls Level 2 Items */ div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLink { width: 265px; background-position: 0 0; } div.RadMenu_Telerik .rmSlide .rmSlide .rmGroup .rmLink { width: 215px; background-position: 0 0; } /* Controls The Hover Back Effect for Top and Vertical Menus */ div.RadMenu_Telerik a.rmLink:hover, div.RadMenu_Telerik a.rmFocused, div.RadMenu_Telerik a.rmSelected { background: url('/Images/Menu/TopMenuItem.png') center center no-repeat transparent !important; border: 0; width: 106px; height:22px; } .defaultCursor { cursor: default !important; } .defaultCursor .k-state-active { cursor:default !important; } div.RadMenu_Telerik a.rmSelectedNoBackground { background-image: none !important; } div.RadMenu_Telerik a.rmLink { cursor:pointer; } /* Controls the first elemt of the top menu */ div.RadMenu_Telerik .rmRootGroup .rmFirst a.rmLink:hover, div.RadMenu_Telerik .rmRootGroup .rmFirst a.rmFocused, div.RadMenu_Telerik .rmRootGroup .rmFirst a.rmSelected { background-color:Transparent; background-repeat:no-repeat; background-position:center; width: 106px; height: 22px; } div.RadMenu_Telerik .rmRootGroup a.rmLink:hover .rmText, div.RadMenu_Telerik .rmRootGroup a.rmFocused .rmText, div.RadMenu_Telerik .rmRootGroup a.rmSelected .rmText { color: yellow; } /* Controls the hover effect on the first item of a vertical menu */ div.RadMenu_Telerik .rmVertical .rmFirst a.rmLink:hover, div.RadMenu_Telerik .rmVertical .rmFirst a.rmFocused, div.RadMenu_Telerik .rmVertical .rmFirst a.rmSelected { background: url('/Images/Menu/ItemTopSmallOver.png') center center no-repeat transparent !important; } /* Controls the color text for the vertical menu */ div.RadMenu_Telerik .rmHorizontal .rmVertical .rmText { background-image: none; color: #FFF; font-size: 12px; padding-left: 5px; padding-top: 2px; } /* Fix the Single Item Overlaping */ div.RadMenu_Telerik .rmHorizontal img.rmLeftImage { margin:0 0 0 -4px; } /* IE FIX*/ #cover { display:none; position:absolute; left:0; top:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/POS/Backgrounds/DivBackground.png', sizingMethod='scale'); } /* FF FIX*/ html > body #cover { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:Gray; filter:alpha(Opacity=70); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; } /* tabstrip */ div.RadTabStrip_Forest .rtsIn { color: #fff !important; font-weight:bold !important; font-family: Arial; } div.RadTabStripTop_Forest .rtsSelected .rtsIn { color:#000 !important; } div.RadTabStripTop_Forest { padding-left: 30px; } div.RadTabStrip { margin-bottom:-1px; z-index:999; } /* Tab Strip Overrides */ a.rtsSelected { cursor:default !important; } a.rtsSelected:hover span.rtsIn .rtsTxt { color:#000 !important; } a.rtsDisabled:hover span.rtsIn .rtsTxt { color: #fff !important; } a.rtsLink:hover span.rtsIn .rtsTxt {color: #FFC5C5 /*#FFDAFA*/ /*#FFB3F4*/ /*#FFFFD0*/ /*#FFF1D5*/; } /* Tabs Override (removes misalignment, blank space at the edge of each tab) */ .RadTabStripTop_Forest .rtsLevel1 .rtsLI .rtsAfter { height: 26px; } .RadTabStripTop_Forest .rtsLevel1 .rtsLI .rtsSelected { height: 26px; } .RadTabStripTop_Forest .rtsLevel1 .rtsLink { height: 26px; } .RadTabStrip .rtsDisabled, .RadTabStripVertical .rtsDisabled { cursor: not-allowed !important; text-decoration:line-through #B00000 !important; } .notAllowedCursor { cursor:not-allowed !important; } /*============================================================================== * BMS Knockout Table *=============================================================================*/ table.koTable thead th { padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:4px; } table.koTable tbody tr td { padding-left:7px; padding-right:7px; padding-top:4px; padding-bottom:3px; } .deliveryServiceProviderNameWrapper { padding:2px 4px; display:block; clear:both; text-align:center; } /*============================================================================= * jQuery UI styles and overrides *=============================================================================*/ .ui-autocomplete { max-height:200px; overflow-y:auto; overflow-x:hidden; } * html .ui-autocomplete { height:200px; } .ui_autocomplete_highlight { color:#880000; font-weight:bold; } .ui_autocomplete_label { font-size:11px; } /*============================================================================= * Live Chat Inc styles *=============================================================================*/ #divLiveChatFrameWrapper { display:block; position:fixed; right:20px; bottom:0; } #divLiveChatIFrameWrapper { width:auto; height:auto; } #linkLiveChatTitleButton { background-color: #A454D2; padding:5px 0 8px 0; cursor:pointer; text-align:center; font-weight:bold; color:#fff; width:340px; position:fixed; bottom:0; right:10px; font-variant:small-caps; font-size:11.5px; } #linkLiveChatTitleButton:hover { background-color:#C393DE !important; } #liveChatIFrame { overflow:hidden; } #divLoadTestEnabledNoticeWrapper { background-color:yellow; font-size:13px; margin:0 auto; padding:5px 0; text-align:center; width:1000px; font-weight:bold; } #divLoadTestNoticeSubTitle { font-size:13px; color:red; } /*============================================================================= * Address Verification *=============================================================================*/ img.verifyIconHalfSize { width:16px; height:16px; } .verifyAddressIcon { width:32px; height: 32px; cursor:pointer; display:block; background: url('/Images/POS/Pages/AddressVerification/btn_VerifyAddressCombined32x96.png') scroll 0 0 no-repeat transparent; } .verifyAddress_Verified { background-position: 0 -32px !important; cursor:default !important; } .verifyAddress_UseTypedAddress { background-position: 0 -64px !important; } /*=========================================================================== * Input (Radio Button, CheckBox) alignment fix *===========================================================================*/ .inputLabelWrapper { display:block; float:left; } .inputLabelWrapper input { float: left; margin-right: 5px; margin-top: -1px; } .inputLabelWrapper label { float:left; display:block; font-size:11.5px; margin-top:2px; } @media screen and (min--moz-device-pixel-ratio:0) { /* Mozilla CSS hack as of May, 2018 */ .inputLabelWrapper input { margin-right: 5px; margin-top: 2px; } .inputLabelWrapper label { margin-top: 1px; } } @-moz-document url-prefix() { .inputLabelWrapper input { margin-right: 5px; margin-top: 2px; } .inputLabelWrapper label { margin-top: 1px; } } @supports (-ms-ime-align:auto) { /* Edge (version 12+) only css */ .inputLabelWrapper input { margin-right: 5px; margin-top: 2px; } .inputLabelWrapper label { margin-top: 1px; } } @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { /* Chrome Only Hack */ .inputLabelWrapper input { margin-right: 5px; margin-top: 1px; } .inputLabelWrapper label { margin-top: 0px; } } .inputWithLabelSectionWrapper { float:left; margin-right:5px; } .inputWithLabelSectionWrapper input, .inputWithLabelSectionWrapper label { float:left; } .inputWithLabelSectionWrapper input { margin-right:3px; } .inputWithLabelSectionWrapper label { margin-right:8px; margin-top:2px; font-size:12px } @media screen and (min--moz-device-pixel-ratio:0) { .inputWithLabelSectionWrapper label { margin-top: -1px; } } @-moz-document url-prefix() { .inputWithLabelSectionWrapper label { margin-top: -1px; } } @supports (-ms-ime-align:auto) { /* Edge (version 12+) only css */ .inputWithLabelSectionWrapper input { margin-top: 1px; margin-right: 3px; } .inputWithLabelSectionWrapper label { margin-top: 0; } } /* View Address on Map (Embedded: Wire-in, Awaiting Delivery) */ .infomsg { display: none; } /* Suppress Google Map: Using a browser not supported by Google Map message */ a.embeddedViewOnMapLink { cursor: pointer; text-decoration: none; color: #000 !important; } a.embeddedViewOnMapLink:hover { background-color: yellow; color: blue !important } /* For the jQueryUi dialogs */ .bms-dialog-no-close .ui-dialog-titlebar-close { display: none; } .cmbServiceProviderSelection { height: 20px; } @media screen and (min--moz-device-pixel-ratio:0) { /* Mozilla CSS hack as of May, 2018 */ .cmbServiceProviderSelection { width: 210px; } } @-moz-document url-prefix() { .cmbServiceProviderSelection { width: 210px; } } .tripStatusPending { color: #D90202; } .tripStatusOutForDelivery { color: #F38025; } .tripStatusDelivered { color: #2F5C00; } /* Grid text inline-block overflow rule */ .gridCellTextOverflowHidden { text-overflow: ellipsis; overflow: hidden; width: inherit; display: inline-block; } /* [ Live Agent Chat Screen CSS Overrides ] */ .embeddedServiceSidebarFormField .slds-style-inputtext, .embeddedServiceSidebarFormField .slds-style-select { padding: 0 8px !important; font-size: 15px !important; } /*============================================================================== * BMS Delivery Pages *=============================================================================*/ input[type='text'].textBoxAsLabel, .textBoxAsLabel { background: transparent !important; border: none !important; outline: none !important; padding: 0 !important; } .RadInput_Default .riTextBox.textBoxAsLabel_BoldStyle, .RadInput_Default .riTextBox .textBoxAsLabel_BoldStyle, .textBoxAsLabel_BoldStyle { font-weight: bold !important; color: #000; font-size: 11px; font-family: verdana,arial,helvetica !important; } /*============================================================================== * BMS Trip Sumbit Error Dialog *=============================================================================*/ .tripSubmitErrorDialog_InfoMsg { font-size:12px; } .tripSubmitErrorDialog_ErrorInfo { color:red; }