/* Screen style rules: */ @media screen, print { body { background: #EFE9D9; color: #333; } #siteHeader { display: table; width: 100%; padding: 0.55em 0.25em 0.25em; font-size: 0.8em; } #siteHeader > * { display: table-cell; } #siteHeader img#logo { border-radius: 4px; -webkit-box-shadow: 1px 1px 2px 0 #aaa; -moz-box-shadow: 1px 1px 2px 0 #aaa; box-shadow: 1px 1px 2px 0 #aaa; } #siteHeader #logo_text { width: 12.5em; padding: 0.7em; line-height: 1.7em; text-align: center; color: #FFFFFD; font-family:"Trebuchet MS","Tahoma","Helvetica",sans-serif; font-size: 1.6em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #606c88; /* Old browsers */ background: -moz-linear-gradient(top, #606c88 0%, #182b54 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#182b54)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #606c88 0%,#182b54 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #606c88 0%,#182b54 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #606c88 0%,#182b54 100%); /* IE10+ */ background: linear-gradient(to bottom, #606c88 0%,#182b54 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#182b54',GradientType=0 ); /* IE6-9 */ } #siteHeader > #checkout_status { vertical-align: bottom; text-align: right; margin-right: 0.2em; padding-right: 0.2em; } #siteHeader > #checkout_status p, #siteFooter p { margin: 0.1em 0; } #siteHeader > #checkout_status p.checkout_link a { color: #AF2A25; } #siteHeader .user { color: #7A0A06; font-size: 90%; } #page_header { position: relative; height: 160px; width: 100%; overflow: hidden; background: url(images/kilwins_combo_section.jpg) no-repeat left 91%; background-size: 100%; } /* Day Sheets page: shrink header height so Calendar is completely visible for short windows */ #page_header.shrink_header { min-height: 48px; height: 10%; max-height: 160px; } #nav, #search_box { display: block; position: absolute; bottom: 0; left: 0; height: 48px; line-height: 48px; background: #4A3B1E; background: #372114; text-align: left; vertical-align: bottom; opacity: 0.5; color: #fff; } #search_box.left_sidebar { text-align: center; } #search_box.left_sidebar input { position: relative; top: 13px; width: 100%; } #nav.adminLabel, #nav.adminLabel a, .shadow_box .adminLabel { font-size: 1em; font-weight: bold; } #nav.adminLabel { left: 258px; width: 100%; padding: 0 12px; font-weight: normal; font-size: 1em; } #nav.adminLabel.wide { left: 0; } #nav.adminLabel span, #nav.adminLabel a { color: #fff; opacity: 1; font-weight: normal; } #nav_bottom { margin: 1em; text-align: left; font-size: 11px; } /* * Day Sheet layout: */ #main_content { display: table; width: 100%; min-height: 50%; overflow-x: auto; background-color: #E0D9BD; color: #383838; } #main_content font { color: #383838; } #main_content a, #main_content font { color: #383838 !important; } #main_content .CalTableList a { color: inherit !important; } /* Kitchen Items: Category Names links */ #main_content a.hier_display_name { font-weight: bold; font-size: 0.9em; } #main_content a:hover, #main_content a:hover font { color: #993333 !important; text-decoration: none; } #main_content .column { display: table-cell; vertical-align: top; padding: 0 3em 1em; } #main_content .column.inline { display: inline-block; width: 45%; } .left_sidebar { width: 214px; padding: 0 12px; } #main_content .left_sidebar.column { padding: 0; background-color: #554F43; opacity: 0.8; } #main_content .left_sidebar.column p { color: #fff; } #main_content .separator.column { width: 20px; padding: 0; background-color: #EFE9D9; } #main_content .separator.column div { width: 20px; padding: 0; } /* 1st col after the Separator col: */ #main_content .separator.column + .column { padding-left: 1em; } /* 2nd col after the Separator col: */ #main_content .separator.column + .column + .column { padding: 0 1em 0 0; } /* Single Column: */ #main_content .single.column { display: block; padding: 0; } #main_content .centered.column { display: block; margin: 0 auto; } #main_content .column p { margin: 0.75em 0; } #main_content .column .button_container { margin: 1.5em 0; } #main_content .column .button_container { margin: 1.5em auto; } #main_content .klink_btn { display: block; margin: 0.2em auto; width: 13em; font-size: 100%; } #main_content .klink_btn a { border: 1px solid #AFA792; border-radius: 3px; font-weight: normal; background: #aaa; /* color: #fff !important; Disable. Use default, darker color */ text-shadow: 1px 1px 0 #DDDDDD; background: -moz-linear-gradient(top, #E9E0C8 0%, #BEB39D 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E0C8), color-stop(100%,#BEB39D)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E9E0C8 0%,#BEB39D 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E9E0C8 0%,#BEB39D 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E9E0C8 0%,#BEB39D 100%); /* IE10+ */ background: linear-gradient(to bottom, #E9E0C8 0%,#BEB39D 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E0C8', endColorstr='#BEB39D',GradientType=0 ); /* IE6-9 */ } #main_content .klink_btn a:hover { color: #993333 !important; } /* Kitchen Items: Update Order button */ #main_content form .submit1 { display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #707070; background-color: #fcfcfc; } #main_content form .submit1 input[type=submit] { margin: 0; font-size: 0.95em; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #fcfcfc; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 50%, #dbdbdb 51%, #cfcfcf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#ebebeb), color-stop(51%,#dbdbdb), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 0%,#ebebeb 50%,#dbdbdb 51%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0%,#ebebeb 50%,#dbdbdb 51%,#cfcfcf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 0%,#ebebeb 50%,#dbdbdb 51%,#cfcfcf 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 0%,#ebebeb 50%,#dbdbdb 51%,#cfcfcf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */ } #main_content form .submit1 input[type=submit]:hover { color: #993333; } #main_content .record_page_nav { padding: 0; } #main_content .record_page_nav.centered { text-align:center; } #main_content .record_page_nav li { display: inline-block; padding: 0; border: 1px solid #AFA792; border-radius: 3px; line-height: 1.8em; font-size: 80%; list-style-type: none; text-transform: uppercase; vertical-align: baseline; } #main_content .record_page_nav li.no_uppercase { text-transform: none; } #main_content .record_page_nav li a { padding: 0.3em 1.4em; vertical-align: inherit; font-size: 80%; } #main_content .record_page_nav li img { vertical-align:text-bottom; } #main_content .record_page_nav span { display: inline-block; padding: 0 1em; vertical-align: baseline; font-size: 90%; } /* Nav over Day Sheet Calendar */ #main_content .record_page_nav li.calendar_nav { display: table-cell; } #main_content .record_page_nav span.calendar_nav { display: table-cell; font-size: inherit; width: 100% } #main_content .record_page_nav span a { font-size: inherit; } #main_content .ingredients { padding: 0.5em; border-radius: 5px; font-family:Arial, sans-serif; font-size: 0.7em; border: 1px solid #900; } #main_content .image_container { padding: 1em; text-align: center; } #main_content form td { width: auto; } /* Day Sheets > Update Retail Prices */ #main_content ol.lower-alpha { list-style-type:lower-alpha; } /* Sidebar: buttons have plain style: */ #main_content .left_sidebar.column .klink_btn, #main_content .left_sidebar.column .kbtn1 { list-style-type: decimal-leading-zero; color: #fff; font-size: 12px; font-weight: normal; width: 100%; } #main_content .left_sidebar.column .klink_btn { margin-left: 12px; } #main_content .left_sidebar.column .klink_btn a, #main_content .left_sidebar.column .kbtn1, #main_content .left_sidebar.column .kbtn2 { background: transparent; border-width: 0; text-align: left; font-weight: normal; color: #fff !important; text-shadow: none; } #main_content .left_sidebar.column .kbtn1, #main_content .left_sidebar.column .kbtn2 { display: inline-block; font-size: 90%; margin: 0.2em 0; color: #fff !important; } #main_content .left_sidebar.column .klink_btn a:hover, #main_content .left_sidebar.column .kbtn1:hover, #main_content .left_sidebar.column .kbtn2:hover { cursor: pointer; text-decoration: underline; color: #fff !important; } #main_content .left_sidebar.column .klink_btn.klink_activebtn a, #main_content .left_sidebar.column .klink_activebtn a.kbtn1 { font-weight: bold; } #main_content .left_sidebar.column .button_container { margin: 1em auto; padding: 0 12px; width: 214px; } #main_content .left_sidebar.column .button_container table { width: 100% !important; } #main_content .left_sidebar.column .button_container .adminSep { height: 1px; margin: 0.3em 0; list-style-type: none; background-color: #322E27; border-top: 1px solid #000000; } #main_content .left_sidebar.column .button_container.adminGroupMenu a { padding: 0 0.1em; } /* * Table Styles: */ .kpageList, .kpage_Options { margin: 0.75em 0; padding: 3px; border: 1px solid #7E7256; border-spacing: 0; border-radius: 5px; background-color: #fff; } /* Nested tables: border color lighter: */ .kpageList .kpageList { border: 1px solid #DDD7CA; } .kinfo_text { border: 1px solid #7E7256; border-radius: 5px; background-color: #F7E9B5; } .centered.column .kpageList, .centered.column .kpage_Options { margin: 0 auto; } .kpageList.no_grid { border-spacing: 0; } .kpageList.padded tr > * { padding: 0.2em 0.3em; } .kpageList .centered { text-align: center; } .kpageList .right { text-align: right; } .kpage_OptionHdr { color: inherit; } .kpage_OptionLbl, .kpage_OptionFld { background-color: inherit; } .kpage_Header { margin: 0; padding: 0.5em; font-size: 13pt; } .kpageList tbody tr:hover { background-color: #DDD7CA; } .kpageList tbody tr:first-child:hover { /* Only needed for tables w/o a 'thead' */ background-color: transparent; } .kpageList thead + tbody tr:first-child:hover { /* needed for tables w/ a 'thead' */ background-color: DDD7CA; } .kpageList tbody tr.kpage_Option:hover { background: #fff; } .kpageListHdrSml, .kpageListHdr, .kpageList tbody tr.kpageListHdr:hover, #main_content .separator, .kpageList tbody tr.kpageListHdrSml:hover, #main_content .shadow_box .item_list .kpageList tr.kpageListHdrSml { background: #A29887; background: #ACA18E; } .kpageListHdrSml td, .kpageListHdr td, .adminRow1 TD, .adminRow2 TD { padding: 0.1em 0.3em; } #main_content .separator { background: #A29887; } .kpageListHdrSml td:first-child { border-radius: 5px 0 0 0; } .kpage_row1, .adminRow1 { background: #F8F6EF; } .kpage_row2, .adminRow2 { background: #E8E3CF; } .kpageList tbody tr.kpage_row2:hover { background: #DDD7CA; } .kpageListHdrSml td, .kpage_row1 TD, .kpage_row2 TD { padding: 0.3em; font-size: 12px; } #main_content .column .kpageList a .image_preview { position: relative; /* Display context for image preview */ } #main_content .column .kpageList a .image_preview img { display: none; /* Image preview default hidden */ } #main_content .column .kpageList a:hover .image_preview img { display: block; /* Image preview display on hover */ position: absolute; /* position outside of table */ bottom: 50%; right: 50px; background-color: #fff; padding: 10px; -webkit-box-shadow: 1px 1px 2px 0 #aaa; -moz-box-shadow: 1px 1px 2px 0 #aaa; box-shadow: 1px 1px 2px 0 #aaa; } #main_content .column .kpageListHdrSml td a { font-size: 12px; text-decoration: underline; color: #EEEEEE !important; } #main_content .column .kpageListHdrSml td a:hover { text-decoration: none; color: #993333 !important; } #main_content .TabText, #main_content h2.adminLabel { padding: 0.2em; background-color: #7A0A06; border: 1px solid #A1130F; border-radius: 5px 5px 0 0; background: -moz-linear-gradient(top, #A62C20 0%, #7a0a06 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A62C20), color-stop(100%,#7a0a06)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* IE10+ */ background: linear-gradient(to bottom, #A62C20 0%,#7a0a06 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A62C20', endColorstr='#7a0a06',GradientType=0 ); /* IE6-9 */ } #main_content .TabText font, #main_content h2.adminLabel, .kpageBox.rounded h3 { color: #D8D4BB !important; } #main_content h2.adminLabel { border-radius: 0; } #main_content .left_sidebar.column .adminGroupTitle { padding: 0.2em; background-color: #322E27; border-bottom: 1px solid #25221D; text-align: center; } #main_content .left_sidebar.column table table, #main_content .left_sidebar.column .adminGroupMenu { border: 1px solid #7E7256 !important; border: 0px solid #7E7256 !important; } /* Kitchen Items > Acct Info: Manage Emails form */ #main_content .pad_form td { padding: 0.5em 1em; } #main_content .pad_form td input { width: 25em; } /* Kitchen Items: Search Categories form */ #main_content form #text_in, #main_content form .left_srch_text { } #main_content .left_sidebar.column .category_container .my_items_off { font-weight: normal; } #main_content .left_sidebar.column .category_container .my_items_on { font-weight: bold; } /* Sidebar Category Box: */ #main_content .left_sidebar.column .category_container { margin: 18px 12px; } #main_content .left_sidebar.column .category_container .category_contents { background: #E0D9BD !important; border: 1px solid #fff; border-width: 1px 1px 0; } #main_content .left_sidebar.column .category_container .category_contents:last-child { border-width: 1px; } #main_content .left_sidebar.column .category_container .category_contents > * { display: block; padding: 0.3em 0.5em; font-weight: bold; } #main_content .left_sidebar.column .category_container .category_contents > #search_form { margin-top: 8px; } #main_content .left_sidebar.column .category_container .category_contents > div { border-bottom: 1px solid #A72B26; } #main_content .left_sidebar.column .adminGroupMenu { /* background: #E0D9BD !important; */ } #main_content .left_sidebar.column .adminGroupMenu li { list-style-type: none; } #main_content .posResultsBox { margin: 0; padding: 10px 0; background-color: inherit; border: inherit; } #siteFooter { padding: 1em; /*border-top: 1px solid #999999;*/ background: #D2CBB1; font-size: 0.8em; color: #333; } #siteFooter .corp_addr { margin: 0.3em 0; text-align: center; color: #993333; } #siteFooter .corp_name { font-weight: bold; } h1, .heading { text-align: center; font-weight: bold; } #main_content h1 { margin: 0; padding: 1em; font-size: 1em; } #main_content h2 { font-size: 0.95em; } #main_content h3 { font-size: 0.9em; } .shadow_box * { color: #333; margin: 0; font-size: 0.981em;; } .shadow_box { width: 100%; margin: 0 auto; } .shadow_box .align_left { text-align: left; } .shadow_box ol li { display: table-cell; width: auto; color: #990000; font-style: italic; padding: 10px; font-size: 1.2em; } .shadow_box ol li > * { font-size: 0.8em; } .shadow_box ol li .adminLabel { font-size: 0.8em; font-style: normal; font-weight: normal; } .shadow_box .menu_list { vertical-align: bottom; } .shadow_box .menu_list a { padding-right: 0.7em; } .shadow_box .item_list { border: 2px solid #eee; width: 100%; margin: 0; padding: 0; border-spacing: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 -4px 5px -5px #555, 5px 0px 5px -5px black, -5px 0px 5px -5px black, 0px 5px 5px -5px black; -moz-box-shadow: 0 -4px 5px -5px #555, 5px 0px 5px -5px black, -5px 0px 5px -5px black, 0px 5px 5px -5px black; box-shadow: 0 -4px 5px -5px #555, 5px 0px 5px -5px black, -5px 0px 5px -5px black, 0px 5px 5px -5px black; font-size: 0.95em; text-align: left; } /* Override shadowbox styles with Franchise redesign: */ #main_content .shadow_box .item_list { border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Item List 1st Row Headings: */ .shadow_box .heading form#watched_store_update > span { font-size: 1em; } /* Tables: */ .shadow_box .item_list table { border-collapse: separate; border-spacing: 0; margin: 10px 0; } .shadow_box .item_list table.cell { display: table-cell; padding-right: 0.6em; } .shadow_box .item_list table#ssr_main_events { margin-bottom: 5px; } .shadow_box .item_list table#ssr_main_events + div > * { display: table-cell; } .shadow_box .item_list table#ssr_main_events + div > div { /* Text wrapper to right of 'Top Selling Items Custom Date Range' form */ display: table-cell; width: 75%; } .shadow_box .item_list table#ssr_main_events + div > div p { display: block; } .shadow_box .item_list table#ssr_main_events + div p.adjunct_info { /* Main Events legend */ text-align: right; vertical-align: top; } .shadow_box .item_list #store_snapshot_container, .shadow_box .item_list #sales_vs_purch_container { position: relative; /* Allow the Table Footer to be positioned at top edge of store_snapshot table */ display: block; height: 600px; padding: 0; } .shadow_box .item_list #store_snapshot_container div, .shadow_box .item_list #sales_vs_purch_container div { display: block; position: static; overflow-y: scroll; overflow-x: hidden; height: 100%; padding: 0; } .shadow_box .item_list table#store_snapshot, .shadow_box .item_list #sales_vs_purch_container table#sales_vs_purch_report { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 0; } .shadow_box .item_list table#sales_vs_purch_report { margin: 0; } .shadow_box .item_list #sales_vs_purch_container table#sales_vs_purch_report { border-width: 0; } .shadow_box .item_list table#store_snapshot thead tr.fixed_header, .shadow_box .item_list table#sales_vs_purch_report thead.fixed_header, .shadow_box .item_list table#store_snapshot tbody tr.fixed_totals, .shadow_box .item_list table#sales_vs_purch_report tbody tr.fixed_totals { display: table; table-layout: fixed; position: absolute; /* Table Footer contains same headings as Head. Display the Table Footer over the Head so can scroll the rest of table and keep the Footer column headings absolutely positioned */ top: 0; /*margin-left: -1px;*/ -webkit-margin-left: 0px; width: 99%; width: calc(100% - 18px); -webkit-width: calc(100% - 18px); -moz-width: calc(100% - 18px); -o-width: calc(100% - 18px); -ms-width: calc(100% - 18px); box-shadow: 0 1px 1px #CCCCCC; } .shadow_box .item_list table#store_snapshot tbody tr.fixed_totals, .shadow_box .item_list table#sales_vs_purch_report tbody tr.fixed_totals { top: auto; /* Fix the 'Totals' row at the bottom of the table */ bottom: 0; background: #F8F6EF; box-shadow: 0 -1px 2px -1px #CCCCCC; line-height: 1.8em; } .shadow_box .item_list table#sales_vs_purch_report tbody tr.fixed_totals { line-height: 1.2em; } .shadow_box .item_list #sales_vs_purch_groups #phys_grp_filter_options label { display: inline-block; width: 12em; } .shadow_box .item_list table#store_snapshot thead tr.fixed_header th a { color: inherit !important; text-decoration: none; } .shadow_box .item_list table#ic_sales_report thead tr th a, .shadow_box .item_list table#sales_vs_purch_report thead tr th a, .shadow_box .item_list table#kqc_aging thead tr th a { color: inherit !important; } .shadow_box .item_list table#store_snapshot thead tr.fixed_header th a:hover { text-decoration: underline; } .shadow_box .item_list table#store_snapshot * { /* font-size: 0.9em; */ } .shadow_box .item_list table tr th, .shadow_box .item_list table tr td { border-right: 1px solid #bbb; border-top: 1px solid #bbb; padding: 7px 4px; } #main_content .shadow_box .item_list table tr td { /*border-right-color: #F8F6EF; border-top-color: #F8F6EF;*/ border-right-color: #FBF8F0; border-top-color: #FBF8F0; } #main_content .shadow_box .item_list table tr th { border-right-color: #BFB29D; border-top-color: #BFB29D; } #main_content .shadow_box .item_list table#watched_stores .kpageList thead tr th { border-right-color: #D1C8BC; } .shadow_box .item_list table tr.divider td { border-top: 1px solid #000; } .shadow_box .item_list table#store_snapshot tr th { text-align: center; } .shadow_box .item_list #ssr_top25 #best_days_cal_container { max-width: 37em; } .shadow_box .item_list li#best_days_cal_container > div { display: inline-block; padding: 0.5em 1em; } .shadow_box .item_list li#best_days_cal_container > div h2 { font-style:italic; } .shadow_box .item_list table tr th:first-child, .shadow_box .item_list table tr td:first-child, .shadow_box .item_list table tr.medium th:first-child, .shadow_box .item_list table tr.medium td:first-child, table.CalTableList tr th:first-child, table.CalTableList tr td:first-child { border-left: 1px solid #bbb; width: 9em; max-width: 9em; } #main_content .shadow_box .item_list table tr th:first-child, #main_content .shadow_box .item_list table tr td:first-child, #main_content .shadow_box .item_list table tr.medium th:first-child, #main_content .shadow_box .item_list table tr.medium td:first-child { border-left-width: 0; } #main_content table.CalTableList tr th:first-child, #main_content table.CalTableList tr td:first-child { border-left-width: 1px; } .shadow_box .item_list table#ssr_event_detail tr th:first-child, .shadow_box .item_list table#ssr_event_detail tr td:first-child, .shadow_box .item_list #best_days_cal_container table.CalCommentsList tr th:first-child, .shadow_box .item_list #best_days_cal_container table.CalCommentsList tr td:first-child, .shadow_box .item_list #ssr_top25 #ssr_best_days_labor tr th:first-child, .shadow_box .item_list #ssr_top25 #ssr_best_days_labor tr td:first-child, .shadow_box .item_list #ic_sales_report tr th:first-child, .shadow_box .item_list #ic_sales_report tr td:first-child { width: auto; max-width: none; } .shadow_box .item_list #best_days_cal_container table.CalCommentsList tr th:first-child, .shadow_box .item_list #best_days_cal_container table.CalCommentsList tr td:first-child, .shadow_box .item_list table#ssr_best_days_labor tr th:first-child, .shadow_box .item_list table#ssr_best_days_labor tr td:first-child, .shadow_box .item_list table#ssr_top_sellers tr th:first-child, .shadow_box .item_list table#ssr_top_sellers tr td:first-child { text-align: left; } table.CalTableList { border: 0; width: 30%; /*box-shadow: 0 -3px 2px -3px #999999, 3px 0 2px -3px #999999, -3px 0 2px -3px #999999, 0 3px 2px -3px #999999;*/ box-shadow: 0 -3px 0px -3px #746551, 3px 0 2px -3px #746551, -3px 0 2px -3px #746551, 0 3px 2px -3px #746551 } table.CalTableList td { padding: 6px 2px; text-align: left; } table.CalTableList td a { font-size: 93%; } table.CalTableList thead td { text-align: center; } table.CalTableList th { padding: 7px 4px; background-color: #999999; background-color: #7E7256; background-color: #8E887B; color: #FFFFFF; font-size: 80%; } table.CalTableList th:first-child { border-radius: 5px 0 0; } table.CalTableList th:last-child { border-radius: 0 5px 0 0; } table.CalTableList tr:last-child td:first-child { border-radius: 0 0 0 5px; } table.CalTableList tr:last-child td:last-child { border-radius: 0 0 5px; } .shadow_box .item_list table.CalTableList th { background-color: #999999; color: #FFFFFF; font-size: 90%; font-weight: bold; text-align: center; } table.CalTableList td .calDayLink { display: inline-block; position: relative; min-width: 4em; } table.CalTableList td .calDayLink img { position: absolute; right: 0; } table.CalTableList td.calnormalcell, table.CalTableList td.caltodaycell, table.CalTableList td.calhighlightcell, table.CalTableList td.callockedcell, table.CalTableList td.caldimcell { border-width: 0 1px 1px 0; } table.CalTableList td.calhighlightcell { background: #FBE5A2; background: #E0D9BD; background: #F7E9B5; } td.callockedcell { background: #BAB7AE; } /* Override 1st col fixed-width: */ /*.shadow_box .item_list table#ssr_main_events tr th:first-child, .shadow_box .item_list table#ssr_main_events tr td:first-child,*/ .shadow_box .item_list table#category_files_list tr th:first-child, .shadow_box .item_list table#category_files_list tr td:first-child, .shadow_box .item_list table#store_snapshot tr th:first-child, .shadow_box .item_list table#store_snapshot tr td:first-child, .shadow_box .item_list table#sales_vs_purch_report tr th:first-child, .shadow_box .item_list table#sales_vs_purch_report tr td:first-child, .shadow_box .item_list table.le_remainder tr th:first-child, .shadow_box .item_list table.le_remainder tr td:first-child, table.CalTableList tr th:first-child, table.CalTableList tr td:first-child { width: auto; max-width: none; } .shadow_box .item_list table#category_files_list tr td:first-child, #main_content .shadow_box .item_list table#sales_vs_purch_report tr th { border-radius: 0; } /* Make store_snapshot ABS positioned table footer columns match width of headings: */ .shadow_box .item_list table#store_snapshot tr th.narrow:first-child, .shadow_box .item_list table#store_snapshot tr td.narrow:first-child, .shadow_box .item_list table#sales_vs_purch_report tr th.narrow:first-child, .shadow_box .item_list table#sales_vs_purch_report tr td.narrow:first-child, .shadow_box .item_list table tr th.narrow, .shadow_box .item_list table tr td.narrow { width: 2.8em; max-width: none; min-width: 0; } .shadow_box .item_list table#sales_vs_purch_report tr th:first-child.narrow, .shadow_box .item_list table#sales_vs_purch_report tr td:first-child.narrow, .shadow_box .item_list table#sales_vs_purch_report tr th.narrow, .shadow_box .item_list table#sales_vs_purch_report tr td.narrow { width: 3%; /* For IE */ } .shadow_box .item_list table tr th.medium, .shadow_box .item_list table tr td.medium { width: 5em; max-width: none; min-width: 0; } .shadow_box .item_list table#sales_vs_purch_report tr th.medium, .shadow_box .item_list table#sales_vs_purch_report tr td.medium { width: 6%; /* For IE */ } .shadow_box .item_list table tr.medium th, .shadow_box .item_list table tr.medium td { width: 6.5em; } .shadow_box .item_list table tr.medium th.wide, .shadow_box .item_list table tr.medium td.wide, .shadow_box .item_list table#store_snapshot tr th.wide, .shadow_box .item_list table#store_snapshot tr td.wide, .shadow_box .item_list table#sales_vs_purch_report tr th.wide, .shadow_box .item_list table#sales_vs_purch_report tr td.wide { width: 9em; max-width: none; min-width: 0; text-align: left; } .shadow_box .item_list table tr.medium th.wide.right { text-align: right; } .shadow_box .item_list table#store_snapshot tr td.wide2 { width: 11em; } .shadow_box .item_list table#store_snapshot tr td.wide3 { width: 12em; } .shadow_box .item_list table#ssr_top_sellers tr th.xwide, .shadow_box .item_list table#ssr_top_sellers tr td.xwide, .shadow_box .item_list table#ssr_page_history tr th.xwide, .shadow_box .item_list table#ssr_page_history tr td.xwide, .shadow_box .item_list table.le_remainder tr th.xwide, .shadow_box .item_list table.le_remainder tr td.xwide { width: 15em; max-width: none; text-align: left; } .shadow_box .item_list table tr th.xwide, .shadow_box .item_list table tr td.xwide, .shadow_box .item_list table.le_remainder tr th.xwide, .shadow_box .item_list table.le_remainder tr td.xwide { width: 18em; } .shadow_box .item_list table#sales_vs_purch_report tr th.xwide, .shadow_box .item_list table#sales_vs_purch_report tr td.xwide { width: 15%; /* For IE */ } .shadow_box .item_list table#sales_vs_purch_report tr td.xhilite { color: #FF0000; } .shadow_box .item_list table tr th.auto, .shadow_box .item_list table tr td.auto { width: auto; } .shadow_box .item_list table#ssr_top_sellers tr th.wide, .shadow_box .item_list table#ssr_top_sellers tr td.wide { width: 8em; max-width: none; } .shadow_box .item_list table#new_store_sales tr th.wide, .shadow_box .item_list table#new_store_sales tr td.wide { width: 10em; max-width: none; min-width: 0; } .shadow_box .item_list table#new_store_sales tr th.medium, .shadow_box .item_list table#new_store_sales tr td.medium { width: 5em; max-width: none; min-width: 0; } .shadow_box .item_list table#ssr_page_history tr th.wide, .shadow_box .item_list table#ssr_page_history tr td.wide { width: 9em; max-width: none; text-align: left; } .shadow_box .item_list table tr td.normalcell, .shadow_box .item_list table tr td.highlightcell, .shadow_box .item_list table tr th.TableListHead { max-width: none; /* Override Max Widths for 'Notes' tables */ } .shadow_box .item_list table#watched_stores table#ssr_curr_acct_status tr th.divider, .shadow_box .item_list table tr .divider { /* border-right: 2px solid #3d598d; border-left: 2px solid #3d598d;*/ background-color: #F7E9B5; } .shadow_box .item_list table tr th a, .shadow_box .item_list table tr td a { text-decoration: underline; } .shadow_box .item_list table#watched_stores tr th, .shadow_box .item_list table#watched_stores tr.sub_heading td { text-align: center; } .shadow_box .item_list table#watched_stores tr.sub_heading * { color: #F8F6EF; font-size: 90%; font-style: italic; padding: 1px 3px; } .shadow_box .item_list table td.sub_heading { color: #888888; font-size: 90%; font-style: italic; padding: 1px 3px; } .shadow_box .item_list table#new_store_sales tr th, .shadow_box .item_list table#new_store_sales tr td{ min-width: 3em; } .shadow_box .item_list table#watched_stores > thead > tr > th, .shadow_box .item_list table#watched_stores > tbody > tr > td { min-width: 4em; } .shadow_box .item_list table#watched_stores > thead > tr > th, .shadow_box .item_list table#watched_stores > tbody > tr > td { max-width: 7em; } .shadow_box .item_list table#watched_stores table#ssr_curr_acct_status { margin-bottom: 0; } .shadow_box .item_list table#watched_stores .plain_table > td { padding: 0; } .shadow_box .item_list table#watched_stores .plain_table > td:first-child { font-style: italic; padding-right: 0.5em; color: #777; font-size: 90%; } .shadow_box .item_list table#watched_stores tr td table#ssr_curr_acct_status tr th, .shadow_box .item_list table#watched_stores tr td table#ssr_curr_acct_status tr td { max-width: none; } .shadow_box .item_list table#watched_stores textarea.watched_store_note { width: 100%; min-height: 6em; resize: vertical; border: 1px solid #AA9F8C; border-color: #AA9F8C #DDD7CA #DDD7CA #AA9F8C; font-family: Verdana, Arial, Helvetica, Sans-Serif; } .shadow_box .item_list table#watched_stores form input[type=submit] { margin:0.5em 1em } .shadow_box .item_list table#new_store_sales tr th:first-child, .shadow_box .item_list table#new_store_sales tr td:first-child, .shadow_box .item_list table#watched_stores tr th:first-child, .shadow_box .item_list table#watched_stores tr td:first-child { width: auto; } .shadow_box .item_list table#ssr_events tr td:first-child { border-left: 1px solid #bbb; min-width: 12em; } .shadow_box .item_list table#high_scores tr th:first-child, .shadow_box .item_list table#high_scores tr td:first-child { /*border-left: 1px solid #bbb;*/ width: auto; } .shadow_box .item_list table tr th { background: #eee; border-top: 1px solid #bbb; text-align: left; } #main_content .shadow_box .item_list table tr th, #main_content .shadow_box .item_list table#watched_stores thead tr { background: #AA9F8C; font-weight: normal; color: #F8F6EF; } /* Nested tables: header background: */ #main_content .shadow_box .item_list table#watched_stores .kpageList thead tr { background: #B8AD9D; } #main_content .shadow_box .item_list .kpageList tr.kpageListHdrSml th { background-color: transparent; } .shadow_box .item_list table tr th.heading { text-align: center; } .shadow_box .item_list table thead tr:first-child th:first-child, #main_content .shadow_box .item_list table thead tr:first-child th:first-child { border-top-left-radius: 5px; } .shadow_box .item_list table tr:first-child th:last-child, #main_content .shadow_box .item_list table tr:first-child th:last-child { border-top-right-radius: 5px; } .shadow_box .item_list table tr:last-child td:first-child, #main_content .shadow_box .item_list table tr:last-child td:first-child { border-bottom-left-radius: 5px; } .shadow_box .item_list table tr:last-child td:last-child, #main_content .shadow_box .item_list table tr:last-child td:last-child { border-bottom-right-radius: 5px; } /* Override curved border on 2nd THEAD: */ #main_content .shadow_box .item_list table#sales_vs_purch_report tbody + thead tr th { border-radius: 0; } .shadow_box .item_list #ssr_top25 #ssr_top25_container { font-size: 1em; } .shadow_box .item_list #ssr_top25 #ssr_top25_container div.cell { display: table-cell; vertical-align: top; min-width: 80%; font-size: 1em; } .rounded { border: 1px solid #BBBBBB; border-radius: 5px; } .kpageBox.rounded { border-width: 0; } .kpageBox.rounded h3 { padding: 0.2em; border-radius: 5px; background-color: #aaaaaa; font-weight: bold; color: #993333; /*box-shadow: 0 -3px 0 -3px #746551, 3px 0 2px -3px #746551, -3px 0 2px -3px #746551, 0 3px 2px -3px #746551;*/ background: -moz-linear-gradient(top, #A62C20 0%, #7a0a06 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A62C20), color-stop(100%,#7a0a06)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #A62C20 0%,#7a0a06 100%); /* IE10+ */ background: linear-gradient(to bottom, #A62C20 0%,#7a0a06 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A62C20', endColorstr='#7a0a06',GradientType=0 ); /* IE6-9 */ } .kpageBox.rounded h3:hover { color: #FFFFFF; } /* * Day Sheet: Sales & Variance boxes: expand table when click on title: H3 */ .kpageBox.rounded.variance_box { box-shadow: 0 -3px 0 -3px #746551, 3px 0 2px -3px #746551, -3px 0 2px -3px #746551, 0px 3px 2px -3px #746551; } .kpageBox.rounded h3 + table { /*display: none;*/ visibility: collapse; border-collapse: collapse; width: auto; margin: 0 auto; } .kpageBox.rounded h3 + table td { text-align: right; } .kpageBox.rounded h3 + table td + td { text-align: left; } .kpageBox.rounded h3:after { content:" (+) "; } .kpageBox.rounded h3:focus { border-radius: 5px 5px 0 0; } .kpageBox.rounded h3:focus:after { content:" (-) "; } .kpageBox.rounded:focus h3 + table, .kpageBox.rounded h3:focus + table, .kpageBox.rounded table:hover, .kpageBox.rounded h3 + table:focus, .kpageBox.rounded h3:hover + table:focus { /*display: block;*/ visibility: visible; border-spacing: 0.1em 0.25em; border-collapse: separate; } .kpageBox.rounded h3 + table tbody { width: 100%; } .shadow_box .item_list .rounded { display: inline-block; position: relative; margin-bottom: 1em; padding: 0.25em; border: 1px solid #BBBBBB; border-radius: 5px; background-color: #fff; font-size: 0.85em; } #main_content .shadow_box .item_list .rounded { border-color: #7E7256; } .shadow_box .item_list form#sel_item_classes_form.rounded { margin: 0 0.6em 0 0; min-width: 52em; width: 98%; } .shadow_box .item_list .rounded h4, #main_content .kpageList thead .kpage_BHdr { background-color: #EEEEEE; border-bottom: 1px solid #AAAAAA; border-radius: 5px 5px 0 0; margin-bottom: 0.5em; padding: 0.3em 1em; } #main_content .shadow_box .item_list .rounded h4, #main_content .kpageList thead .kpage_BHdr { background-color: #AA9F8C; background-color: #E4DED1; background-color: #DDD7CA; border-bottom: 1px solid #AAAAAA; color: #555; } .shadow_box .item_list #sales_charts_container .rounded h4 { margin-bottom: 0; /* No bottom margin for Bar Chart: H4 */ } .shadow_box .item_list .bar_chart.rounded h4 { margin-bottom: 0; } .shadow_box .item_list #sales_charts_container .bar_chart.rounded h4 { min-height: 2.5em; /* Extra space for 'Cost of Goods' disclaimer under Bar Chart: H4 */ line-height: 1.2em; } .shadow_box .item_list .rounded label, .shadow_box .item_list .rounded input[type="text"] { display: inline-block; width: 6em; margin: 0.25em 1em; } .shadow_box .item_list .rounded input[type="text"] { width: 8em; } .shadow_box .item_list .rounded input[type="submit"] { display: inline-block; margin-top: 0.5em; } .shadow_box .item_list .rounded > div { min-height: 4.85em; margin: 0 0.5em 0 1em; } .shadow_box .item_list .rounded > div div { display: block; margin: 0; padding: 0.1em 0 0 0; } .shadow_box .item_list .rounded > div div label { width: 8em; margin: 0.4em 0.2em 0.4em 0.45em; } .shadow_box #ssr_top25 #ssr_top25_container .rounded > div div label { width: 22%; } .shadow_box .item_list tbody tr { text-align: right; } .shadow_box .item_list tbody tr .left { text-align: left; } .shadow_box .item_list tbody tr .center { text-align: center; } .shadow_box .item_list tbody tr:nth-child(even) { background-color: #F6F6F6; } #main_content .shadow_box .item_list tbody tr:nth-child(even) { background-color: #E8E3CF; } #main_content .shadow_box .item_list tbody tr:nth-child(odd) { background-color: #F8F6EF; } #main_content .shadow_box .item_list tbody tr:hover { background-color: #DDD7CA; } .shadow_box .item_list table#watched_stores tbody tr.plain_table { background-color: #FEFDF6; /* Override alternating background colors for Watched Stores */ } .shadow_box .item_list table#watched_stores > tbody > tr.plain_table:hover { background-color: #FEFDF6; /* Set hover background colors for Watched Stores */ } .shadow_box .item_list table#watched_stores > tbody > tr.sub_heading { background-color: #AA9F8C; /* Set background color for the Store Rows subheadings in Watched Stores */ } .shadow_box .item_list tbody tr:hover { background-color: #eee; } .shadow_box .item_list thead tr { background-color: #eee; margin: 0 auto; text-align: center; } .shadow_box .item_list thead tr:hover { background-color: #eee; margin: 0 auto; } .shadow_box .item_list li { border-bottom: solid 1px #ccc; list-style: none; } .shadow_box .item_list li ol li { border-bottom: inherit; /* Don't underline Form Input labels */ } #main_content .shadow_box .item_list > li { /*border-bottom: solid 1px #F8F6EF;*/ border-bottom: solid 1px #AA9F8C; list-style: none; } #main_content .shadow_box .item_list > li:first-child { /*border-bottom-color: #AA9F8C;*/ } #main_content .shadow_box .item_list > li#ic_sales_report { border-top: solid 1px #AA9F8C; list-style: none; } #main_content .shadow_box .item_list > li:last-child { border-bottom-width: 0; } #main_content .shadow_box .item_list li.heading { border-bottom-width: 0; background-color: #F8F6EF; } .shadow_box .item_list li:last-child { border-bottom: none; } .shadow_box .item_list li h2, .shadow_box .item_list li > * { display: table-cell; /*display: inline-block; Doesn't auto-size width of element, i.e