html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } *:focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .create_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/plus.png"); } .edit_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/quill.png"); } .show_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/show.png"); } .user_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/user-gray.png"); } .category_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/folder-medium.png"); } .contact_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/card-address.png"); } .bookmark_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/bookmark.png"); } .delete_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/cross-script.png"); } .phone_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/telephone.png"); } .fax_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/telephone-fax.png"); } .url_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/globe-green.png"); } .sad_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/smiley-sad.png"); } .contract_icon, .contracts_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/document-stamp.png"); } .contract_finished_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/document-bookmark.png"); } .email_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/mail.png"); } .sign_out_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/heart-break.png"); } .sign_in_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/key.png"); } .info_icon, #main .info { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/information-balloon.png"); } .event_icon, .calendar_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/calendar-month.png"); } .date_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/calendar-month.png"); } .attachment_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/paper-clip.png"); } .note_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/sticky-note-text.png"); } .lock_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/lock.png"); } .restore_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/arrow-circle-225-left.png"); } .print_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/printer.png"); } .search_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/magnifier.png"); } .tool_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/robot.png"); } .place_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/map.png"); } .start_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control.png"); } .stop_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control-stop-square.png"); } .presence_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/clock-select.png"); } .joblog_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/broom.png"); } .responsibility_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/hard-hat.png"); } .responsibility_group_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/clipboard-paste-image.png"); } .cancel_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/cross-script.png"); } .discard_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/cross-script.png"); } .check_in_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/door.png"); } .check_out_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/door-open-in.png"); } .toggler_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control.png"); } .toggler_icon.shown { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control-270.png"); } .region_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/globe-green.png"); } .overtime_change_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/clock-history-frame.png"); } .pdf_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/document-pdf.png"); } .warning_icon, #main .warning { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/exclamation-button.png"); } .month_sheet_batch_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/reports-stack.png"); } .next_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/resultset_next.png"); padding-right: 21px; background-position: right center; } .previous_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/resultset_previous.png"); } .disk_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/disk.png"); } .excel_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/blue-document-excel.png"); } .report_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/chart-up.png"); } .tick_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/tick.png"); } .cross_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/cross.png"); } .workshop_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/application-monitor.png"); } .wrench_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/wrench.png"); } .address_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/address-book.png"); } .address_with_notes_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/address-book-blue.png"); } .tool_transfer_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/blue-document-page-last.png"); } .tool_transfer_workshop_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/document-page-last.png"); } .map_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/map.png"); } .geocode_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/pin.png"); } .image_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/image.png"); } .for_sale_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/price-tag.png"); } .inspection_protocol_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/protocol.png"); } .signature_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/quill.png"); } .tenant_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/zone.png"); } .photo_upload_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/image.png"); } .pause_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control-pause.png"); } .resume_icon { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/control.png"); } .navy-tab-navigation, #navy-main-navigation .navy-level-1, #page_head #page_head_inner .navy-navigation .navy-level-1 { height: 32px; } .navy-tab-navigation.navy-hidden, #navy-main-navigation .navy-hidden.navy-level-1, #page_head #page_head_inner .navy-navigation .navy-hidden.navy-level-1, .navy-tab-navigation .navy-hidden, #navy-main-navigation .navy-level-1 .navy-hidden, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-hidden { display: none; } .navy-tab-navigation .navy-layouted-sections, #navy-main-navigation .navy-level-1 .navy-layouted-sections, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections { float: left; height: 32px; overflow: hidden; } .navy-tab-navigation a, #navy-main-navigation .navy-level-1 a, #page_head #page_head_inner .navy-navigation .navy-level-1 a { float: left; padding: 0 10px; height: 28px; line-height: 28px; font-weight: bold; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.35); } .navy-tab-navigation a .navy-section-expander, #navy-main-navigation .navy-level-1 a .navy-section-expander, #page_head #page_head_inner .navy-navigation .navy-level-1 a .navy-section-expander { display: block; float: right; height: 28px; padding: 0 10px; margin-right: -10px; } .navy-tab-navigation a .navy-section-expander:hover, #navy-main-navigation .navy-level-1 a .navy-section-expander:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 a .navy-section-expander:hover { color: #cccccc; } .navy-tab-navigation a.navy-current .navy-section-expander, #navy-main-navigation .navy-level-1 a.navy-current .navy-section-expander, #page_head #page_head_inner .navy-navigation .navy-level-1 a.navy-current .navy-section-expander { display: none; } .navy-tab-navigation.navy-expanded, #navy-main-navigation .navy-expanded.navy-level-1, #page_head #page_head_inner .navy-navigation .navy-expanded.navy-level-1 { padding-bottom: 4px; } .navy-tab-navigation .navy-layouted-sections a, #navy-main-navigation .navy-level-1 .navy-layouted-sections a, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a { margin-right: 6px; } .navy-tab-navigation .navy-layouted-sections a, #navy-main-navigation .navy-level-1 .navy-layouted-sections a, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a, .navy-tab-navigation .navy-dropdown-expander, #navy-main-navigation .navy-level-1 .navy-dropdown-expander, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander { margin-top: 4px; } .navy-tab-navigation .navy-layouted-sections a.navy-active, #navy-main-navigation .navy-level-1 .navy-layouted-sections a.navy-active, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a.navy-active, .navy-tab-navigation .navy-dropdown-expander.navy-active, #navy-main-navigation .navy-level-1 .navy-dropdown-expander.navy-active, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander.navy-active { color: #222244; background-color: white; } .navy-tab-navigation .navy-layouted-sections a.navy-active .navy-section-expander:hover, #navy-main-navigation .navy-level-1 .navy-layouted-sections a.navy-active .navy-section-expander:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a.navy-active .navy-section-expander:hover, .navy-tab-navigation .navy-dropdown-expander.navy-active .navy-section-expander:hover, #navy-main-navigation .navy-level-1 .navy-dropdown-expander.navy-active .navy-section-expander:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander.navy-active .navy-section-expander:hover { color: #222244; } .navy-tab-navigation .navy-layouted-sections a:last-child, #navy-main-navigation .navy-level-1 .navy-layouted-sections a:last-child, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a:last-child, .navy-tab-navigation .navy-dropdown-expander:last-child, #navy-main-navigation .navy-level-1 .navy-dropdown-expander:last-child, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander:last-child { padding-right: 10px; } .navy-tab-navigation .navy-layouted-sections a:hover, #navy-main-navigation .navy-level-1 .navy-layouted-sections a:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a:hover, .navy-tab-navigation .navy-dropdown-expander:hover, #navy-main-navigation .navy-level-1 .navy-dropdown-expander:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander:hover { margin-top: 0; padding-bottom: 4px; } .navy-tab-navigation .navy-dropdown-expander, #navy-main-navigation .navy-level-1 .navy-dropdown-expander, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander { position: relative; z-index: 100; } .navy-tab-navigation .navy-navigation-dropdown, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown { visibility: hidden; float: left; position: relative; } .navy-tab-navigation .navy-navigation-dropdown .navy-dropdown-sections, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections { border: 1px solid rgba(0, 0, 0, 0.35); border-top: none; padding: 6px; position: absolute; top: 32px; right: 0; z-index: 99; background: white; } .navy-tab-navigation .navy-navigation-dropdown .navy-dropdown-sections .navy-section-expander, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section-expander, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section-expander { display: none; } .navy-tab-navigation .navy-navigation-dropdown .navy-dropdown-sections .navy-section, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section { line-height: 24px; height: 24px; background: white; color: #222244; margin-top: 0; float: none; display: block; white-space: nowrap; } .navy-tab-navigation .navy-navigation-dropdown .navy-dropdown-sections .navy-section:hover, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section:hover, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections .navy-section:hover { color: #555577; } .navy-tab-navigation .navy-end, #navy-main-navigation .navy-level-1 .navy-end, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-end { clear: both; height: 0; display: block; } .navy-bubble-navigation.navy-hidden, #navy-main-navigation .navy-hidden.navy-level-2, .navy-bubble-navigation .navy-hidden, #navy-main-navigation .navy-level-2 .navy-hidden { display: none; } .navy-bubble-navigation a, #navy-main-navigation .navy-level-2 a { height: 24px; line-height: 24px; color: #333344; float: left; margin-right: 10px; } .navy-bubble-navigation a:hover, #navy-main-navigation .navy-level-2 a:hover { color: #428000; } .navy-bubble-navigation a.navy-current, #navy-main-navigation .navy-level-2 a.navy-current { padding: 0 7px; background-color: #64a21d; color: white; } .navy-bubble-navigation .navy-inner-navigation-bar, #navy-main-navigation .navy-level-2 .navy-inner-navigation-bar { padding: 6px 0 5px 0; } .navy-bubble-navigation .navy-end, #navy-main-navigation .navy-level-2 .navy-end { display: block; clear: both; height: 0; } .navy-tab-navigation-extra a, #navy-main-navigation .navy-level-1 a, #page_head #page_head_inner .navy-navigation .navy-level-1 a { background: rgba(0, 0, 0, 0.499); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.2)', endColorstr='rgba(0, 0, 0, 0.5)'); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)); -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .navy-tab-navigation-extra.navy-expanded a, #navy-main-navigation .navy-expanded.navy-level-1 a, #page_head #page_head_inner .navy-navigation .navy-expanded.navy-level-1 a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .navy-tab-navigation-extra .navy-layouted-sections a.navy-active, #navy-main-navigation .navy-level-1 .navy-layouted-sections a.navy-active, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-layouted-sections a.navy-active, .navy-tab-navigation-extra .navy-dropdown-expander.navy-active, #navy-main-navigation .navy-level-1 .navy-dropdown-expander.navy-active, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-dropdown-expander.navy-active { background: white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(white)); background: -moz-linear-gradient(top, white, white); -moz-box-shadow: 0 0 10px white; -webkit-box-shadow: 0 0 10px white; box-shadow: 0 0 10px white; } .navy-tab-navigation-extra .navy-navigation-dropdown .navy-dropdown-sections, #navy-main-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections, #page_head #page_head_inner .navy-navigation .navy-level-1 .navy-navigation-dropdown .navy-dropdown-sections { border: none; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .navy-bubble-navigation-extra a.navy-current, #navy-main-navigation .navy-level-2 a.navy-current { background: #578c19; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71b821', endColorstr='#578c19'); background: -webkit-gradient(linear, left top, left bottom, from(#71b821), to(#578c19)); background: -moz-linear-gradient(top, #71b821, #578c19); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #inspection_protocols_new .rating, #inspection_protocols_edit .rating { margin-right: 10px; } #inspection_protocols_new .choose_picture, #inspection_protocols_edit .choose_picture { display: inline-block; position: relative; overflow: hidden; } #inspection_protocols_new .choose_picture .hidden_upload, #inspection_protocols_edit .choose_picture .hidden_upload { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } #inspection_protocols_new .choose_picture .buttons, #inspection_protocols_edit .choose_picture .buttons { margin-bottom: 0; } #inspection_protocols_new .photo_uploader .photos, #inspection_protocols_edit .photo_uploader .photos { margin-bottom: 8px; } #inspection_protocols_new .photo_uploader .photo, #inspection_protocols_edit .photo_uploader .photo { width: 124px; margin: 0 6px 6px 0; display: inline-block; vertical-align: top; } #inspection_protocols_new .photo_uploader .photo photo, #inspection_protocols_edit .photo_uploader .photo photo { display: block; position: relative; } #inspection_protocols_new .photo_uploader .photo .caption, #inspection_protocols_edit .photo_uploader .photo .caption { margin-top: 4px; color: #222222; } #inspection_protocols_new .photo_uploader .photo .photo_image, #inspection_protocols_edit .photo_uploader .photo .photo_image { padding: 2px; height: 90px; width: 120px; position: relative; } #inspection_protocols_new .photo_uploader .photo .photo_image img, #inspection_protocols_edit .photo_uploader .photo .photo_image img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; display: block; } #inspection_protocols_new .photo_uploader .photo .photo_progress, #inspection_protocols_edit .photo_uploader .photo .photo_progress { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); transition: left 0.5s ease; } #inspection_protocols_new .photo_uploader .photo .spinner, #inspection_protocols_new .photo_uploader .photo .error, #inspection_protocols_edit .photo_uploader .photo .spinner, #inspection_protocols_edit .photo_uploader .photo .error { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } #inspection_protocols_new .photo_uploader .photo.editing .photo_image, #inspection_protocols_edit .photo_uploader .photo.editing .photo_image { background-color: #eeeeee; } #inspection_protocols_new .photo_uploader .form, #inspection_protocols_edit .photo_uploader .form { float: left; background-color: #eeeeee; display: block; margin-bottom: 1em; padding: 10px; } #inspection_protocols_new .photo_uploader .form .button, #inspection_protocols_new .photo_uploader .form #main .menu a, #main .menu #inspection_protocols_new .photo_uploader .form a, #inspection_protocols_new .photo_uploader .form #main .buttons a, #main .buttons #inspection_protocols_new .photo_uploader .form a, #inspection_protocols_new .photo_uploader .form #main .buttons input[type=submit], #main .buttons #inspection_protocols_new .photo_uploader .form input[type=submit], #inspection_protocols_new .photo_uploader .form #main .buttons input[type=button], #main .buttons #inspection_protocols_new .photo_uploader .form input[type=button], #inspection_protocols_new .photo_uploader .form #main .buttons button, #main .buttons #inspection_protocols_new .photo_uploader .form button, #inspection_protocols_new .photo_uploader .form #dialog .buttons a, #dialog .buttons #inspection_protocols_new .photo_uploader .form a, #inspection_protocols_new .photo_uploader .form #dialog .buttons input[type=submit], #dialog .buttons #inspection_protocols_new .photo_uploader .form input[type=submit], #inspection_protocols_new .photo_uploader .form #dialog .buttons input[type=button], #dialog .buttons #inspection_protocols_new .photo_uploader .form input[type=button], #inspection_protocols_new .photo_uploader .form #dialog .buttons button, #dialog .buttons #inspection_protocols_new .photo_uploader .form button, #inspection_protocols_new .photo_uploader .form #keypad .key, #keypad #inspection_protocols_new .photo_uploader .form .key, #inspection_protocols_new .photo_uploader .form #keypad .key:hover, #keypad #inspection_protocols_new .photo_uploader .form .key:hover, #inspection_protocols_edit .photo_uploader .form .button, #inspection_protocols_edit .photo_uploader .form #main .menu a, #main .menu #inspection_protocols_edit .photo_uploader .form a, #inspection_protocols_edit .photo_uploader .form #main .buttons a, #main .buttons #inspection_protocols_edit .photo_uploader .form a, #inspection_protocols_edit .photo_uploader .form #main .buttons input[type=submit], #main .buttons #inspection_protocols_edit .photo_uploader .form input[type=submit], #inspection_protocols_edit .photo_uploader .form #main .buttons input[type=button], #main .buttons #inspection_protocols_edit .photo_uploader .form input[type=button], #inspection_protocols_edit .photo_uploader .form #main .buttons button, #main .buttons #inspection_protocols_edit .photo_uploader .form button, #inspection_protocols_edit .photo_uploader .form #dialog .buttons a, #dialog .buttons #inspection_protocols_edit .photo_uploader .form a, #inspection_protocols_edit .photo_uploader .form #dialog .buttons input[type=submit], #dialog .buttons #inspection_protocols_edit .photo_uploader .form input[type=submit], #inspection_protocols_edit .photo_uploader .form #dialog .buttons input[type=button], #dialog .buttons #inspection_protocols_edit .photo_uploader .form input[type=button], #inspection_protocols_edit .photo_uploader .form #dialog .buttons button, #dialog .buttons #inspection_protocols_edit .photo_uploader .form button, #inspection_protocols_edit .photo_uploader .form #keypad .key, #keypad #inspection_protocols_edit .photo_uploader .form .key, #inspection_protocols_edit .photo_uploader .form #keypad .key:hover, #keypad #inspection_protocols_edit .photo_uploader .form .key:hover { display: inline-block; } #signatures_new .clearButton { position: absolute; top: -22px; right: 0; color: #777777; } #signatures_new .sig { position: relative; } #signatures_new .field_with_errors .sig { border: 2px solid #dd4433; } #emails_new .ui-autocomplete { z-index: 110 !important; max-height: 200px; overflow-y: auto; overflow-x: hidden; } #emails_new .ui-autocomplete .ui-menu-item { width: auto; } #emails_new .ui-autocomplete a:hover { color: #333333; } .documents__attachment_iframe { width: 100%; height: 800px; } .hidden_through_focus, .hidden_through_account, .hidden_through_place { display: none; } .chart { clear: both; } .chart .yaxis { position: relative; float: left; border-right: 1px solid #666666; height: 201px; width: 9%; } .chart .yaxis .point { position: relative; margin-bottom: 33px; text-align: right; padding-right: 5px; } .chart .yaxis .point .text { display: block; overflow: visible; white-space: nowrap; text-align: right; line-height: 100%; font-size: 14px; } .chart .chart_diagram { margin-bottom: 20px; position: relative; width: 90%; float: left; } .chart .chart_diagram:after { content: "text"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .chart .chart_diagram .chart_diagram_data { position: relative; float: left; max-width: 100px; } .chart .chart_diagram .chart_diagram_data .label { position: relative; margin: 0 25%; height: 200px; } .chart .chart_diagram .chart_diagram_data .label .text { position: absolute; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); -moz-transform-origin: right; -webkit-transform-origin: right; display: block; overflow: visible; white-space: nowrap; width: 220px; text-align: right; line-height: 100%; font-size: 14px; right: 50%; } .chart .chart_diagram .chart_diagram_data .numbers { height: 200px; width: 100%; position: relative; border-bottom: 1px solid #666666; background-image: -moz-linear-gradient(top, #999999 0%, white 0.5%, white 9.5%, #cccccc 10%, white 10.5%, white 19.5%, #cccccc 20%, white 20.5%, white 29.5%, #cccccc 30%, white 30.5%, white 39.5%, #cccccc 40%, white 40.5%, white 49.5%, #999999 50%, white 50.5%, white 59.5%, #cccccc 60%, white 60.5%, white 69.5%, #cccccc 70%, white 70.5%, white 79.5%, #cccccc 80%, white 80.5%, white 89.5%, #cccccc 90%, white 90.5%, white 99.5%, #999999 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #999999), color-stop(0.5%, white), color-stop(9.5%, white), color-stop(10%, #cccccc), color-stop(10.5%, white), color-stop(19.5%, white), color-stop(20%, #cccccc), color-stop(20.5%, white), color-stop(29.5%, white), color-stop(30%, #cccccc), color-stop(30.5%, white), color-stop(39.5%, white), color-stop(40%, #cccccc), color-stop(40.5%, white), color-stop(49.5%, white), color-stop(50%, #999999), color-stop(50.5%, white), color-stop(59.5%, white), color-stop(60%, #cccccc), color-stop(60.5%, white), color-stop(69.5%, white), color-stop(70%, #cccccc), color-stop(70.5%, white), color-stop(79.5%, white), color-stop(80%, #cccccc), color-stop(80.5%, white), color-stop(89.5%, white), color-stop(90%, #cccccc), color-stop(90.5%, white), color-stop(99.5%, white), color-stop(100%, #999999)); } .chart .chart_diagram .chart_diagram_data .numbers .actual, .chart .chart_diagram .chart_diagram_data .numbers .expected { width: 50%; position: absolute; bottom: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #666666; border-bottom: 0; } .chart .chart_diagram .chart_diagram_data .numbers .actual { right: 15%; background: blue; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8888ff', endColorstr='blue'); background: -webkit-gradient(linear, left top, left bottom, from(#8888ff), to(blue)); background: -moz-linear-gradient(top, #8888ff, blue); } .chart .chart_diagram .chart_diagram_data .numbers .actual.percent { background: #009922; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ad772', endColorstr='#009922'); background: -webkit-gradient(linear, left top, left bottom, from(#4ad772), to(#009922)); background: -moz-linear-gradient(top, #4ad772, #009922); } .chart .chart_diagram .chart_diagram_data .numbers .expected { left: 5%; background: #cccccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaf2', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#eaeaf2), to(#cccccc)); background: -moz-linear-gradient(top, #eaeaf2, #cccccc); } .chart .chart_diagram .lines { margin-left: -30px; } .chart .chart_diagram .lines .line { position: absolute; height: 1px; padding-left: 30px; width: 100%; border-top: 1px solid #cccccc; } .chart .chart_diagram .lines .line span { display: block; position: absolute; left: 0; top: -5px; font-size: 10px; line-height: 10px; background-color: white; padding-right: 5px; } .responsibilitiy_groups__name_field { width: 200px !important; } .responsibilitiy_groups__category_field { width: 120px !important; } /* * SignaturePad: A jQuery plugin for assisting in the creation of an HTML5 canvas * based signature pad. Records the drawn signature in JSON for later regeneration. * * @project ca.thomasjbradley.applications.signaturepad * @author Thomas J Bradley * @link http://thomasjbradley.ca/lab/signature-pad * @link http://github.com/thomasjbradley/signature-pad * @copyright Copyright MMXI, Thomas J Bradley * @license New BSD License */ .sig { display: none; } .sigNav { display: none; height: 2.25em; margin: 0; padding: 0; position: relative; list-style-type: none; } .sigNav li { display: inline; float: left; margin: 0; padding: 0; } .sigNav a { display: block; margin: 0; padding: 0 0.6em; border: 0; color: #333333; font-weight: bold; line-height: 2.25em; text-decoration: underline; } .sigNav a:link, .sigNav a:visited { display: block; margin: 0; padding: 0 0.6em; border: 0; color: #333333; font-weight: bold; line-height: 2.25em; text-decoration: underline; } .sigNav a.current { background-color: #666666; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; color: white; text-decoration: none; } .sigNav a.current:link, .sigNav a.current:visited { background-color: #666666; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; color: white; text-decoration: none; } .sigNav .typeIt a.current { background-color: #cccccc; color: #555555; } .sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited { background-color: #cccccc; color: #555555; } .sigNav .clearButton { bottom: 0.2em; display: none; position: absolute; right: 0; font-size: 0.75em; line-height: 1.375; } .sigWrapper { clear: both; height: 55px; border: 1px solid #cccccc; } .sigWrapper.current { border-color: #666666; } .signed .sigWrapper { border: 0; } .pad { position: relative; } .current .pad { /* * For cross browser compatibility, this should be an absolute URL * In IE the cursor is relative to the HTML document * In all other browsers the cursor is relative to the CSS file * * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/ */ cursor: url("/images/signaturepad/pen.cur"), crosshair; /* * IE will ignore this line because of the hotspot position * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur */ cursor: url("../images/signaturepad/pen.cur") 16 16, crosshair; } .typed { height: 55px; margin: 0; padding: 0 5px; position: absolute; z-index: 90; cursor: default; color: #145394; font: normal 1.875em/50px Georgia, Times, serif; } .typeItDesc, .drawItDesc { display: none; margin: 0.75em 0 0.515em; padding: 0.515em 0 0; border-top: 3px solid #cccccc; color: black; font: italic normal 1em/1.375 Georgia, Times, serif; } p.error { display: block; margin: 0.5em 0; padding: 0.4em; background-color: #ff3333; color: white; font-weight: bold; } body { line-height: 1.4em; background-color: white; } body, input, select, textarea, button { font-family: arial, helvetica, sans-serif; font-size: 14px; } .print_only { display: none; } .debug-log { position: fixed; top: 0; right: 0; opacity: 0.3; background-color: white; width: 50%; height: 50px; z-index: 100; overflow-y: auto; } .debug-log.toggled { opacity: 0.8; height: 40%; } a { color: #53a20c; text-decoration: none; font-weight: bold; } a:visited { color: #53a20c; } a:hover { color: #75c42e; } .grey { color: grey !important; } td.dueness, td.note_head { width: 350px; } table#selector { padding: 0px; line-height: 1em; vertical-align: middle; } #spinner { height: 22px; width: 22px; } span#month_sheet_heading { font-style: bold; font-size: 20px; border: 1px solid green; vertical-align: bottom; height: 240px; } a.faulty { text-decoration: line-through; color: #dd4433; } hr { color: #dddddd; background-color: #dddddd; border: none; height: 1px; } img { vertical-align: middle; } img.small_size { max-width: 60px; max-height: 60px; } ol { list-style-type: decimal; padding-left: 1.6em; } ul.with_discs { list-style: inside disc; } .faulty { text-decoration: line-through; color: #dd4433; } .clear { clear: both; float: none; } .hidden { display: none; } .float_left { float: left; } .float_right { float: right; } .center { text-align: center; } .bold { font-weight: bold; } .dimmed { color: #777777; } .no_wrap { white-space: nowrap; } th.right, td.right { text-align: right; } th.money_amount, td.money_amount { text-align: right; white-space: nowrap; } .todo { background-color: #ffee44; border: 1px dotted #ff2211; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .none { color: #777777; } .top_half_box, #main .blob .meta { border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; padding: 10px 10px; background: #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eeeeee'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee)); background: -moz-linear-gradient(top, white, #eeeeee); } .top_half_box > *:last-child, #main .blob .meta > *:last-child { margin-bottom: 0 !important; } .top_half_box > *:last-child > *:last-child, #main .blob .meta > *:last-child > *:last-child { margin-bottom: 0 !important; } .bottom_half_box, #main .blob .meat { border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; padding: 10px 10px; background: #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eeeeee'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee)); background: -moz-linear-gradient(top, white, #eeeeee); } .bottom_half_box > *:last-child, #main .blob .meat > *:last-child { margin-bottom: 0 !important; } .bottom_half_box > *:last-child > *:last-child, #main .blob .meat > *:last-child > *:last-child { margin-bottom: 0 !important; } .box { border: 1px solid #bbbbbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; padding: 10px; background: #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eeeeee'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee)); background: -moz-linear-gradient(top, white, #eeeeee); } .box > *:last-child { margin-bottom: 0 !important; } .box > *:last-child > *:last-child { margin-bottom: 0 !important; } .relative_wrapper { position: relative; } .spinner { background: url(../images/ajax-loader.gif?2) no-repeat 0 0; display: block; width: 16px; height: 16px; background-size: 100%; position: absolute; margin: -23px 308px 0; } .error_indicator { background: url(../images/icons/exclamation-button.png) no-repeat 0 0; width: 16px; height: 16px; } @media screen and (max-width: 1000px) { .viewport, #navy-main-navigation .navy-level-1, #navy-main-navigation .navy-level-2 .navy-inner-navigation-bar, #page_head #page_head_inner, #main #main_inner { margin: 0 13px; } } @media screen and (min-width: 1001px) { .viewport, #navy-main-navigation .navy-level-1, #navy-main-navigation .navy-level-2 .navy-inner-navigation-bar, #page_head #page_head_inner, #main #main_inner { min-width: 930px; width: 90%; max-width: 1300px; margin: 0 auto; } } #head { background: #53910c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c43f', endColorstr='#53910c'); background: -webkit-gradient(linear, left top, left bottom, from(#86c43f), to(#53910c)); background: -moz-linear-gradient(top, #86c43f, #53910c); } #head.extended_access { background: #9c0000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf1e2a', endColorstr='#9c0000'); background: -webkit-gradient(linear, left top, left bottom, from(#cf1e2a), to(#9c0000)); background: -moz-linear-gradient(top, #cf1e2a, #9c0000); } #head #head_inner { position: relative; } #head #head_inner .viewport, #head #head_inner #navy-main-navigation .navy-level-1, #navy-main-navigation #head #head_inner .navy-level-1, #head #head_inner #navy-main-navigation .navy-level-2 .navy-inner-navigation-bar, #navy-main-navigation .navy-level-2 #head #head_inner .navy-inner-navigation-bar, #head #head_inner #page_head #page_head_inner, #page_head #head #head_inner #page_head_inner, #head #head_inner #main #main_inner, #main #head #head_inner #main_inner { position: relative; } #head #head_inner #server_time { position: absolute; top: 55px; right: 6px; font-size: 10px; color: white; } #head #head_inner #logo { float: left; margin: 17px 0 11px 0; } #head #head_inner #session_navigation { float: right; font-weight: bold; font-size: 13px; margin: 10px 0 6px 0; } #head #head_inner #session_navigation #current_user { color: white; } #head #head_inner #session_navigation #current_role { color: white; font-weight: normal; margin: 12px 0 1px 0; } #head #head_inner #session_navigation a { color: white; } #head #head_inner #session_navigation a:hover { text-decoration: underline; } #head #head_inner #session_navigation #sign_out, #head #head_inner #session_navigation #sign_in, #head #head_inner #session_navigation #switch_user, #head #head_inner #session_navigation #change_access_level { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: rgba(1, 1, 1, 0.201); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.4)', endColorstr='rgba(0, 0, 0, 0.2)'); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(0, 0, 0, 0.2))); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.2)); padding: 5px 7px; margin-left: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); font-size: 85%; } #tail { border-top: 1px dotted #999999; padding: 5px 15px; font-size: 12px; } .dismiss_link { display: block; float: right; } .dismiss_link input { margin: 0 0 0 2px; position: relative; top: 2px; } .note_overdue { color: red !important; } .note_due { color: orange !important; } .note { -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .fade_out { opacity: 0; } .flash { z-index: 2; font-weight: bold; font-size: 20px; color: #444444; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background: -moz-linear-gradient(top, white, #dddddd); padding: 6px 4px 5px 4px; position: absolute; width: 800px; line-height: 24px; margin-left: -400px; text-align: center; -moz-border-radius-bottomleft: 50px; -webkit-border-bottom-left-radius: 50px; border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; border-bottom-right-radius: 50px; top: 0; left: 50%; -moz-box-shadow: 0 1px 2px #666666; -webkit-box-shadow: 0 1px 2px #666666; box-shadow: 0 1px 2px #666666; } .flash.notice, .flash .notice, .flash.success, .flash .success { color: #449933; } .flash.error, .flash .error, .flash.failure, .flash .failure { color: #dd4433; } label.error { color: red; display: block; margin: 5px; } #not_msie_requirement { position: absolute; width: 680px; left: 50%; top: 200px; margin-left: -340px; border: 1px solid #ff3300; padding: 14px; font-weight: bold; font-size: 22px; line-height: 26px; background: #ffcccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeee', endColorstr='#ffcccc'); background: -webkit-gradient(linear, left top, left bottom, from(#ffeeee), to(#ffcccc)); background: -moz-linear-gradient(top, #ffeeee, #ffcccc); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .note_with_dismiss_link { min-width: 260px; } #navy-main-navigation .navy-level-1 { clear: both; } #navy-main-navigation .navy-level-2 { background: #dbecca; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dbecca'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dbecca)); background: -moz-linear-gradient(top, white, #dbecca); border-bottom: 1px solid #aabb99; } #page_head { background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background: -moz-linear-gradient(top, white, #dddddd); padding-top: 20px; border-bottom: 1px solid #bbbbbb; overflow: visible; } #page_head #page_head_inner { position: relative; } #page_head #page_head_inner h1 { margin: 0; padding-bottom: 5px; } #page_head #page_head_inner .navy-navigation .navy-level-1 { position: absolute; right: 0; bottom: -1px; } #page_head #page_head_inner .navy-navigation .navy-level-1 a { margin-right: 0; margin-left: 6px; background: #e57002; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9224', endColorstr='#e57002'); background: -webkit-gradient(linear, left top, left bottom, from(#ff9224), to(#e57002)); background: -moz-linear-gradient(top, #ff9224, #e57002); border: 1px solid #d45f00; } #page_head #page_head_inner .navy-navigation .navy-level-1 a.navy-current { border-color: #bbbbbb; border-bottom-color: white; } h1 { font-size: 18px; line-height: 26px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #334422; text-shadow: 0 0 3px white; } #container { position: relative; } #main { background-color: white; padding: 13px 0 15px 0; } #javascript_requirement { position: absolute; width: 600px; left: 50%; top: 200px; margin-left: -300px; border: 1px solid #ff3300; padding: 14px; font-weight: bold; font-size: 22px; line-height: 26px; background: #ffcccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeee', endColorstr='#ffcccc'); background: -webkit-gradient(linear, left top, left bottom, from(#ffeeee), to(#ffcccc)); background: -moz-linear-gradient(top, #ffeeee, #ffcccc); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .button, #main .menu a, #main .buttons a, #main .buttons input[type=submit], #main .buttons input[type=button], #main .buttons button, #dialog .buttons a, #dialog .buttons input[type=submit], #dialog .buttons input[type=button], #dialog .buttons button, #keypad .key, #keypad .key:hover { line-height: 28px; height: 28px; padding: 0 7px; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background: -moz-linear-gradient(top, white, #dddddd); border: 1px solid #999999; font-weight: bold; color: #111111; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; white-space: nowrap; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; cursor: pointer; } .button:hover, #main .menu a:hover, #main .buttons a:hover, #main .buttons input[type=submit]:hover, #main .buttons input[type=button]:hover, #main .buttons button:hover, #dialog .buttons a:hover, #dialog .buttons input[type=submit]:hover, #dialog .buttons input[type=button]:hover, #dialog .buttons button:hover, #keypad .key:hover { background-color: #f6f6f6; text-decoration: none; border-color: #aaaaaa; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background: -moz-linear-gradient(top, white, #dddddd); color: #444444; } .button[disabled], #main .menu a[disabled], #main .buttons a[disabled], #main .buttons input[disabled][type=submit], #main .buttons input[disabled][type=button], #main .buttons button[disabled], #dialog .buttons a[disabled], #dialog .buttons input[disabled][type=submit], #dialog .buttons input[disabled][type=button], #dialog .buttons button[disabled], #keypad [disabled].key, #keypad [disabled].key:hover { color: #888888 !important; } #main .columns { margin: 0 -20px; } #main .columns .column, #main .columns .wide_column, #main .columns .narrow_column { width: 50%; min-width: 400px; float: left; } #main .columns .column .column_inner, #main .columns .wide_column .column_inner, #main .columns .narrow_column .column_inner { padding: 0 20px; } #main .columns .wide_column { width: 60%; min-width: 500px; } #main .columns .narrow_column { width: 40%; min-width: 300px; } #main .columns .narrow_column input[type=text] { max-width: 100%; } #main .segment { margin-bottom: 20px; } #main .segment .segment_title { margin-bottom: 10px; background: url(../images/legend_bg.png) repeat-x; margin-left: -13px; margin-right: -13px; padding-left: 13px; line-height: 25px; color: #f68113; color: #333333; } #main .segment .segment_title span { background-color: #7f7f7f; color: white; padding: 4px 6px; font-size: 14px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #main .segment .segment_title .icon { float: right; height: 25px; } #main .segment .segment_title .icon.expanded { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/toggle.png"); } #main .segment .segment_title .icon.collapsed { padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icons/toggle-expand.png"); } #main .segment.collapsed > .segment_body { display: none; } #main .tags .tag, #main .tag_cloud .tag { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #eeecec; border: 1px solid #ccc9c9; padding: 1px 5px 1px 5px; color: #ee790b; font-weight: bold; } #main .tag_cloud { font-size: 12px; line-height: 24px; } #main .tag_cloud .tag { margin-right: 4px; } #main .tag_cloud .tag.xs { font-size: 0.6em; } #main .tag_cloud .tag.s { font-size: 0.8em; } #main .tag_cloud .tag.m { font-size: 1em; } #main .tag_cloud .tag.l { font-size: 1.2em; } #main .tag_cloud .tag.xl { font-size: 1.4em; } #main dl { margin-bottom: 15px; } #main dl dt { font-weight: bold; margin-bottom: 0.1em; } #main dl dd { margin-bottom: 0.6em; } #main .help { font-weight: normal; color: #666666; margin-left: 1px; } #main form input[type=text], #main form input[type=password], #main form textarea { width: 340px; padding: 4px; border: 1px solid #999999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='white'); background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(white)); background: -moz-linear-gradient(top, #f8f8f8, white); } #main form select { max-width: 400px; padding: 4px; } #main form textarea { width: 98%; } #main form input[type=text].number_field, #main form input[type=text].money_field { width: 70px; text-align: right; } #main form input[type=text].date_picker { width: 90px; background: #fff url(../images/icons/calendar-month_light.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].datetime_picker { width: 130px; background: #fff url(../images/icons/calendar-month_light.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].email_field { background: #fff url(../images/icons/mail.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].url_field { background: #fff url(../images/icons/globe-green_light.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].phone_field { background: #fff url(../images/icons/telephone_light.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].fax_field { background: #fff url(../images/icons/telephone-fax_light.png) no-repeat 4px center; padding-left: 24px; } #main form input[type=text].zip_code_field { width: 48px; text-align: center; } #main form .field_with_errors input, #main form .field_with_errors select, #main form .field_with_errors textarea { border: 2px solid #dd4433; } #main form .field_with_errors label { color: #dd4433; } #main form .error_message { color: #dd4433; font-style: italic; } #main form input[type=text]#person_day_of_birth, #main form input[type=text]#person_month_of_birth, #main form input[type=text]#person_year_of_birth { width: 20px; text-align: center; } #main form input[type=text]#person_year_of_birth { width: 40px; } #main form select.combo_box option[value='Neu...'] { color: #118822; } #main form .tag_picker .tag_cloud { margin-top: 7px; } #main h1, #main h2, #main h3, #main p, #main form, #main ul, #main ol, #main dl, #main table, #main .flash { margin-bottom: 15px; } #main h2 { font-weight: bold; font-size: 1.2em; color: #556655; padding-bottom: 3px; border-bottom: 1px dotted #aaaaaa; margin-bottom: 9px; } #main .highlight { background-color: #ffff66; } #main .buttons .highlight { background-color: inherit; } #main table th { font-weight: bold; } #main table th, #main table td { padding: 0 0.9em 0.3em 0; vertical-align: top; } #main table th p, #main table td p { margin-bottom: 10px; } #main table th p:last-child, #main table td p:last-child { margin-bottom: 0; } #main table td.user_text { font-style: italic; } #main table.vertical th { border-right: 1px solid #ccccdd; } #main table.vertical td { padding-left: 13px; } #main table.grid { border-left: 1px solid #999999; border-right: 1px solid #999999; border-collapse: collapse; margin-bottom: 15px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; } #main table.grid .blue { color: #2266dd !important; } #main table.grid td, #main table.grid th { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px 8px; } #main table.grid th { color: #444444; background: #cccccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); background: -moz-linear-gradient(top, #eeeeee, #cccccc); font-size: 11px; text-transform: uppercase; padding: 2px 8px; } #main table.grid th.small { font-size: 10px; } #main table.grid td { background: #e2e2e2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e2e2e2'); background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e2e2e2)); background: -moz-linear-gradient(top, #fdfdfd, #e2e2e2); } #main table.grid tr.first_line td, #main table.grid tr.first_line th { border-bottom: none; } #main table.grid tr.first_line td { background: #efefef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#efefef'); background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#efefef)); background: -moz-linear-gradient(top, #fdfdfd, #efefef); padding-bottom: 2px; } #main table.grid tr.first_line th { background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background: -moz-linear-gradient(top, #eeeeee, #dddddd); padding-bottom: 1px; } #main table.grid tr.second_line td, #main table.grid tr.second_line th { border-top: none; } #main table.grid tr.second_line td { background: #e2e2e2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e2e2e2'); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e2e2e2)); background: -moz-linear-gradient(top, #efefef, #e2e2e2); padding-top: 2px; } #main table.grid tr.second_line th { background: #cccccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc)); background: -moz-linear-gradient(top, #dddddd, #cccccc); padding-top: 1px; } #main table.grid td.totals, #main table.grid th.totals, #main table.grid td.total, #main table.grid th.total, #main table.grid tr.totals td { border-top: 2px solid #666666; } #main table.grid td.subtotals, #main table.grid th.subtotals, #main table.grid td.total, #main table.grid th.total, #main table.grid tr.subtotals td { border-top: 2px solid #666666; } #main table.grid tr.segment td { border-top: 10x solid #cccccc; } #main table.grid td.alert { color: #cf1e2a; } #main table.grid tr.blank { height: 10px; border-left: 1px solid white; border-right: 1px solid white; } #main table.grid form, #main table.grid ul { margin-bottom: 0; } #main table .number { text-align: right; vertical-align: text-bottom; } #main table .number.small { padding-left: 0; padding-right: 0; text-align: left; } #main table .small { font-size: 11px; } #main table .red { color: #cf1e2a !important; } #main table td.total { border-top: 2px solid #666666; } #main table td.subhead, #main table th.subhead { font-weight: bold; color: #666666; font-size: 13px; } #main table .buttons { margin-bottom: 0; } #main .pagination { height: 30px; margin-bottom: 15px; } #main .pagination a, #main .pagination span { float: left; background: #d0d0d0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d0d0d0'); background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d0d0d0)); background: -moz-linear-gradient(top, #f4f4f4, #d0d0d0); height: 25px; line-height: 25px; text-align: center; padding: 0 5px; min-width: 15px; margin-right: 6px; color: #333333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #aaaaaa; font-weight: bold; font-size: 13px; } #main .pagination a:hover { background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background: -moz-linear-gradient(top, white, #dddddd); } #main .pagination span.current { background: #53a20c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86d53f', endColorstr='#53a20c'); background: -webkit-gradient(linear, left top, left bottom, from(#86d53f), to(#53a20c)); background: -moz-linear-gradient(top, #86d53f, #53a20c); border-color: #318000; color: white; } #main .pagination a.prev_page, #main .pagination a.next_page { display: none; } #main .pagination .gap { background: none; color: #888888; border: none; margin-right: 0; margin-left: -6px; } #main .pagination .disabled { display: none; } #main #search_widget { line-height: 26px; } #main #search_widget input#query { width: 300px; padding: 4px 3px 4px 23px; background: white url(../images/icons/magnifier-medium.png) no-repeat 4px 4px; } #main #search_widget table.help { margin-bottom: 0; margin-top: 10px; } #main #search_widget table.help td, #main #search_widget table.help th { padding-bottom: 1px; line-height: 22px; } #main #search_widget table.help td { font-style: italic; } #main #search_widget table.help td em { font-style: normal; color: #999999; } #main #search_widget.top_margin { margin-top: 5px; } #main td.beside_buttons { line-height: 30px; } #main .menu > *:last-child { margin-bottom: 0 !important; } #main .menu > *:last-child > *:last-child { margin-bottom: 0 !important; } #main .menu a { display: block; margin-bottom: 8px; padding: 4px 9px; font-size: 16px; font-weight: normal; } #main .menu a.cancel { color: #bb1100; } #main .menu a.remover { float: right; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; background: #881100; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9966', endColorstr='#881100'); background: -webkit-gradient(linear, left top, left bottom, from(#ff9966), to(#881100)); background: -moz-linear-gradient(top, #ff9966, #881100); color: white; font-weight: normal; border-color: #884422; width: 34px; padding-left: 0; padding-right: 0; font-size: 34px; text-align: center; border-left-color: #999999; } #main .menu .expandable_group a.toggler { font-weight: bold; } #main .menu .expandable_group a.option { display: none; } #main .menu .expandable_group a.option.shown { display: block; margin-left: 10px; } #main .menu .titled_group { margin-bottom: 15px; } #main .menu .titled_group .title { color: #555555; font-weight: normal; margin-bottom: 7px; font-size: 14px; } #main .menu .titled_group a { background-color: red !important; } #main .info { color: #3c3c3f; background-position: left 2px; line-height: 18px; } #main .warning { color: #3c3c3f; background-position: left 1px; line-height: 18px; } #main .blob { margin-bottom: 15px; } #main .blob .meta { color: #666666; font-size: 13px; font-weight: bold; padding: 5px 10px; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dddddd'); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dddddd)); background: -moz-linear-gradient(top, #f5f5f5, #dddddd); } #main .blob .meat table { margin: 0; } #main .blob .meat table tr:last-child td, #main .blob .meat table tr:last-child th { padding-bottom: 0; } #main .blob .meat .footer { color: gray; font-size: 12px; line-height: 13px; margin-top: 6px; } #main .blob .meat .attachment { margin-top: -6px; font-size: 12px; } #main .blob .meat .attachment a { color: #555555; } #main .prose { color: #333333; font-style: italic; } #main .prose p { margin-bottom: 3px; } #main .prose > *:last-child { margin-bottom: 0 !important; } #main .prose > *:last-child > *:last-child { margin-bottom: 0 !important; } #main .printer_page { border: 1px solid #999999; padding: 15px; background: #fefcef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeecdf', endColorstr='#fffdf0'); background: -webkit-gradient(linear, left top, left bottom, from(#eeecdf), to(#fffdf0)); background: -moz-linear-gradient(top, #eeecdf, #fffdf0); background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='white'); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white)); background: -moz-linear-gradient(top, #eeeeee, white); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 15px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; } #main .printer_page > *:last-child { margin-bottom: 0 !important; } #main .printer_page > *:last-child > *:last-child { margin-bottom: 0 !important; } #main .printer_page h1 { margin-top: 0; margin-bottom: 5px; } #main .printer_page h2 { border-bottom: none; margin-bottom: 12px; } #main .printer_page .printer_logo, #main .printer_page .employee_info { display: none; } #main .buttons, #dialog .buttons { margin-bottom: 15px; } #main .buttons:after, #dialog .buttons:after { content: "text"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #main .buttons.bar, #dialog .buttons.bar { padding: 8px 16px 8px 10px; margin-left: -10px; margin-right: -10px; background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='white'); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white)); background: -moz-linear-gradient(top, #eeeeee, white); border-top: 1px solid #cccccc; } #main .buttons.bar .links, #dialog .buttons.bar .links { float: right; } #main .buttons .links a, #dialog .buttons .links a { float: none; padding: 3px 0; background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #222222; } #main .buttons .links a:hover, #dialog .buttons .links a:hover { color: #444444; } #main .buttons a, #main .buttons input[type=submit], #main .buttons input[type=button], #main .buttons button, #dialog .buttons a, #dialog .buttons input[type=submit], #dialog .buttons input[type=button], #dialog .buttons button { float: left; margin-right: 6px; height: 28px; line-height: 28px; } #main .buttons a:last-child, #main .buttons input[type=submit]:last-child, #main .buttons input[type=button]:last-child, #main .buttons button:last-child, #dialog .buttons a:last-child, #dialog .buttons input[type=submit]:last-child, #dialog .buttons input[type=button]:last-child, #dialog .buttons button:last-child { margin-right: 0; } #main .buttons a.secondary, #main .buttons input[type=submit].secondary, #main .buttons input[type=button].secondary, #main .buttons button.secondary, #dialog .buttons a.secondary, #dialog .buttons input[type=submit].secondary, #dialog .buttons input[type=button].secondary, #dialog .buttons button.secondary { font-weight: normal !important; } #main .buttons a.inline, #main .buttons input[type=submit].inline, #main .buttons input[type=button].inline, #main .buttons button.inline, #dialog .buttons a.inline, #dialog .buttons input[type=submit].inline, #dialog .buttons input[type=button].inline, #dialog .buttons button.inline { float: none; } #main .buttons input[type=submit], #main .buttons input[type=button], #main .buttons button, #dialog .buttons input[type=submit], #dialog .buttons input[type=button], #dialog .buttons button { height: 30px; line-height: 30px; } #main .buttons input[type=submit]::-moz-focus-inner, #main .buttons input[type=button]::-moz-focus-inner, #main .buttons button::-moz-focus-inner, #dialog .buttons input[type=submit]::-moz-focus-inner, #dialog .buttons input[type=button]::-moz-focus-inner, #dialog .buttons button::-moz-focus-inner { border: none; padding: 0; } #main .buttons input[type=text], #dialog .buttons input[type=text] { float: left; margin-right: 6px; } #main .buttons form, #dialog .buttons form { float: left; margin-bottom: 0; } #main .buttons .separator, #dialog .buttons .separator { border-left: 1px solid #a5aeb6; width: 1px; height: 100%; margin-right: 5px; float: left; } #main .buttons .gap, #dialog .buttons .gap { float: left; width: 2px; height: 100%; margin-right: 5px; } #main .buttons .new_month_sheet_batch_confirmation input[type=submit], #dialog .buttons .new_month_sheet_batch_confirmation input[type=submit] { margin-right: 6px !important; } #dashboard .segment_title { display: none; } #dashboard .state .title { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; color: white; font-weight: bold; background: #ba7665; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#773322', endColorstr='#bb7766'); background: -webkit-gradient(linear, left top, left bottom, from(#773322), to(#bb7766)); background: -moz-linear-gradient(top, #773322, #bb7766); float: left; margin-bottom: -1px; padding: 4px 7px; } #dashboard .state .body { clear: left; position: relative; padding: 10px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-box-shadow: 0 2px 3px #e8e8e8; -webkit-box-shadow: 0 2px 3px #e8e8e8; box-shadow: 0 2px 3px #e8e8e8; } #dashboard .state .body > *:last-child { margin-bottom: 0 !important; } #dashboard .state .body > *:last-child > *:last-child { margin-bottom: 0 !important; } #dashboard .state .body p.message { margin-bottom: 8px; } #dashboard .state.inactive .title { background: #ba7665; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#773322', endColorstr='#bb7766'); background: -webkit-gradient(linear, left top, left bottom, from(#773322), to(#bb7766)); background: -moz-linear-gradient(top, #773322, #bb7766); } #dashboard .state.inactive .body { background: #ffbbaa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffbbaa'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffbbaa)); background: -moz-linear-gradient(top, white, #ffbbaa); border: 1px solid #dd9988; } #dashboard .state.inactive .body .buttons a { -moz-box-shadow: 0 2px 3px #dd9988; -webkit-box-shadow: 0 2px 3px #dd9988; box-shadow: 0 2px 3px #dd9988; } #dashboard .state.active .title { background: #659843; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#225500', endColorstr='#669944'); background: -webkit-gradient(linear, left top, left bottom, from(#225500), to(#669944)); background: -moz-linear-gradient(top, #225500, #669944); } #dashboard .state.active .body { background: #aadd88; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#aadd88'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#aadd88)); background: -moz-linear-gradient(top, white, #aadd88); border: 1px solid #88bb66; } #dashboard .state.active .body .buttons a { -moz-box-shadow: 0 2px 3px #88bb66; -webkit-box-shadow: 0 2px 3px #88bb66; box-shadow: 0 2px 3px #88bb66; } #keypad { margin: 0 0 12px 0; } #keypad .row:after { content: "text"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #keypad .key, #keypad .key:hover { float: left; width: 50px; height: 44px; line-height: 44px; font-size: 20px; margin: 0 5px 5px 0; text-align: center; font-weight: bold; background: #ddddbb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ddddbb'); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ddddbb)); background: -moz-linear-gradient(top, white, #ddddbb); } #keypad .key.restart, #keypad .key.back, #keypad .key:hover.restart, #keypad .key:hover.back { color: #aa3311; } #places_comparison a { display: block; float: left; } #places_comparison a.previous_label { padding: 15px 15px 0 0; } #places_comparison a.next_label { padding: 15px 0 0 0; } #places_comparison a.next_label .next_icon { padding-left: 15px; } #place_form #time_targets input[type=text] { width: 44px; text-align: left; } .help_toggle:hover { cursor: pointer; } #main table.month_sheet tr.saturday td { background: #ffe1e1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcaca', endColorstr='#ffe2e2'); background: -webkit-gradient(linear, left top, left bottom, from(#ffcaca), to(#ffe2e2)); background: -moz-linear-gradient(top, #ffcaca, #ffe2e2); } #main table.month_sheet tr.sunday td, #main table.month_sheet tr.holiday td { background: #ff7c7c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9797', endColorstr='#ff7c7c'); background: -webkit-gradient(linear, left top, left bottom, from(#ff9797), to(#ff7c7c)); background: -moz-linear-gradient(top, #ff9797, #ff7c7c); } #main table.month_sheet .overtime_change_hours { margin: -5px 0; font-size: 11px; color: #666666; } #month_sheets_show table.month_sheet { width: 90%; } .crm_address_table .geocode span { display: inline-block; height: 16px; } .open_street_map { width: 550px; height: 400px; background-color: #cccccc; } .open_street_map .map_description_box { padding: 5px; } .open_street_map .map_description_box * { white-space: nowrap; overflow: visible; } a.contract_finished { color: #a5aeb6; } a.contract_finished:hover { color: #919aa2; } form.edit_tool .main_photo_checkbox { float: left; margin-top: 24px; margin-left: 10px; } form.edit_tool dl.new_image { background-color: #eeeeee; padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .month_sheet .date a:link, .month_sheet .date a:visited { color: black; font-weight: normal; } .month_sheet .absence .reason { color: #666666; } .check_boxes .show_more { margin-top: 10px; } #main #inventory_form .quantity input { width: 8em; } #main #inventory_form .unit input { width: 8em; } .printer_page.tool_offer_page { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } .printer_page.tool_offer_page .tool_offer { padding-top: 120px; } .printer_page.tool_offer_page .tool_offer .sender_address { font-size: 0.8em; } .printer_page.tool_offer_page .tool_offer .offer_date { float: right; } .printer_page.tool_offer_page .tool_offer .subject { font-weight: bold; margin-top: 40px; } .printer_page.tool_offer_page .tool_offer .offer_number span { padding-right: 60px; } .printer_page.tool_offer_page .tool_offer .salutation { margin-top: 50px; } .printer_page.tool_offer_page .tool_offer .offer_attributes { margin-top: 25px; } .printer_page.tool_offer_page .tool_offer .ending { margin-top: 25px; } .printer_page.tool_offer_page .tool_offer .signature { margin-top: 25px; } .printer_page.tool_offer_page .tool_offer .attribute { font-weight: bold; min-width: 150px; } .printer_page.tool_offer_page .tool_offer_positions { padding-top: 80px; } .printer_page.tool_offer_page .tool_offer_positions .tool_offer_position { margin-top: 20px; } .printer_page.tool_offer_page .tool_offer_positions .tool_offer_position .price { float: right; } .printer_page.tool_offer_page .print_footer { font-size: 0.8em; padding-top: 35px; } .printer_page.tool_offer_page .print_footer table { width: 100%; } .printer_page.tool_offer_page .print_footer table td { vertical-align: top; padding: 0px !important; line-height: 16px; } .printer_page.tool_offer_page .printer_logo { display: block !important; height: 50px; width: 139px; } #tool_images_segment img { padding: 2px 2px; -moz-box-shadow: 0 0 3px #444444; -webkit-box-shadow: 0 0 3px #444444; box-shadow: 0 0 3px #444444; } #tool_images_segment img:hover { -moz-box-shadow: 0 0 6px #141414; -webkit-box-shadow: 0 0 6px #141414; box-shadow: 0 0 6px #141414; } .tenant_codes { color: #444444; background-color: rgba(0, 0, 0, 0.1); display: inline-block; padding: 0 4px; font-size: 10px; vertical-align: middle; font-weight: bold; } #tool_transfers_index tr.needs_accounting td { background: #e29999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaaaa', endColorstr='#e29999'); background: -webkit-gradient(linear, left top, left bottom, from(#fdaaaa), to(#e29999)); background: -moz-linear-gradient(top, #fdaaaa, #e29999); }