input:not([disabled]),textarea {cursor: pointer} input::-webkit-input-placeholder {font-size: 10px} input{font-size: 16px; border-style: solid; border-width: 1px} textarea{font-size: 18px;resize: none} /* ********************* Work Orders ******************** */ #work_orders {width: 945px} #work_orders div.modal_body div.section .section_heading {color: #f18721; font-size: 20px; font-weight: bold; background-color: #F8F8F8} div.fixed {font-size: 20px} div.fixed div.fixed_text {margin-left: 3px; margin-top: 5px} div.red-bg {background-color: red; color: white} div.pink-bg{background-color: pink} div.section.work_order > div, div.section.coins > div {position: absolute} /*div.section.work_order > div > div {position: absolute} */ div.section.work_order div.logo { top: 10px; left: 10px; background-size: contain} div.section.work_order div.logo[client_id="1"] { background-image: url('images/CorbittGraphicsLogo.png'); width: 240px; height: 90px} div.section.work_order div.logo[client_id="2"] { background-image: url('images/YourLogo.png'); width: 220px; height: 85px} div.section.work_order div.info {border-width: 2px; border-style: solid} div.section.work_order div.title { top: 10px; left: 270px; height: 90px; width: 665px} div.section.work_order div.heading { top: 110px; left: 10px; height: 260px; width: 725px; border-color: #00008B} div.section.work_order div.status { top: 81px; left: 750px; height: 289px; width: 175px; border-color: red} div.section.work_order div.pictures {top: 378px; left: 10px; width: 915px; height: 390px; border-color: #00008B} div.section.work_order div.material { top: 778px; left: 10px; height: 625px; width: 370px; border-color: #00008B} div.section.work_order div.due_dates { top: 778px; left: 390px; height: 120px; width: 345px; border-color: #00008B} div.section.work_order div.hours {top: 778px; left: 750px; height: 93px; width: 175px; border-color: #00008B} div.section.work_order div.project_notes { top: 908px; left: 390px; height: 258px; width: 535px; border-color: #00008B} div.section.work_order div.quote { top: 1166px; left: 390px; height: 237px; width: 535px; border-color: #00008B} div.section.work_order div.vendor_billing {top: 1411px; left: 10px; height: 300px; width: 810px; border-color: #00008B} div.section.work_order div.sign_off {top: 1511px; left: 830px; height: 200px; width: 95px; border-color: red} div.section.work_order div.info.p24 > div.info_heading {font-size: 24px} div.p24 {font-size: 24px} div.info > div.info_heading {width: 100%; height: 25px; text-align: center; color: white} div.info > div.field {float: left; border-top-style: none; border-left-style: none; border-right-style: solid; border-width: 1px; border-color: inherit} div.info > div.field:not(.last) {border-right-style: solid} div.info > div.field.last {border-right-style: none} div.info > div.field:not(.bottom):not(.no_bottom) {border-bottom-style: solid} div.info > div.field.bottom {border-bottom-style: none} div.info > div.eol {clear: both} div.section.work_order div.field.label {text-align: center} div.section.work_order div.field.label:not(.default) {font-size: 24px;} div.section.work_order div.heading div.field.label:not(.po_label):not(.hours_label):not(.default), div.section.work_order div.due_dates div.field.label {width: 200px} div.field.label.po_label {width: 50px} div.field.label.hours_label {width: 120px} div.field.label.default {width: 150px; font-size: 16px} div.section.work_order div.contact_box > div {height: inherit; float: left} div.section.work_order div.contact_box div.contact_label div.contact_title {font-size: 24px; text-align: right} div.section.work_order div.contact_box div.contact_label div.same_as {margin-top: 7px; margin-left: 20px} div.section.work_order div.contact_box div.contact_info > div {float:left} div.section.work_order div.contact_box div.contact_info div.address_disp {margin-left: 5%; width: 45%;font-size: 16px; color: black; margin-top: 3px} div.section.work_order div.contact_box > div.contact_change > div {width: 100%} div.section.work_order div.contact_box > div.contact_change > div, div.section.work_order div.contact_buttons > div {margin-top: 5px; height: 20px; text-align: center; width: 20%; font-size: 18px} div.section.work_order div.contact_buttons > div {float:left;} div.section.work_order div.contact_buttons div.cancel_add, div.section.work_order div.contact_buttons div.cancel_edit {margin-left:5%} div.section.work_order div.contact_buttons div.save_add, div.section.work_order div.contact_buttons div.save_edit {margin-left:40%} div.section.work_order div.contact_menu, div.section.work_order div.cancel_change{margin: 3px;width: auto} div.section.work_order div.contact_menu {width:670px} select.contact_menu {width: 100%} div.section.work_order div.customer div.customer_first_name {width: 150px} div.section.work_order div.customer div.customer_last_name {width: 200px} div.section.work_order div.customer div.customer_address, div.section.work_order div.customer div.customer_ship_address {width: 300px} div.section.work_order div.customer div.customer_email {width:300px} div.section.work_order div.customer div.customer_city, div.section.work_order div.customer div.customer_ship_city {width: 300px} div.section.work_order div.customer div.customer_state, div.section.work_order div.customer div.customer_ship_state {width: 70px} div.section.work_order div.customer div.quotes1 {width: 150px} div.section.work_order div.customer div.payment_type {width: 210px} div.section.work_order div.customer div.po input[type="text"]{width: 227px} div.section.work_order div.title div.work_order {position: absolute; left: 100px; top: 20px; color: #00008B; font-size: 36px; text-decoration: underline} div.section.work_order div.title div.work_order_no {position: absolute; left: 370px; top: 15px; color: red; font-size: 28px;} div.section.work_order div.title div.initiator {position: absolute; left: 350px; top: 1px; width: 100px; color: blue; font-size: 14px; text-align: right} div.section.work_order div.status div.status_level:not(.red-bg) {color: red} div.section.work_order div.status div.status_level {font-size: 18px; height: 24px} div.section.work_order div.vendor_billing div.vendor {width: 220px} div.section.work_order div.vendor_billing div.material {width: 290px} div.section.work_order div.vendor_billing div.quantity {width: 80px} div.section.work_order div.vendor_billing div.amount{width: 110px} div.section.work_order div.vendor_billing div.check{width: 50px} div.section.work_order div.due_dates div.label {color: red} div.section.work_order div.pictures div.add {height: 35px; width: 100%} div.section.work_order div.pictures div.add > div {float: left} div.section.work_order div.pictures div.add div.form_link {margin-left: 10px; margin-top: 5px} div.section.work_order div.pictures div.add div.cancel-picture {display: none} div.section.work_order div.pictures div.picture_menu {width: 900px; height: 330px; max-width: 900px} div.section.work_order div.pictures div.picture_frame:not(.add) {margin-left: 5px; cursor: pointer; display: inline-block; width: 320px; height: 300px} div.section.work_order div.pictures div.picture_frame div.picture_title{width: 100%; height: 10%; text-align: center} div.section.work_order div.pictures div.picture_frame div.picture_holder{width: 100%; height: 90%;} div.section.work_order div.pictures div.picture_frame div.picture_holder img {width: 100%; height: 100%;} div.section.work_order div.pictures div.picture_field {margin-left: 5px; margin-top: 10px; width: 100%} div.section.work_order div.pictures div.picture_field > input {width: 500px;} div.section.work_order div.pictures div.picture_field > textarea {height: 200px; width: 800px;} div.section.work_order div.pictures div.picture_edit_menu {height: 35px; width: 100%} div.section.work_order div.pictures div.picture_edit_menu > div {float: left} div.section.work_order div.pictures div.picture_edit_menu div.cancel_picture, div.section.work_order div.pictures div.picture_edit_menu div.save_picture {font-size: 18px} div.section.work_order div.pictures div.picture_edit_menu div.form_link {margin-top: 5px} div.section.work_order div.pictures div.picture_edit_menu div.form_link:not(.custom-size) {margin-left: 30px} div.section.work_order div.pictures div.picture_edit_menu div.form_link.custom-size {margin-left: 100px} div.section.work_order div.pictures div.picture_view {margin-left: 3px; height: 560px} div.section.work_order div.pictures div.picture_view img {width: 500px; height: 540px;} div.section.work_order div.material div.material_type {height: 23px; float: left; font-size: 20px;color: red; padding-right: 6px; margin-top: 1px} div.section.work_order div.material div.material_type:not(.no-right-border) {border-right: 3px solid #00008B;} div.section.work_order div.material div.material_properties {height: 23px; float: left; font-size: 16px; color: #00008B;margin-top: 3px} div.section.work_order div.sign_off div.signor:not(.red-bg) {color: red} div.section.work_order div.sign_off div.signor {font-size: 24px; height: 35px; margin-top: 10px; margin-left: 3px} /* div { transition-property: width; transition-duration: .5s; transition-timing-function: linear; transition-delay: 0s; } */ div.preload_images {display: none} /* ********************* Coins ******************** */ #coins {width: 945px} #coins div.modal_body div.section .section_heading {color: #f18721; font-size: 20px; font-weight: bold; background-color: #F8F8F8} div.section.coins div.info {border-width: 2px; border-style: solid} div.section.coins div.heading { top: 10px; left: 20px; height: 94px; width: 915px; border-color: #00008B} div.section.coins div.heading div.year, div.section.coins div.heading div.orig_year {width: 75px} div.section.coins div.heading div.grade {width: 75px} div.section.coins div.heading div.date_purchased {width: 150px} div.section.coins div.heading div.cost {width: 150px} div.section.coins div.field.label {text-align: right;} div.section.coins div.field.label:not(.default) {font-size: 16px;} div.section.coins div.field.label:not(.short) {width: 110px} div.section.coins div.field.label.short {width: 55px} /* ********************* User Management ******************** */ #user_mgmt {width: 925px} #user_mgmt div.modal_body div.section.main_fields {height: 130px} /* ********************* Schools In ************************* */ #schoolsin {width: 1200px} #schoolsin div.data_row {margin-top: 3px;} #schoolsin div.data_row:not([name="attribute"]):not([name="option"]) {margin-left: 10px;} #schoolsin div.data_row[name="attribute"] {margin-left: 20px;} #schoolsin div.data_row[name="option"] {margin-left: 50px;} #schoolsin div.data_row:not(.info_div) {height: 30px;} #schoolsin div.data_row.info_div {height: auto;} #schoolsin div.data_row.info_div[name="error_message"] {color: red; font-size: 24px; text-align: center} #schoolsin div.data_row.info_div.empty, #schoolsin div.data_row.info_div.inactive {color: red} #schoolsin div.data_row.info_div.section_title {font-size: 18px; background-color: grey} #schoolsin div.data_row.info_div.highlight span {background-color: yellow} #schoolsin input[name="code"][req="0"] {width: 700px} #schoolsin input[name="code"][req="3"] {width: 100px} #schoolsin span.miva_label {color: blue} #schoolsin div[cat_id], #schoolsin div[prod_id] {cursor: pointer} #schoolsin div[cat_id] span:hover, #schoolsin div[prod_id] span:hover {color: blue; background-color: lightgray} #schoolsin div.action_menu > div {float:left} #schoolsin div.inactive_elements {margin-left: 50px} /* body {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif} */ select:hover, input[type="file"]{cursor: pointer} div.form_link:not(.custom-size) {font-size: 14px;} div.form_link:not(.contact):not(.no-abs) {width: auto; position:absolute} div.form_link:not(.disabled){color:#f18721; cursor:pointer} div.form_link:not(.disabled):hover {color:#684f40; text-decoration:underline} div.form_link.disabled {color: #00008B;} div.form_link.view.disabled, div.form_link.order.disabled {font-size: 16px} div.picture-file {width: auto; height: 40px; display:none; cursor: pointer} div.signature_heading {font-weight:bold} .shroud,.shroud2 {position: absolute; background-color: lightblue; opacity: .3; z-index: 8000} #please_wait {width: 400px; height: 200px} #please_wait divdiv.modal_body {width: 100%; height: 270px} #please_wait div.please_wait_label {color: #f18721; font-size: 36px} #please_wait div.please_wait_message {color: #684f40; font-size: 14px} div.please_wait_graphic {position: absolute; left: 170px; top: 65px; height: 150px; width: 150px; z-index: 8000;} /* ******************* sudoko *************************** */ #sudoku {width: 1200px; height: 800px} #sudoku .modal_body > div {position: absolute} #sudoku div.puzzle_title {left: 10px; top: 10px; width: 630px; height: 40px;} #sudoku div.puzzle {left: 10px; top: 60px; width: 630px; height: 550px;} #sudoku div.puzzle_buttons {left: 10px; top: 620px; width: 700px; height: 100px; margin-left: 60px} #sudoku div.number_buttons {left: 10px; top: 720px; width: 700px; height: 40px; margin-left: 60px} #sudoku div.explanation {left: 650px; top: 10px; width: 370px; height: 650px;} #sudoku div.puzzle_title[puzzle_id] {font-size: 20px} #sudoku div.button, #guessword div.button { color: black; height: 30px; width: auto; margin-top: 5px; text-align: center; margin-right: 5px; padding-top: 15px; padding-right: 10px; padding-left: 10px; float: left; } #sudoku div.button.disabled, #guessword div.button.disabled { background-color: lightgray; cursor: default; } #sudoku div.button:not(.disabled), #guessword div.button:not(.disabled){ background-color: gray; cursor: pointer; } #sudoku div.button:not(.disabled):hover, #guessword div.button:not(.disabled):hover {color: white} div.table-row {height: auto; width:auto; display: table-row} div.show-available { font-size: 12px; color: red; } div[class^="r"]:not(.show-available) { font-size: 34px; } div[class^="r"] {height: 48px; width: 55px; padding-top: 5px; float: left; } #sudoku div[class^="r"]:not(.r0):not(.c0):not(.r4):not(.r7):not(.c4):not(.c7) { border-left: 1px solid black; border-top: 1px solid black; } #sudoku div.r4:not(.c0), #sudoku div.r7:not(.c0) {border-top: 2px solid black} #sudoku div.r4:not(.c0):not(.c4):not(.c7), #sudoku div.r7:not(.c0):not(.c4):not(.c7) {border-left: 1px solid black} #sudoku div.c4:not(.r0), #sudoku div.c7:not(.r0) {border-left: 2px solid black} #sudoku div.c4:not(.r0):not(.r4):not(.r7), #sudoku div.c7:not(.r0):not(.r4):not(.r7) {border-top: 1px solid black} #sudoku div.r9:not(.c0) {border-bottom: 1px solid black} #sudoku div.c9:not(.r0) {border-right: 1px solid black} #sudoku div[class^="r"]:not(.r0):not(.c0)[orig=" "] { cursor: pointer; } #sudoku div[class^="r"]:not(.r0):not(.c0):not(.pink):not([orig=" "]), #sudoku div.no_explanation[class^="r"]:not(.r0):not(.c0):not([orig=" "]) { background-color: #f7f7f7; } div[class^="r"]:not(.c0):not(.show-available) { text-align: center; } div.c0, div.r0 { color: lightgray; } div.yellow {background-color: yellow} div.pink:not(.no_explanation) {background-color: pink} div.red-number:not(.no_explanation) {color:red} div.lastMove {color: blue} div.guess:not(.lastMove):not(.red-number) {color: green} div.pivot {background-color: lightgray} /* ******************* guessword *************************** */ #guessword {width: 330px; height: 600px} #guessword .modal_body > div {position: absolute} #guessword div.puzzle, #guessword div.edit_settings {left: 10px; top: 5px; width: 320px; height: 350px;} #guessword div.keyboard {left: 10px; top: 375px; width: 310px; height: 140px;} #guessword div.puzzle_buttons {left: 10px; top: 515px; width: 310px; height: 40px; margin-left: 60px} #guessword div[class^="r"] {margin: 2px} #guessword div[class^="r"].enter) {margin-top: 10px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px} #guessword div[class^="r"]:not(.notword):not(.active):not(.match):not(.match2) {border: 2px solid gray;} #guessword div.active[class^="r"]:not(.key) {border: 2px solid black;} #guessword div.notword[class^="r"] {color: red; background-color: pink; border: 2px solid red} #guessword div.match[class^="r"] {color: white; background-color: green; border: 2px solid green;} #guessword div.match2[class^="r"] {color: white; background-color: goldenrod; border: 2px solid goldenrod} #guessword div.nomatch[class^="r"] {color: white; background-color: slategray; border: 2px solid slategray} #guessword div.key {float: left; cursor: pointer;} #guessword div.key:not(.backspace) {padding-left: 2px} #guessword div.key:not(.enter):not(.backspace) {height: 40px} #guessword div.key:not(.enter):not(.backspace) {width: 21px} #guessword div.key.enter {font-size: 12px; padding-top: 12px; width: 40px;} #guessword div.key.enter, #guessword div.key.backspace {height: 28px; padding-top: 12px;} #guessword div.key.backspace {padding-left: 8px; width: 15px; font-weight: bold} #guessword div.key:not(.k10):not(.k20) {margin: 2px;} #guessword div.k10, #guessword div.k20 {margin-top: 2px; margin-bottom: 2px; margin-right: 2px} #guessword div.k10 {margin-left: 15px} #guessword div.k20 {margin-left: 8px} #guessword div.key:not(.noword):not(.match):not(.match2):not(.nomatch) {border: 2px solid lightgray; background-color: lightgray;} #guessword div.key:not(.noword):not(.match):not(.match2):not(.nomatch):hover {color:white} #guessword div.key.match {color: white; background-color: green; border: 2px solid green} #guessword div.key.match2 {color: white; background-color: goldenrod; border: 2px solid goldenrod} #guessword div.key.nomatch {color: white; background-color: slategray; border: 2px solid slategray} #guessword div.key.match:hover, #guessword div.key.match2:hover, #guessword div.key.nomatch:hover {color: black} /* ******************** trees *************************** */ div.tree:not(.end) {cursor: pointer} /* ******************** fields ************************** */ div.field_text.email {width: 400px} div.field_text.phone {width: 100px} div.zip_address {width: 100%} div.zip_address > div.ship_city, div.zip_address > div.ship_state {font-size: 14px} div.zip_prompt {position: absolute; left: 700px} /* ******************** modal windows ****************** */ div.modal_window {top: 20px; left: 300px; /* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */ background-color:white; position:absolute; border-radius: 0px 0px 15px 15px; box-shadow: 10px 10px 5px #888888; } div.modal_window input:not(.error), div.modal_window select, div.modal_window .report_line {color: black} div.modal_window input.box_error {border-color: red} div.split_error {color: red; cursor: pointer} div.modal_window div.modal_heading {position:relative; height:20px; width:100%; top-left-border-radius: 15px; top-right-border-radius:15px; cursor: pointer} div.modal_window .modal_heading:not(.clicked ){background-color: #f18721;} div.modal_window .modal_heading.clicked {background-color:#00008B;} div.modal_window div.modal_heading div.modal_title {position:absolute;left:10px;top:1px;color:white} div.modal_window div.modal_heading div.modal_exit {position:absolute; width:15px; height:16px; background-image: url('images/X.png'); top:2px; cursor:pointer} div.modal_window div.modal_body {position:relative;height:100%;width:100%;} div.modal_window:not(.phone) div.modal_body {font-size: 14px;} div.modal_window.phone div.modal_body {font-size: 48px;} div.modal_body div.section {position: relative} div.modal_body div.section:not(.report_title) {width: 100%} div.modal_body div.section.field_options {height: 60px} div.modal_body div.section.report_options {height: 60px} div.modal_body div.section.report_options.empty {font-size: 32px; text-align: center} div.modal_body div.section.report_title {height: 38px; font-size: 24px; background-color: #684f40; color: white; text-align: center; width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 5px; border: 1px solid #f18721;} div.modal_window div.modal_body div.section.supplierZips {height: 75px} /* ********************* Login ******************** */ #login:not(.phone) {width: 500px} div.incorrect_login, div.test_environment {color: red; font-size: 14px} span.asterick {color:#f18721} /* ********************* Main Menu ******************** */ #main_menu {width: 700px} /* ********************* Please Wait ******************** */ /* ******************** option bar **************************** */ div.modal_body >div.option_bar {height: 30px; margin-left: 10px; margin-right: 10px; position: relative} div.modal_body >div.option_bar.bottom {margin-bottom: 10px} div.modal_body >div.group_by {background-color: #f18721} div.modal_body >div.filter {background-color: lightgray; height: 60px} div.modal_body >div.user {color: #684f40} div.modal_body >div.user >span.user_name {color: #f18721} /* ********************* Special Options **************************** */ #special_options {top: 60px; left: 340px; width: 200px; height: 150px} #special_options div.modal_heading {background-color:#f18721} #special_options div.modal_body {padding: 10px 0px 0px 10px; color: #684f40} #special_options div.modal_body > div {position: relative} #special_options div.modal_body div.options input {cursor: pointer} div.modal_body div.buttons > div {color: white; background-color: #684f40; padding: 1px 5px; cursor: pointer} div.modal_body div.buttons > div:hover {background-color: #f18721} /* ********************** page sections ************************ */ /* ********************** detail_row *************************** */ div.section .detail_row {position: absolute; width: 100%; height: 25px} /* ********************** supplierZips ************************* */ /* ********************** check boxes *************************** */ div.checkbox_line span.checkbox_text {cursor: pointer} div.checkbox_line:hover {color: #f18721} div.horizontal {float: left; padding: 0px 50px} /* *********************** buttons ******************************* */ .form_button {color: white; background-color: #00008B; cursor: pointer; padding: 2px 10px} .form_button.disabled { background-color: lightgray; cursor: default} .form_button:not(.disabled):hover {background-color: #f18721} div.row_number {top: 2px} div.section > div.form_button.add {left: 300px} div.section > div.detail_row > div.form_button.add {left: 710px} div.andor {position: absolute; left: 480px; top: 10px} div.andor_heading {color:white; background-color: black; margin: 1px; padding: 2px; font-size: 18px;height: 23px;width: 33px} div.andor_selection {width: 39px;height: 29px} div.andor_heading,div.andor_selection {float: left; text-align: center} /* Body formats */ .hidden,.filtered,.hidden2,.photo_hidden {display: none !important} .body_format {background-color: white; color:black; font-family:"Times";z-index:1000} #ajaxRoot {position:absolute; left:100px; right: 100px; height: 300px; width:300px; background-color:yellow; display:none; z-index:5000} /* Image formats */ #holiday_icon{max-height:50%;max-width:50%} #logo_image {max-height:100%;max-width:100%} #home_hor{height:100%;width:100%;display:none} #home_ver{height:100%;width:100%;display:none} #width_check {display: none} .title_holder{text-align:center;font-size:20px;font-weight:bold;color:white;text-shadow: 1px 1px #f18721} .img_holder{text-align:center} .big_picture{display:none} .left_arrow {max-height:100%;max-width:100%;cursor:pointer} .right_arrow {max-height:100%;max-width:100%;cursor:pointer} /* Alignment formats */ .right {text-align: right} .left {text-align: left} .center {text-align:center} /* Text formats */ .Warning {color:red; font-size: 14px; display:none} .warning {color:red; font-size: 18px; font-weight: bold} .Success{font-weight:bold} .Session_details{display:none} .different_email{color:black} .half_line{font-size:8px} .color_amounts {width:30px} .section_heading:not(.contract){color:#f18721;text-shadow:1px 1px white;font-size:24px} #Confirmation_email{font-weight:bold; color:black} #Activation_terminate{color:blue;font-weight:normal} #Activation_login{color:blue;font-weight:normal} #Success_ok {color:blue} #registry_return {font-size:14px} #Login_error {font-size:36px; font-weight:bold;text-align:center} #Saved_email_label{font-weight:bold} #Saved_email_value{font-weight:bold;color:blue} #Title{font-weight:bold;font-size:36px;text-align:center;color:#f18721;text-shadow: 1px 1px white; margin: 0% 0% 0% 0%;height:15%; width:100%; display:none} #Delete_account{color:red} /* Font formats */ .b {font-weight: bold} .i {font-style: italic} .u {text-decoration:underline} .Red {color:red} .Blue {color:blue} .Green {color:green} .Black {color:black} .Yellow_bg {background-color:yellow} .Red_bg {background-color:red} .Explanation{background-color:white;color:black;font-size:16px} .product_type{font-size:10px} .#f18721_bullets{color:#f18721} .white_text{color:white} .valid_zips, .valid_cities, .valid_states {color:black} /*Mouse formats */ .underscore_point {cursor:pointer} .Keep{cursor:pointer;color:black} .Cut{cursor:pointer;color:black} #Logo_frame {cursor:pointer} .Calendar_day{cursor:pointer} /*.portrait_div {cursor:pointer} */ /* Link Formats */ .white_link {color: white} /* Div Formats and Table Formats */ .month_title{background-color:black;color:white} .Registry_div {background-color:#BEBEBE} #sql_result{display:none;overflow:scroll} #Activation_key{display:none} .Activation{font-weight:bold; font-size: 24px; color:green;text-align:center} /* #master_div {width:1341px;background-color:#004A8D} */ #master_div {width:100%;height:100%} /* #master_div {width:100%;height:100 pct update*/ #Login_welcome{font-weight:bold;text-align:center;font-size: 20px} #Log_out2{font-weight:normal; font-size: 14px} #Registry_frame{height:70%} #calendar_master, #date_master {display:none} .date_portion {padding: 0px 10%;height:40px;width:80%;border-bottom: 1px solid black} .calendar_portion{padding: 5px;height:175px;width:98.5%;border-bottom: 1px solid black} .today_portion {height:20px;width:100%;text-align:center;color:blue} .selected_date{font-size:24px;text-align:center} .date_label{color:blue} .cal_cell[value] {cursor:pointer} .cal_cell[value]:hover {background-color:lightblue} #soap_response{display:none; background-color:yellow;mouse:pointer} .alpha_menu{position:absolute;top:0px;left:0px;margin:5px 0px 5px 3px;padding: 0px 5px;height:20px;background-color:lightgray} .letter_options{position:absolute; top:30px; left:0px} #cover_wrapper{display:none;z-index:5000;background-color:gray;opacity:0.2} /* .option_cell{position:absolute} #options {position:absolute;left:0px;top:0px;width:100%;height:500px} #main_menu {position:absolute;left:0px;top:0px;width:100%;height:150px} */ .dropDown_menu {position:absolute; width: 530px; display:none; z-index: 8500} .dropDown_menu .row {position: relative; width:100%; height:18px; cursor: pointer; background-color: LightGray; z-index: 8500; margin: 0px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px} .dropDown_menu .row[selected=selected] {background-color: gray} .dropDown_menu * {color: black} .fields{position:absolute; display:none} .field_label.result {color:blue} div.input_text .field_input {width:inherit} select.field_input, input.field_input:not([type="checkbox"]) {height: 100%; border-radius: 0px; font: 13.33px Arial; padding: 0px} div.modal_window.phone .field_input {font-size: 24px} div.modal_window.phone .field_input {font-size: 24px} .field_input.product_code {width:100px} #inventory_mgmt .field_input.product_code {width:250px} .field_input.product_desc {width:77%} .field_input.month{width:55px} .field_input.day{width:45px} .field_input.year{width:60px} .date_wrapper{width:auto;height:100%;float:left} .calendar_button{width:30px;height:100%;float:left;background-image:url('./images/calendar.jpeg');cursor:pointer} .field_input.fixed{color:blue} .border {float:left; width: 1px; background-color: gray} .end_of_row {float: left; clear:both;width: 0px} .yes_no_window{height:150px} .yes_no {position:absolute;text-align:center;font-size:24px} .yes_no.text {top:20px;left:5%;width:90%} .yes_no.answer{padding-top:8px} .yes_no.yes {top:70px;left:140px;width:100px;height:40px;background-color:green;color:white;cursor:pointer} .yes_no.yes:hover{background-color:#339966} .yes_no.no {top:70px;left:340px;width:100px;height:40px;background-color:red;color:white;cursor:pointer} .yes_no.no:hover{background-color:#FF6666} #title_nav{display:none;width:80%;height:7%} .extra_pictures{display:none} /*.main_text{text-shadow: 2px 2px white;color:blue;cursor:default} */ #all_text{height:97%;width:97%;border-style:dotted;border-color:grey;border-width:1px;cursor:default;display:none} #all_text_title{height:8%;width:100%;color:#f18721; text-align:center;font-size:36px;text-shadow: 2px 2px white} #all_text_body{height:86.5%;width:94%;padding:0% 3% 3% 3%;color:white;font-size:16px} #contact_us{height:100%;width:100%; margin:2% 0% 0% 0%; color: white; display:none} #main_contact_portrait {max-height:100%;max-width:100%} #big_picture_dimensions{display:none} #admin_contact_portrait {max-height:100%;max-width:100%} /* Input formats */ .Filler{width:0px;visibility:hidden} #Registry_email{width:300px} .dark_grey_box{background-image:url('./backgrounds/dark_grey_box.jpg')} .blue_texture{background-image:url('./backgrounds/blue_texture.gif')} .background_image { background-repeat:no-repeat; background-size:90% 90%; -webkit-background-size:90% 90%; /* Safari */ -khtml-background-size:90% 90%; /* Konqueror */ -moz-background-size:90% 90%; /* Firefox */ } /* ********************* Printer Window */ #printer_window {width: 400px; height: 200px} /* ********************* Inventory Analysis ******************** */ #inventory_anal {width: 1195px; height: 580px} #inventory_anal div.modal_body >div.tree.level_1 {margin-left: 50px; color: #f18721; height: 25px} #inventory_anal div.modal_body >div.tree.level_2 {margin-left: 100px; height: 25px } #inventory_anal div.modal_body >div.tree.level_3 {margin-left: 150px; height: 25px } #inventory_anal div.modal_body span.items_1 {color: black; font-size: 12px; font-style: italic;} #inventory_anal div.modal_body span.items_2 {color: #f18721; font-size: 12px; font-style: italic;} #inventory_anal div.modal_body span.items_3 {color: lightgray; font-size: 12px; font-style: italic;} #inventory_anal div.modal_body div.product_no {color: #f18721; margin-right: 2px} .product_info {margin-left: 50px} /* #inventory_anal div.modal_body > div {height:200px; width: 100%} #inventory_anal div.modal_body select.mainMenu {position: absolute; top: 50px; left: 30px; width: 150px} #inventory_anal div.modal_body div.ok_button {position: absolute; color: white; background-color: #684f40; padding: 1px 5px; cursor: pointer; height: 20px; width: auto} #inventory_anal div.modal_body div.ok_button:hover {background-color: #f18721} */ /* trees */ div.tree div.report_detail > div.dim_row.heading > div {color: #f18721} div.tree.product > div:not(.end_of_row) {float: left; margin-right: 5px} div.tree div.report_detail, div.tree div.report_detail > div.dim_row {height: 25px; width: 100%} div.tree div.report_detail > div.dim_row > div.box_no {width: 75px; text-align: right} div.tree div.report_detail > div.dim_row > div:not(.box_no):not(.end_of_row):not(.dim_row) {width: 150px; text-align: center} div.tree div.report_detail > div.dim_row > div {float: left; height: 20px} div.tree div.report_detail > div.dim_row > div > input {text-align: center} div.tree div.report_detail > div.dim_row > div > input[disabled] {background-color: pink} div.field_input {border: 1px solid #f18721; height: 18px; background-color: white; padding-left: 3px} div.field_text > .field_input {width: inherit} /* ********************** Printer Icon *************************** */ div.print {position: absolute; left: 645px; top: 11px; width: 32px; height: 32px; cursor: pointer; background-image: url('images/printer-up.jpg'); display: none } div.preload {position: absolute; left: 0px; top: 0px; width: 32px; height: 32px} div.print:hover {background-image: url('images/printer-over.jpg') } div.print:active {background-image: url('images/printer-down.jpg') } div.preload.print1 {background-image: url('images/printer-up.jpg')} div.preload.print2 {background-image: url('images/printer-over.jpg')} div.preload.print3 {background-image: url('images/printer-down.jpg')} div.disclaimer {font-weight: bold; text-align: center} div.input_center {margin-left: 5px; margin-top: 2px} div.horizontal_scroll {overflow-x: scroll; overflow-y: hidden; white-space: nowrap;} div.horizontal scroll a {display: inline-block}