@-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } body { font-family: Exo, Arial, sans-serif; background: #d8dcdf; overflow-y: scroll; } a:hover, a:focus, a:active { text-decoration: none; } .modal.fade .modal-dialog, .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } input::-ms-clear { display: none; } input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; -webkit-text-fill-color: rgba(188, 200, 223, 1); -webkit-opacity: 1; background: white; } #layout p { margin: 0; } textarea, input, select { outline: 0; } .help-content { min-height: 100vh; } input[type="password"], input[type="text"], input[type="number"], input[type="image"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-text-fill-color: rgba(188, 200, 223, 1); -webkit-opacity: 1; background: white;} #pageReport main, #pageHelp main, #pageFinalize main { float: right; width: 390px; overflow: hidden; } #pageReport aside, #pageHelp aside, #pageFinalize aside { float: left; width: 180px; overflow: hidden; } #pageReport #content, #pageHelp #content, #pageFinalize #content { background: #fff url(../images/css/aside-600-bkg.gif) repeat-y 0 0; } #pageHelp #article_container .photo { padding: 10px 0 15px; } #article_container ul, #article_container ol { padding: 0; margin: 0 0 0 25px; } #article_container li ul, #article_container li ol { margin-bottom: 15px; } .browser-ie7 #article_container ul, .browser-ie7 #article_container ol { margin-left: 30px; } .browser-ie7 #article_container li ul, .browser-ie7 #article_container li ol { margin-left: 0px; } #pageHelp #article_container ol[type=A] { list-style-type: upper-alpha} #pageHelp #article_container .photo img { max-width: 100%; display: block; width: 80%; height: auto !important; } /* LAYOUT */ #content { background: #fff; } #wrapper {} .modal-dialog { margin: 30px auto; } /* WRAPPER */ header { background: #313335; } header .row { padding: 15px 0 0; } header * { color: #fff; } header a:hover, header a:focus { color: #fff; } footer .col-md-4 { width: 33.3333%; float: left; } header .col-md-4 { width: 22%; float: left; } header .first-col { width: 39%; } header .last-col { width: 39%; } footer .first-col { padding-left: 5px; } footer .last-col { padding-right: 5px; } .browser-ie7 header .col-md-4 { /*width: 33.3333%;*/ padding-left: 0px; padding-right: 0px; } .browser-ie7 header .first-col { padding-left: 15px; } .browser-ie7 header .last-col { float: right; padding-right: 15px; } footer .first-col { float: none; width: 100%; text-align: center; } footer .middle-col { float: none; width: 100%; text-align: center; } footer .last-col { float: none; width: 100%; text-align: center; } header #initial-quality-link { font-size: 12px; line-height: 15px; text-transform: uppercase; margin: 5px 0 0 20px; } header #initial-quality-link a { background: url(../images/css/icon-initial-quality-red.gif) no-repeat 0 2px; padding: 0 0 0 20px; } .orange-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-orange.gif); } .gray-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-gray.gif); } .blue-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-blue.gif); } .yellow-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-yellow.gif); } .scarlet-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-scarlet.png); } .miller-skin header #initial-quality-link a { background-image: url(../images/css/icon-initial-quality-miller.png); } header #initial-quality-link a:hover { color: #cc0033; background-position: 0 -18px; } .platform-mac.browser-firefox header #initial-quality-link a, .browser-firefox-31 header #initial-quality-link a { background-position: 0 3px; } .platform-mac.browser-firefox header #initial-quality-link a:hover, .browser-firefox-31 header #initial-quality-link a:hover { background-position: 0 -17px; } header #logo { width: 124px; height: 35px; background: url(../images/css/logo-agriculture.gif) no-repeat 50% 0; overflow: hidden; text-indent: -9999px; position: relative; top: -7px; left: -15px; } .orange-skin header #logo { width: 94px; height: 30px; background: url(../images/css/logo-construction.gif) no-repeat 50% 0; left: 5px; top: -7px; } .gray-skin header #logo { width: 94px; height: 30px; background: none; left: 5px; top: -7px; } .blue-skin header #logo { width: 101px; height: 30px; background: url(../images/css/logo-new-holland-agriculture.png) no-repeat 50% 0; left: 0px; top: -7px; } .yellow-skin header #logo { width: 102px; height: 31px; background: url(../images/css/logo-new-holland-construction.png) no-repeat 50% 0; left: 0px; top: -8px; } .scarlet-skin header #logo { width: 150px; height: 29px; background: url(../images/css/logo-steyr.png) no-repeat 50% 0; left: 0px; top: -5px; } .miller-skin header #logo { width: 150px; height: 29px; background: url(../images/css/logo-miller.png) no-repeat 50% 0; left: 0px; top: -5px; background-size: 115px } header #logout-link { font-size: 12px; line-height: 15px; text-transform: uppercase; display: inline-block; margin: 1px 10px 8px 0; white-space: nowrap; } header #logout-link a { background: url(../images/css/header-logout-divider.gif) no-repeat 0 2px; margin: 0 0 0 4px; padding: 0 0 0 14px; } header #logout-link a:hover { color: #cc0033; } /*********************************** NOTIFICATION BOX *****************************************/ #notification-bell-div { display: inline; position: relative; } #notification-bell-div span { position: absolute; right: 54%; font-size: 10px; font-weight: 600; top: 8px;} #notification_bell_link { margin-right: 17px; } #notification-box { position: absolute; z-index: 999999; background: #fff; width: 300px; height: 220px; overflow-y: auto; overflow-x: hidden; border: 1px solid #999; left:2px; } #notification-box table { width: 100%; } .notification-table-title { background: #333; color: #fff; text-align: center; font-size: 18px; font-weight: 400; padding: 15px; border-top: 1px solid #424242; border-bottom: 1px solid #424242; } .notification-table-second-title { background: #cacaca; color: #666; text-align: center; font-size: 18px; font-weight: 400; padding: 15px 15px 15px 5px; } .notification-table-second-title label { color: #666; font-size: 16px; font-weight: 400; } .notification-table-second-title img { height: 25px; width: 25px; margin-right: 5px; margin-bottom: 4px; } .notification-table-cell { color:#999; text-align: left; font-size: 14px; font-weight: 400; padding: 10px 0px 10px 5px; border-bottom: 1px solid #999; cursor: pointer; } .notification-table-cell:hover { background:#efeeee; } .notification-box-div { display: block; } .notification-box-hide { display: none; } .notification-box-default { width: 308px !important; top: 34px !important; } .notification-box-720 { width: 232px !important; top: 34px !important; } .notification-box-570 { width: 172px !important; top: 34px !important; } /**************************************************************************************************/ .platform-mac.browser-firefox #logout-link a, .browser-firefox-31 header #logout-link a { background-position: 0 3px; } header #help-link { font-size: 12px; line-height: 15px; text-transform: uppercase; display: inline-block; margin: 1px 10px 0 0; } header #help-link a { background: url(../images/css/icon-help-red.gif) no-repeat 0 2px; padding: 0 0 0 20px; } .orange-skin header #help-link a { background-image: url(../images/css/icon-help-orange.gif); } .gray-skin header #help-link a { background-image: url(../images/css/icon-help-gray.gif); } .blue-skin header #help-link a { background-image: url(../images/css/icon-help-blue.gif); } .yellow-skin header #help-link a { background-image: url(../images/css/icon-help-yellow.gif); } .scarlet-skin header #help-link a { background-image: url(../images/css/icon-help-scarlet.png); } .miller-skin header #help-link a { background-image: url(../images/css/icon-help-miller.png); } header #help-link a:hover { color: #cc0033; background-position: 0 -18px; } .browser-ie7 header #logout-link { margin-left: -20px; padding-right: 10px; } .browser-ie7 header #help-link { padding-right: 10px; } .browser-ie7 header #initial-quality-link { padding-left: 20px; position: relative; top: 5px; } .platform-mac.browser-firefox #help-link a, .browser-firefox-31 header #help-link a { background-position: 0 3px; } .platform-mac.browser-firefox #help-link a:hover, .browser-firefox-31 header #help-link a:hover { background-position: 0 -17px; } .device-ipad header #help-link a { background-position: 0 1px; } .device-ipad header #help-link a:hover { background-position: 0 -19px; } .device-ipad header #initial-quality-link a { background-position: 0 1px; } .device-ipad header #initial-quality-link a:hover { background-position: 0 -19px; } header .last-col { text-align: right; } #serial-wrapper {} #serial-top-row, #serial-bottom-row { float: left; display:inline; width:98%; padding: 10px; margin-left: 12px; align-self:center; } #cleared { clear: both; } #serial-product-info { border-top: 1px solid #999; width: 48%; float:left; margin-right: 20px; } #serial-product-info-inner { display: inline-block; padding: 5px; width: 100%; margin-left: 100px; } #serial-chart-holder { width: 48%; float: left; } #serial-img { width: 100px; float: left; margin-left: -100px; } #serial-info { float: right; width: 100%; font-size: 16px; padding: 15px 100px 15px 0; } #serial-technician-info label, #serial-info label { font-weight: 400; color: #666; word-wrap: break-word; font-size: 16px; } #serial-technician-info { float: left; width: 100%; border-top: 1px solid #999; border-bottom: 2px solid #999; padding: 15px 0; font-size: 16px; margin-bottom: 30px;} #serial-report-table thead { background: #cc0033; font-size: 14px; font-weight: 400; color: #fff; } #serial-report-table th, #serial-report-table td { padding: 10px; } .orange-skin #serial-report-table thead { background: #f69f1a; } .gray-skin #serial-report-table thead { background: #b5b6b8; } .yellow-skin #serial-report-table thead { background: #ffdd00; } .blue-skin #serial-report-table thead { background: #0c46b8; } .scarlet-skin #serial-report-table thead { background: #d60019; } .miller-skin #serial-report-table thead { background: #A00B15; } #serial-report-table td { cursor: pointer; } #serial-report-table { width:100%; margin-bottom: 30px; } .serial-table-report-type { width: 40%; text-align: left; } .serial-table-report-status { width: 20%; text-align: center; } .serial-table-report-date { width: 40%; text-align: right; } #serial-report-table tbody { font-size: 14px; font-weight: 400; } #serial-report-table tbody tr { background: #fff; border-bottom: 1px solid #999; } #serial-report-table tbody tr:hover { background: rgba(217, 217, 217, 0.34); border-bottom: 1px solid #999; } .serial-product-specs-table-header { padding: 10px; background: #333; color: #fff; font-size: 16px; font-weight: 400; text-align: center; } .serial-product-specs-table-header:hover { color: #cc0033; cursor: pointer; } .blue-skin .serial-product-specs-table-header:hover { color: #0c46b8; } .yellow-skin .serial-product-specs-table-header:hover { color: #ffdd00; } .scarlet-skin .serial-product-specs-table-header:hover { color: #d60019; } .orange-skin .serial-product-specs-table-header:hover { color: #f69f1a; } .gray-skin .serial-product-specs-table-header:hover { color: #b5b6b8; } .miller-skin .serial-product-specs-table-header:hover { color: #A00B15; } .serial-product-specs-table-left { padding: 10px; text-align: left; font-size: 14px; font-weight: 600; width: 60%; } .serial-product-specs-table-right { padding: 10px; text-align: left; font-size: 14px; font-weight: 300; width: 40%; } #serial-product-specs { width: 48%; float: left; margin-right: 20px; } #serial-pip { width: 48%; float: left; } #serial-product-specs-table, #serial-pip-table { width: 100%; padding: 10px; } .serial-pip-modal-link, .serial-spec-modal-link { color: #fff !important; } .serial-pip-modal-link:hover, .serial-spec-modal-link:hover, .report-more-link:hover { color: #999; } .yellow-skin .serial-pip-modal-link { color: #000 !important; } .yellow-skin #h4PIPtitle { color: #000; } .yellow-skin .report-more-link { color: #000; } .report-more-link { color: #fff; } .div-with-vertical-scroll { width: 100%; overflow-y: scroll; height: 200px; } .serial-pip-table-header { padding: 10px; background: #cc0033; color: #fff; font-size: 16px; font-weight: 400; text-align: center; } .orange-skin .serial-pip-table-header { background: #f69f1a; } .gray-skin .serial-pip-table-header { background: #b5b6b8; } .blue-skin .serial-pip-table-header { background: #0c46b8; } .yellow-skin .serial-pip-table-header { background: #ffdd00; } .scarlet-skin .serial-pip-table-header { background: #d60019; } .miller-skin .serial-pip-table-header { background: #A00B15; } .serial-pip-table-header:hover { color: #333; cursor: pointer; } .serial-pip-table-title { padding: 10px 10px 10px 10px; text-align: left; font-size: 14px; font-weight: 600; word-wrap: break-word; } .serial-pip-table-body { padding: 0px 10px 10px 10px; text-align: left; font-size: 14px; font-weight: 300; word-wrap: break-word; white-space:pre-wrap; border-bottom: 1px solid #999; } .plus-sign-spec, .plus-sign-pip { text-align: right; font-size: 36px; color: #fff; padding-right: 10px; } .plus-sign-pip { background: #cc0033; } .orange-skin .plus-sign-pip { background: #f69f1a; } .gray-skin .plus-sign-pip { background: #b5b6b8; } .blue-skin .plus-sign-pip { background: #0c46b8; } .yellow-skin .plus-sign-pip { background: #ffdd00; } .scarlet-skin .plus-sign-pip { background: #d60019; } .miller-skin .plus-sign-pip { background: #A00B15; } .plus-sign-spec { background: #333; } /* CONTENT */ #content h1 { background: #cc0033; font-size: 36px; line-height: 40px; padding: 15px 20px; font-weight: 400; color: #fff; margin: 0; } #content aside h1 { font-size: 14px; line-height: 18px; font-weight: 300; text-transform: uppercase; padding: 15px 5px; text-align: center; } #h1PIP_ReportPage, #h1ProdSpecs_ReportPage, #h1ReportMore { text-align: center !important; font-size: 13px !important; line-height: 13px !important; padding: 11px !important; } #h1MoreToSerialPage { font-size: 12px !important; line-height: 12px !important; padding: 8px 20px !important; } #h1PIP_ReportPage:hover, #h1ProdSpecs_ReportPage:hover, #h1ReportMore:hover, #h1MoreToSerialPage { color: #999; } #h1ProdSpecs_ReportPage { background: #333 !important; } #secondary-navigation { padding: 18px 0 14px; background: url(../images/css/secondary-nav-600-bkg.gif) repeat-y 50% 0; } #secondary-navigation .col-md-6 { width: 50%; float: left; } #pageArchives #secondary-navigation, #pageEquipmentList #secondary-navigation { padding: 19px 0 15px; } #secondary-navigation p { font-weight: 600; text-transform: uppercase; font-size: 15px; line-height: 18px; margin: 0 20px; } #secondary-navigation p a { color: #cc0033; } #secondary-navigation #active-reports-link a, #secondary-navigation #archived-reports-link a { background: url(../images/css/secondary-navigation-prev-red.gif) no-repeat 0 6px; padding: 0 0 0 10px; } .orange-skin #secondary-navigation #active-reports-link a, .orange-skin #secondary-navigation #archived-reports-link a { background-image: url(../images/css/secondary-navigation-prev-orange.gif); } .gray-skin #secondary-navigation #active-reports-link a, .gray-skin #secondary-navigation #archived-reports-link a { background-image: url(../images/css/secondary-navigation-prev-gray.gif); } .blue-skin #secondary-navigation #active-reports-link a, .blue-skin #secondary-navigation #archived-reports-link a { background-image: url(../images/css/secondary-navigation-prev-blue.gif); } .yellow-skin #secondary-navigation #active-reports-link a, .yellow-skin #secondary-navigation #archived-reports-link a { background-image: url(../images/css/secondary-navigation-prev-yellow.gif); } .scarlet-skin #secondary-navigation #active-reports-link a, .scarlet-skin #secondary-navigation #archived-reports-link a { background-image: url(../images/css/secondary-navigation-prev-scarlet.gif); } #secondary-navigation #active-reports-link a:hover, #secondary-navigation #archived-reports-link a:hover { background-position: 0 -13px !important; } #pageArchives #secondary-navigation #archived-reports-link a, #secondary-navigation #equipment-link a { background: url(../images/css/secondary-navigation-next-red.gif) no-repeat 100% 6px; padding: 0 10px 0 0; } #pageArchives.orange-skin #secondary-navigation #archived-reports-link a, .orange-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-orange.gif); } #pageArchives.gray-skin #secondary-navigation #archived-reports-link a, .gray-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-gray.gif); } #pageArchives.blue-skin #secondary-navigation #archived-reports-link a, .blue-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-blue.gif); } #pageArchives.yellow-skin #secondary-navigation #archived-reports-link a, .yellow-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-yellow.gif); } #pageArchives.scarlet-skin #secondary-navigation #archived-reports-link a, .scarlet-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-scarlet.gif); } #pageArchives #secondary-navigation #archived-reports-link a:hover, #secondary-navigation #equipment-link a:hover { background-position: 100% -13px !important; } #pageEquipmentList #secondary-navigation #archived-reports-link a, #secondary-navigation #equipment-link a { background: url(../images/css/secondary-navigation-next-red.gif) no-repeat 100% 6px; padding: 0 10px 0 0; } #pageEquipmentList.orange-skin #secondary-navigation #archived-reports-link a, .orange-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-orange.gif); } #pageEquipmentList.gray-skin #secondary-navigation #archived-reports-link a, .gray-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-gray.gif); } #pageEquipmentList.blue-skin #secondary-navigation #archived-reports-link a, .blue-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-blue.gif); } #pageEquipmentList.yellow-skin #secondary-navigation #archived-reports-link a, .yellow-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-yellow.gif); } #pageEquipmentList.scarlet-skin #secondary-navigation #archived-reports-link a, .scarlet-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-scarlet.gif); } #pageEquipmentList #secondary-navigation #archived-reports-link a:hover, #secondary-navigation #equipment-link a:hover { background-position: 100% -13px !important; } #pageEquipment #secondary-navigation #active-reports-link a, #secondary-navigation #equipment-link a { background: url(../images/css/secondary-navigation-next-red.gif) no-repeat 100% 6px; padding: 0 10px 0 0; } #pageEquipment.orange-skin #secondary-navigation #active-reports-link a, .orange-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-orange.gif); } #pageEquipment.gray-skin #secondary-navigation #active-reports-link a, .gray-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-gray.gif); } #pageEquipment.blue-skin #secondary-navigation #active-reports-link a, .blue-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-blue.gif); } #pageEquipment.yellow-skin #secondary-navigation #active-reports-link a, .yellow-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-yellow.gif); } #pageEquipment.scarlet-skin #secondary-navigation #active-reports-link a, .scarlet-skin #secondary-navigation #equipment-link a { background-image: url(../images/css/secondary-navigation-next-scarlet.gif); } #pageEquipment #secondary-navigation #active-reports-link a:hover, #secondary-navigation #equipment-link a:hover { background-position: 100% -13px !important; } #secondary-navigation p a:hover { color: #313335; } #secondary-navigation .last-col { text-align: right; } #pageEquipment #secondary-navigation { padding: 0; } #pageEquipment #secondary-navigation h2 { font-size: 18px; line-height: 20px; font-weight: 500; text-transform: uppercase; margin: 0; padding: 15px 10px 12px 20px; white-space: nowrap; } #pageEquipment #secondary-navigation h2 span { color: #acacad; font-weight: 200; text-transform: none; padding-left: 5px; margin-left: 0px; } #pageEquipment #secondary-navigation #active-reports-link { padding-top: 18px; } .device-ipad #secondary-navigation #active-reports-link a, .device-ipad #secondary-navigation #archived-reports-link a { background-position: 0 5px; } .device-ipad #secondary-navigation #active-reports-link a:hover, .device-ipad #secondary-navigation #archived-reports-link a:hover { background-position: 0 -14px !important; } #pageEquipment.device-ipad #secondary-navigation #active-reports-link a, .device-ipad #secondary-navigation #equipment-link a { background-position: 100% 5px; } #pageEquipment.device-ipad #secondary-navigation #active-reports-link a:hover, .device-ipad #secondary-navigation #equipment-link a:hover { background-position: 100% -14px !important; } .device-tablet .dataTables_scrollBody th, .device-tablet .dataTables_scrollBody td, .device-mobile .dataTables_scrollBody th, .device-mobile .dataTables_scrollBody td { cursor:pointer } /* TABLES */ .has-custom-page-scrollbar .dataTables_scrollBody { position: relative !important; overflow: hidden !important; } /* TABLE EQUIPMENT LIST */ #layout #table-equipment-list-container { } #layout #table-equipment-list-container .product-line { width: 75px !important; } #layout #table-equipment-list-container .model-number { width: 90px !important; } #layout #table-equipment-list-container .serial-number { width: 90px !important; } #layout #table-equipment-list-container .dar-status { width: 80px !important; } #layout #table-equipment-list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table-equipment-list-container .product-line { width: 90px !important; } #layout #table_archived_list-container {} #layout #table_archived_list-container .product-line { width: 80px !important; } #layout #table_archived_list-container .model-number { width: 90px !important; } #layout #table_archived_list-container .serial-number { width: 90px !important; } #layout #table_archived_list-container .share { width: 38px !important; } #layout #table_archived_list-container .print { width: 38px !important; } #layout #table_archived_list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table_archived_list-container .product-line { width: 90px !important; } #layout #table_archived_list .print img, #layout #table_archived_list .share img { position: relative; left: 15px; } #layout #table-equipment-list-container .product-line img { display: none; } #layout #table_archived_list-container .product-line img { display: none; } .pip-icon { position: relative; margin: 10px 0px 10px -8px !important; } #layout .table-list-container { position: relative; overflow: hidden; } #layout .table-list { background: #fff; margin: 0; } #table_archived_list-container th.ship-date { text-indent: -99999px; } .browser-ie7 #table_archived_list-container th.ship-date { text-indent: 0; font-size: 1px; line-height: 1px; color: #cc0033; } #layout #table-equipment-list-container.no-scrollbar .dataTables_scrollHeadInner { } #layout #table-equipment-list-container.no-scrollbar .dataTables_scrollHeadInner table th.ship-date {} #layout #table-equipment-list-container.no-scrollbar th.ship-date { width: auto !important; } #layout #table-equipment-list-container.no-scrollbar td.ship-date { width: auto !important; text-align: center; padding-right: 20px; } #layout #table_archived_list-container.no-scrollbar th.ship-date { width: auto !important; } #layout #table_archived_list-container.no-scrollbar td.ship-date { width: auto !important; } #layout .dataTables_scrollHead { background: #cc0033; } #layout .table-list thead tr th { background-color: #cc0033; font-size: 13px; line-height: 18px; color: #fff; text-transform: uppercase; font-weight: 500; padding: 15px 9px; border: 0; white-space: nowrap; } .device-android #layout .table-list thead tr th { padding-top: 17px; padding-bottom: 13px; } #layout .table-list tr { border: 0 !important; } #layout .table-list tbody {} #layout .table-list tbody tr th, #layout .table-list tbody tr td { border-bottom: 1px solid #adadae; color: #333; font-size: 13px; line-height: 18px; font-weight: 500; padding: 9px 10px; vertical-align: middle; } #layout .table-list tbody tr th.product-line { padding-top: 0; padding-bottom: 0; padding-left: 10px; } #layout .table-list tbody tr:hover td, #layout .table-list tbody tr:hover th { background-color: #f7f8f9; cursor: pointer; } .device-tablet #layout .table-list tbody tr:hover td, .device-tablet #layout .table-list tbody tr:hover th { } #layout .table-list tbody tr a { color: #333; text-decoration: none; } #search-all-locations { color: #fff !important; background:#cc0033 !important; padding: 5px 15px 5px 15px !important; } .blue-skin #search-all-locations { background: #0c46b8 !important; } .orange-skin #search-all-locations { background: #f69f1a !important; } .yellow-skin #search-all-locations { background: #ffdd00 !important; color: #333 !important; } .scarlet-skin #search-all-locations { background: #d60019 !important; } .miller-skin #search-all-locations { background: #A00B15 !important; } #layout .table-list .ship-date, #layout .table-list .serial-number { } #layout .table-list div.icon { display: inline; } #layout .table-list td.dar-status { } #layout .table-list td.dar-status img { position: relative; left: 50px; } #layout .table-list th.sorting_desc, #layout .table-list th.sorting_asc, #layout .table-list th.sorting, #layout .table-list th.product-line { background-image: none } #layout .table-list span.line-title { display: inline-block; position: relative; vertical-align: middle; } .table-filter { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; height: 50px; } .table-filter a { outline: 0; } .table-filter .filter-by-string { width: 95px; float: left; padding: 10px 0 0; position: relative; } .table-filter .filter-by-string a.toggle { display: block; height: 28px; overflow: hidden; text-indent: -99999px; background: url(../images/css/icon-table-filter-red.gif) no-repeat 100% 0; } .orange-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-orange.gif); } .gray-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-gray.gif); } .blue-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-blue.gif); } .yellow-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-yellow.gif); } .scarlet-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-scarlet.png); } .miller-skin .table-filter .filter-by-string a.toggle { background-image: url(../images/css/icon-table-filter-miller.png); } .table-filter .filter-by-string .field { width: 90px; overflow: hidden; padding: 0 0 0 6px; position: absolute; top: 10px; left: -25px; background: url(../images/css/filter-string-left-corner-red.gif) no-repeat 0 0; display: none; } .orange-skin .table-filter .filter-by-string .field { background-image: url(../images/css/filter-string-left-corner-orange.gif); } .gray-skin .table-filter .filter-by-string .field { background-image: url(../images/css/filter-string-left-corner-gray.gif); } .blue-skin .table-filter .filter-by-string .field { background-image: url(../images/css/filter-string-left-corner-blue.gif); } .yellow-skin .table-filter .filter-by-string .field { background-image: url(../images/css/filter-string-left-corner-yellow.gif); } .scarlet-skin .table-filter .filter-by-string .field { background-image: url(../images/css/filter-string-left-corner-scarlet.gif); } .table-filter .filter-by-string input { width: 84px; padding: 4px 3px 4px 0; font: 13px/20px Exo, Arial, sans-serif; border: 0; height: 28px; } .browser-chrome .table-filter .filter-by-string input { padding-top: 5px; padding-bottom: 3px; } .browser-ie11 .table-filter .filter-by-string input { line-height: 22px; } .browser-safari .table-filter .filter-by-string input { padding-top: 5px; padding-bottom: 3px; } .table-filter .filter-by-status { width: 110px; float: left; padding: 10px 0 0; position: relative; } .table-filter .filter-by-status a.toggle { display: block; height: 28px; display: block; overflow: hidden; text-indent: -99999px; background: url(../images/css/icon-table-dropdown-red.gif) no-repeat 65% 0; } .orange-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-orange.gif); } .gray-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-gray.gif); } .blue-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-blue.gif); } .yellow-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-yellow.gif); } .scarlet-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-scarlet.png); } .miller-skin .table-filter .filter-by-status a.toggle { background-image: url(../images/css/icon-table-dropdown-miller.png); } .table-filter .filter-by-status .status { position: absolute; width: 169px; overflow: hidden; padding: 31px 0 0; background: url(../images/css/filter-status-top.png) no-repeat 0 0; top: 38px; left: 15px; display: none; } .table-filter .filter-by-status.expanded .status { display: block; } .table-filter .filter-by-status ul { background: url(../images/css/filter-status-bottom.png) no-repeat 0 100%; padding: 0 0 27px; list-style: none; } .table-filter .filter-by-status li { font-size: 16px; line-height: 20px; border-top: 1px solid #333; margin: 0 9px 0 0; } .table-filter .filter-by-status li:first-child { border: 0; } .table-filter .filter-by-status li a { color: #000; background: #fff; display: block; padding: 5px 0 5px 20px; } .table-filter .filter-by-status li.new a { background: #fff url(../images/css/icon-filter-status-new-red.png) no-repeat 55px 7px; } .table-filter .filter-by-status li.in-progress a { background: #fff url(../images/css/icon-filter-status-in-progress-red.png) no-repeat 104px 7px; } .orange-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-orange.png); } .orange-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-orange.png); } .gray-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-gray.png); } .gray-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-gray.png); } .blue-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-blue.png); } .blue-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-blue.png); } .yellow-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-yellow.png); } .yellow-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-yellow.png); } .scarlet-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-scarlet.png); } .scarlet-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-scarlet.png); } .miller-skin .table-filter .filter-by-status li.new a { background-image: url(../images/css/icon-filter-status-new-miller.png); } .miller-skin .table-filter .filter-by-status li.in-progress a { background-image: url(../images/css/icon-filter-status-in-progress-miller.png); } .table-filter .filter-by-status li a:hover { background-color: #f5f5f5; color: #cc0033; text-decoration: none; } .table-filter .filter-by-status li.new a:hover { background-position: 55px -79px; } .table-filter .filter-by-status li.in-progress a:hover { background-position: 104px -78px; } .table-filter .filter-by-ship-date { width: 95px; overflow: hidden; float: left; padding: 10px 0 0; position: relative; } .table-filter .filter-by-ship-date a.toggle { display: block; height: 28px; margin: 0px 6px 0 0; display: block; overflow: hidden; text-indent: -99999px; background: url(../images/css/icon-table-calendar-red.gif) no-repeat 100% 0; } .orange-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-orange.gif); } .gray-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-gray.gif); } .blue-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-blue.gif); } .yellow-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-yellow.gif); } .scarlet-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-scarlet.png); } .miller-skin .table-filter .filter-by-ship-date a.toggle { background-image: url(../images/css/icon-table-calendar-miller.png); } .table-filter .filter-by-ship-date input { position: absolute; top: 40px; left: 0; height: 1px; width: 120px; visibility: hidden; } .table-filter .filter-by-ship-date-from-to { width: 126px; overflow: hidden; float: left; padding: 5px 0 0; position: relative; } .table-filter .filter-by-ship-date-from-to .field { width: 126px; overflow: hidden; height: 20px; background: url(../images/css/datepicker-from-to-red.png) no-repeat 100% 0; margin: 0 0 2px; } .orange-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-orange.png); } .gray-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-gray.png); } .blue-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-blue.png); } .yellow-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-yellow.png); } .scarlet-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-scarlet.png); } .miller-skin .table-filter .filter-by-ship-date-from-to .field { background-image: url(../images/css/datepicker-from-to-miller.png); } .table-filter .filter-by-ship-date-from-to label { float: left; font-size: 12px; line-height: 14px; color: #fff; font-weight: 500; text-transform: uppercase; text-align: right; width: 42px; overflow: hidden; padding: 2px 9px 0 0; } .table-filter .filter-by-ship-date-from-to input { float: right; width: 79px; margin: 0 3px 0 0; font-size: 12px; line-height: 14px; padding: 3px; color: #fff; border: 0; background: transparent; } /* NOTHING FOUND */ #nothing-found-message { padding: 50px 0; cursor: default; } #nothing-found-message h4 { font-size: 20px; line-height: 25px; } #nothing-found-message p { font-size: 15px; line-height: 18px; margin: 20px 0 0 0; } #ui-datepicker-div { width: 244px; } #ui-datepicker-div.ui-datepicker { border: 0; margin: -8px 0 0 0px; background: url(../images/css/datepicker-bkg-large.png) no-repeat 0 100%; padding: 0; } #ui-datepicker-div .ui-datepicker td span, #ui-datepicker-div .ui-datepicker td a { padding: 0; } #ui-datepicker-div.ui-widget { font-size: 11px; line-height: 13px; } #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight { background: #999; border: #999; color: #fff; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active { background: #333; border: #000; color: #fff } #ui-datepicker-div.ui-datepicker th { padding-bottom: 5px; padding-top: 5px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { width: 24px; height: 23px; top: 51px; left: 9px; border: 0 !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-next { width: 24px; height: 23px; top: 51px; right: 9px; border: 0 !important; } .browser-ie7 #ui-datepicker-div.ui-datepicker .ui-datepicker-next, .browser-ie7 #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { top: 56px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { margin: 0; width: 24px; height: 23px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span { background: #000 url(../images/css/calendar-prev.png) no-repeat 50% 50%; top: 0; left: auto; right: auto; } #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { background: #000 url(../images/css/calendar-next.png) no-repeat 50% 50%; top: 0; left: auto; right: auto; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span:after { content: none !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-next span:after { content: none !important; } #ui-datepicker-div .ui-widget-header { background: #000; border: 0; color: #fff; font: 13px/15px Exo, Arial, sans-serif; font-weight: 400; border-radius: 0; padding: 51px 0 3px; } #ui-datepicker-div .ui-datepicker-title { padding-bottom: 3px; } #pageEquipmentList #ui-datepicker-div .ui-widget-header { background: url(../images/css/calendar-header-beginning-date-large.png) no-repeat 0 0; } #pageArchives #ui-datepicker-div.datepicker-beginning-date .ui-widget-header { background: url(../images/css/calendar-header-beginning-date-large.png) no-repeat 0 0; } #pageArchives #ui-datepicker-div.datepicker-end-date .ui-widget-header { background: url(../images/css/calendar-header-end-date-large.png) no-repeat 0 0; } #pageArchives #ui-datepicker-div.datepicker-end-date, #pageArchives #ui-datepicker-div.datepicker-beginning-date { margin: 0px 0 0 -120px; } #ui-datepicker-div.ui-datepicker table { margin: 0 3px 5px; width: 238px; } #ui-datepicker-div.ui-datepicker td span, #ui-datepicker-div.ui-datepicker td a { padding: 8px; } /***********************************************************************************************/ #pageReport #ui-datepicker-div { width: 180px; } #pageReport #ui-datepicker-div.ui-datepicker { border: 0; margin: 5px; background: url(../images/css/datepicker-bkg-large.png) no-repeat 0 100%; padding: 0px; } #pageReport #ui-datepicker-div .ui-datepicker td span, #pageReport #ui-datepicker-div .ui-datepicker td a { padding: 5px; } #pageReport #ui-datepicker-div.ui-widget { font-size: 11px; line-height: 11px; } #pageReport #ui-datepicker-div .ui-state-highlight, #pageReport #ui-datepicker-div .ui-widget-content .ui-state-highlight, #pageReport #ui-datepicker-div .ui-widget-header .ui-state-highlight { background: #999; border: #999; color: #fff; } #pageReport #ui-datepicker-div .ui-state-active, #pageReport #ui-datepicker-div .ui-widget-content .ui-state-active, #pageReport #ui-datepicker-div .ui-widget-header .ui-state-active { background: #333; border: #000; color: #fff } #pageReport #ui-datepicker-div.ui-datepicker th { padding-bottom: 4px; padding-top: 4px; } #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { width: 20px; height: 19px; top: 7px; left: 10px; border: 0 !important; } #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-next { width: 20px; height: 19px; top: 7px; right: 10px; border: 0 !important; } .browser-ie7 #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-next, .browser-ie7 #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { top: 7px; } #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { margin: 0; width: 20px; height: 19px; } #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span { background: #000 url(../images/css/calendar-prev.png) no-repeat 50% 50%; top: 0; left: auto; right: auto; } #pageReport #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { background: #000 url(../images/css/calendar-next.png) no-repeat 50% 50%; top: 0; left: auto; right: auto; } #pageReport #ui-datepicker-div .ui-widget-header { background: #000; border: 0; color: #fff; font: 13px/15px Exo, Arial, sans-serif; font-weight: 400; border-radius: 0; padding: 5px 0 3px; } #pageReport #ui-datepicker-div .ui-datepicker-title { padding-bottom: 3px; } #pageReport #ui-datepicker-div.ui-datepicker table { margin: 2px; padding: 2px; width: 180px; } #pageReport #ui-datepicker-div.ui-datepicker td span, #pageReport #ui-datepicker-div.ui-datepicker td a { padding: 2px; } /***********************************************************************************************/ .datepicker-format { height: 24px; width: 110px; border: 1px solid #848484; margin: 5px 4px 10px 25px; } .datepicker-label { width: 120px; margin: 20px 17px 0px 25px; float: left; } .date-wrapper { width: 380px; } #table-equipment-list-container #filter-by-model { margin: 0 0 0 110px; } #table-equipment-list-container #filter-by-serial { margin: 0 0 0 15px; } #table-equipment-list-container #filter-by-status { margin: 0 0 0 20px; } #table-equipment-list-container #filter-by-date { margin: 0 0 0 20px; } .browser-safari-6 #table-equipment-list-container #filter-by-status, .browser-ie11 #table-equipment-list-container #filter-by-status, .browser-ie10 #table-equipment-list-container #filter-by-status, .browser-ie9 #table-equipment-list-container #filter-by-status, .browser-ie8 #table-equipment-list-container #filter-by-status, .browser-chrome #table-equipment-list-container #filter-by-status { margin: 0 0 0 25px; } #table_archived_list-container #filter-by-model { margin: 0 0 0 110px; } #table_archived_list-container #filter-by-serial { margin: 0 0 0 15px; } #table_archived_list-container #filter-by-date { margin: 0 0 0 120px; top: -1px; } .browser-chrome #table_archived_list-container #filter-by-date { margin: 0 0 0 123px; } .browser-ie7 #table-equipment-list-container #filter-by-model { margin-left: 115px; } .browser-ie7 #table-equipment-list-container #filter-by-status { margin-left: 25px; } #table_archived_list-container td.ship-date { } #table_archived_list-container th.ship-date { /*text-indent: -99999px;*/ } #filter-by-model a.toggle { display: none; } /* FINALIZE */ #pageFinalize {} #rate-product-quality { width: 330px; margin: 0; padding: 5px 0 0; } #rate-product-quality h2 { font-size: 18px; line-height: 20px; margin: 0 0 10px; } #rate-product-quality .textarea-field { padding: 0 0 6px; background: url(../images/css/textarea-bottom-330.gif) no-repeat 0 100%; margin: 0 0 13px; width: 330px; } #rate-product-quality .textarea-field .inner { background: url(../images/css/textarea-top-330.gif) no-repeat 0 0; padding: 6px 5px 0; } #rate-product-quality .textarea-field textarea { resize: none; border: 0; width: 318px; padding: 0; font-size: 18px; line-height: 20px; color: #999; height: 124px; } #rate-product-quality .actions { width: 330px; overflow: hidden; padding: 15px 0 0; } #rate-product-quality .actions input { float: right; } /************* Question Type Radio **************/ .radio-wrapper { display: inline-block; } .radio-question-container { width: 365px; padding: 0 0 0 18px; background: url(../images/css/rate-product-quality-600.gif) no-repeat 0 0; margin: 12px 0 0 0; } .radio-question-container .field { float: left; width: 65px; position: relative; height: 85px; padding: 8px 5px; } .radio-question-container a.radio { float: left; width: 30px; height: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/css/radio-button.gif) no-repeat 0 0; margin: 0; } .radio-question-container .option-checked a.radio { background-position: 0 100%; } .radio-question-container input { position: absolute; top: -99999px; left: -99999px; } .radio-question-container label { font-size: 12px; line-height: 18px; width: 100px; position: absolute; bottom: 0; left: 55%; margin-left: -50px; vertical-align:bottom; font-weight: 500; text-align: center; } #previous-link, #back-link { float: left; font-size: 14px; line-height: 18px; color: #fff; } #back-link a, #back-link { width: 100px; height: 38px; display: block; overflow: hidden; } #back-link { text-indent: -99999px; } #previous-link, #previous-link a { width: 112px; height: 38px; display: block; overflow: hidden; } #previous-link { text-indent: -99999px; } /* #back-link a { background: url(../images/css/button-gray.png) no-repeat 0 0; } #back-link a:hover { background-image: url(../images/css/button-red.png); } .orange-skin #back-link a:hover { background-image: url(../images/css/button-orange.png); } .gray-skin #back-link a:hover { background-image: url(../images/css/button-gray.png); } .blue-skin #back-link a:hover { background-image: url(../images/css/button-blue.png); } .yellow-skin #back-link a:hover { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #back-link a:hover { background-image: url(../images/css/button-scarlet.png); } #previous-link a { background: url(../images/css/button-red.png) no-repeat 0 0; } #previous-link a:hover { background-image: url(../images/css/button-gray.png) !important; } .orange-skin #previous-link a { background-image: url(../images/css/button-orange.png); } .gray-skin #previous-link a { background-image: url(../images/css/button-gray.png); } .blue-skin #previous-link a { background-image: url(../images/css/button-blue.png); } .yellow-skin #previous-link a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #previous-link a { background-image: url(../images/css/button-scarlet.png); } */ #btnNext {border: 0px; border-radius: 5px; min-width: 100px; min-height: 38px; font-weight: 400; font-size: 15px; color: #fff; background: #cc0033 } .orange-skin #btnNext { background: #f69f1a } .gray-skin #btnNext { background: #b5b6b8 } .blue-skin #btnNext { background: #0c46b8 } .yellow-skin #btnNext { background: #ffdd00 } .scarlet-skin #btnNext { background: #cc0033 } .miller-skin #btnNext { background: #A00B15 } #btnNext:hover { background: #666666 } #btnSaveDraft {border: 0px; border-radius: 5px; min-width: 100px; min-height: 38px; font-weight: 400; font-size: 15px; color: #fff; background: #cc0033; margin-right: 10px; text-transform: uppercase; } .orange-skin #btnSaveDraft { background: #f69f1a } .gray-skin #btnSaveDraft { background: #b5b6b8 } .blue-skin #btnSaveDraft { background: #0c46b8 } .yellow-skin #btnSaveDraft { background: #ffdd00 } .scarlet-skin #btnSaveDraft { background: #cc0033 } .miller-skin #btnSaveDraft { background: #A00B15 } #btnSaveDraft:hover { background: #666666 } #btnSubmit {border: 0px; border-radius: 5px; min-width: 100px; min-height: 38px; font-weight: 400; font-size: 15px; color: #fff; background: #cc0033 } .orange-skin #btnSubmit { background: #f69f1a } .gray-skin #btnSubmit { background: #b5b6b8 } .blue-skin #btnSubmit { background: #0c46b8 } .yellow-skin #btnSubmit { background: #ffdd00 } .scarlet-skin #btnSubmit { background: #cc0033 } .miller-skin #btnSubmit { background: #A00B15 } #btnSubmit:hover { background: #666666 } /*#btnSubmit { background: url(../images/css/button-red.png) no-repeat 0 0; border: 0px currentColor; border-image: none; width: 100px; height: 38px; font-weight: 400; font-size: 15px; color: #fff; } .orange-skin #btnSubmit { background: url(../images/css/button-orange.png) no-repeat 0 0; } .gray-skin #btnSubmit { background: url(../images/css/button-gray.png) no-repeat 0 0; } .blue-skin #btnSubmit { background: url(../images/css/button-blue.png) no-repeat 0 0; } .yellow-skin #btnSubmit { background: url(../images/css/button-yellow.png) no-repeat 0 0; } .scarlet-skin #btnSubmit { background: url(../images/css/button-scarlet.png) no-repeat 0 0; } #btnSubmit:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; }*/ #btnPrevious {border: 0px; border-radius: 5px; min-width: 100px; min-height: 38px; font-weight: 400; font-size: 15px; color: #fff; background: #666666; float: left } #btnPrevious:hover { background: #cc0033 } .orange-skin #btnPrevious:hover { background: #f69f1a } .gray-skin #btnPrevious:hover { background: #b5b6b8 } .blue-skin #btnPrevious:hover { background: #0c46b8 } .yellow-skin #btnPrevious:hover { background: #ffdd00 } .scarlet-skin #btnPrevious:hover { background: #cc0033 } .miller-skin #btnPrevious:hover { background: #A00B15 } #btnGoBack {border: 0px; border-radius: 5px; min-width: 100px; min-height: 38px; font-weight: 400; font-size: 15px; color: #fff; background: #666666; float: left } #btnGoBack:hover { background: #cc0033 } .orange-skin #btnGoBack:hover { background: #f69f1a } .gray-skin #btnGoBack:hover { background: #b5b6b8 } .blue-skin #btnGoBack:hover { background: #0c46b8 } .yellow-skin #btnGoBack:hover { background: #ffdd00 } .scarlet-skin #btnGoBack:hover { background: #cc0033 } .miller-skin #btnGoBack:hover { background: #A00B15 } #technician-info { border-bottom: 1px solid #adadae; margin: 0 0 10px; } #technician-info p { font-size: 13px; line-height: 18px; font-weight: 500; color: #797979; padding: 15px 20px 15px; margin: 0; } #technician-info p span { color: #a9b0b7; } #pageReport #technician-info { border-bottom: 1px solid #adadae; margin-bottom: 0px; } #product-info { border-bottom: 1px solid #adadae; margin: 0 0 10px; } #product-info p { font-size: 13px; line-height: 18px; font-weight: 500; color: #797979; padding: 6px 20px; margin: 0; } #product-info p span { color: #a9b0b7; } #report-more-link a { font-size: 13px; line-height: 18px; font-weight: 500; padding: 6px 20px; margin: 0; } /* MODAL */ .gray-modal .modal-dialog, .red-modal .modal-dialog { width: 460px; background: 0; height: auto; } .search-result-modal .modal-dialog { width: 600px; background: 0; height: auto; } .pip-specs-modal .modal-dialog { width: 460px; background: 0; height: auto; } .red-modal h4, .search-result-modal h4, .pip-specs-modal h4, .gray-modal h4 { font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; } .yellow-skin .red-modal h4 { color: #000; } .red-modal .modal-content, .search-result-modal .modal-content, .pip-specs-modal .modal-content, .gray-modal .modal-content { background: 0; box-shadow: none; border: 0; border-radius: 0; } .gray-modal .modal-header { background: url(../images/css/gray-overlay-header-bg.png) no-repeat 0 0; height: 38px; padding: 10px 15px; } .dark-gray-modal .modal-header { background: url(../images/css/dark-gray-overlay-header-bg.png) no-repeat 0 0; height: 38px; padding: 10px 15px; } .red-modal .modal-header { background: url(../images/css/red-overlay-header-bg.png) no-repeat 0 0; height: 38px; padding: 10px 15px; } .orange-skin .red-modal .modal-header { background-image: url(../images/css/orange-overlay-header-bg.png); } .gray-skin .red-modal .modal-header { background-image: url(../images/css/gray-overlay-header-bg.png); } .blue-skin .red-modal .modal-header { background-image: url(../images/css/blue-overlay-header-bg.png); } .yellow-skin .red-modal .modal-header { background-image: url(../images/css/yellow-overlay-header-bg.png); } .scarlet-skin .red-modal .modal-header { background-image: url(../images/css/scarlet-overlay-header-bg.png); } .search-result-modal .modal-header { background: url(../images/css/red-overlay-header-bg-long.png) no-repeat 0 0; height: 38px; padding: 10px 15px; } .orange-skin .search-result-modal .modal-header { background-image: url(../images/css/orange-overlay-header-bg-long.png); } .gray-skin .search-result-modal .modal-header { background-image: url(../images/css/gray-overlay-header-bg-long.png); } .blue-skin .search-result-modal .modal-header { background-image: url(../images/css/blue-overlay-header-bg-long.png); } .yellow-skin .search-result-modal .modal-header { background-image: url(../images/css/yellow-overlay-header-bg-long.png); } .scarlet-skin .search-result-modal .modal-header { background-image: url(../images/css/scarlet-overlay-header-bg-long.png); } .red-modal .modal-body, .search-result-modal .modal-body, .pip-specs-modal .modal-body, .gray-modal .modal-body { padding: 40px 15px 0px; text-align: center; } .red-modal .modal-body { background: url(../images/css/red-overlay-body-bg.png) repeat-y 0 0; } .search-result-modal .modal-body { background: url(../images/css/red-overlay-body-bg-long.png) repeat-y 0 0; } .pip-specs-modal .modal-body { background: url(../images/css/red-overlay-body-bg-long.png) repeat-y 0 0; } .spec-result-modal .modal-body { background: url(../images/css/red-overlay-body-bg-long.png) repeat-y 0 0; } .gray-modal .modal-body { background: url(../images/css/gray-overlay-body-bg.png) repeat-y 0 0; } .modal .modal-body span { font-weight: 700; color: #333; } .red-modal .close, .search-result-modal .close, .pip-specs-modal .close, .gray-modal .close { display: none; } .red-modal .modal-footer { border: 0; background: url(../images/css/red-overlay-footer-bg.png) no-repeat 0 100%; height: 88px; } .search-result-modal .modal-footer { border: 0; background: url(../images/css/red-overlay-footer-bg-long.png) no-repeat 0 100%; height: 88px; } .pip-specs-modal .modal-footer { border: 0; background: none !important; height: 88px; } .gray-modal .modal-footer { border: 0; background: url(../images/css/gray-overlay-footer-bg.png) no-repeat 0 100%; height: 88px; } #modal-form-saving .modal-body p, #modal-file-uploading .modal-body p { padding-top: 30px; } #layout .button-close-modal, #layout .button-close-modal a { display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: hidden; } #layout .button-close-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .button-close-modal a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .button-close-modal a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .button-close-modal a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .button-close-modal a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .button-close-modal a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .button-close-modal a { background-image: url(../images/css/button-scarlet.png); } #layout .button-close-modal a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .button-close-modal-pip, #layout .button-close-modal-pip a { display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: hidden; } #layout .button-close-modal-pip { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .button-close-modal-pip a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .button-close-modal-pip a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .button-close-modal-pip a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .button-close-modal-pip a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .button-close-modal-pip a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .button-close-modal-pip a { background-image: url(../images/css/button-scarlet.png); } #layout .button-close-modal-pip a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .button-cancel-modal, #layout .button-cancel-modal a { display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: hidden; } #layout .button-cancel-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .button-cancel-modal a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .button-cancel-modal a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .button-cancel-modal a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .button-cancel-modal a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .button-cancel-modal a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .button-cancel-modal a { background-image: url(../images/css/button-scarlet.png); } #layout .button-cancel-modal a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .left-button-close-modal, #layout .left-button-close-modal a { position:absolute; left:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .left-button-close-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .left-button-close-modal a { background: #b5b6b8; border-radius: 5px;text-align: center;padding-top: 10px;color: white;} #layout .left-button-close-modal a:hover { background: #121212; border-radius: 5px; } #layout .gray-button-close-modal #layout .gray-button-close-modal, #layout .gray-button-close-modal a { display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: hidden; } #layout .gray-button-close-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .gray-button-close-modal a { background: url(../images/css/button-gray.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } #layout .gray-button-close-modal a:hover { background: url(../images/css/button-black.png) no-repeat 0 0; } #layout .right-button-close-modal, #layout .right-button-close-modal a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .right-button-close-modal-confirm-rating, #layout .right-button-close-modal-confirm-rating a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-confirm-rating { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-confirm-rating a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-confirm-rating a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-confirm-rating a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-confirm-rating a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-confirm-rating a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-confirm-rating a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-confirm-rating a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .right-button-close-modal-enter-contact, #layout .right-button-close-modal-enter-contact a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-enter-contact { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-enter-contact a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-enter-contact a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-enter-contact a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-enter-contact a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-enter-contact a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-enter-contact a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-enter-contact a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .left-button-close-modal-enter-contact, #layout .left-button-close-modal-enter-contact a { position:absolute; left:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .left-button-close-modal-enter-contact { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .left-button-close-modal-enter-contact a { background: url(../images/css/button-gray.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } #layout .left-button-close-modal-enter-contact a:hover { background: url(../images/css/button-black.png) no-repeat 0 0; } #layout .right-button-close-modal-notify-team, #layout .right-button-close-modal-notify-team a { position:absolute; right:37px; display: block; width: 200px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-notify-team { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-notify-team a { background: url(../images/css/button-red-long.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-notify-team a { background-image: url(../images/css/button-orange-long.png); } .gray-skin #layout .right-button-close-modal-notify-team a { background-image: url(../images/css/button-gray-long.png); } .blue-skin #layout .right-button-close-modal-notify-team a { background-image: url(../images/css/button-blue-long.png); } .yellow-skin #layout .right-button-close-modal-notify-team a { background-image: url(../images/css/button-yellow-long.png); } .scarlet-skin #layout .right-button-close-modal-notify-team a { background-image: url(../images/css/button-scarlet-long.png); } #layout .right-button-close-modal-notify-team a:hover { background: url(../images/css/button-gray-long.png) no-repeat 0 0; } #layout .left-button-close-modal-notify-team, #layout .left-button-close-modal-notify-team a { position:absolute; left:37px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .left-button-close-modal-notify-team { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .left-button-close-modal-notify-team a { background: url(../images/css/button-gray.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } #layout .left-button-close-modal-notify-team a:hover { background: url(../images/css/button-black.png) no-repeat 0 0; } #layout .right-button-close-modal, #layout .right-button-close-modal a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .right-button-close-modal-are-you-sure, #layout .right-button-close-modal-are-you-sure a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-are-you-sure { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-are-you-sure a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-are-you-sure a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-are-you-sure a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-are-you-sure a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-are-you-sure a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-are-you-sure a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-are-you-sure a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .left-button-close-modal-are-you-sure, #layout .left-button-close-modal-are-you-sure a { position:absolute; left:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .left-button-close-modal-are-you-sure { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .left-button-close-modal-are-you-sure a { background: url(../images/css/button-gray.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } #layout .left-button-close-modal-are-you-sure a:hover { background: url(../images/css/button-black.png) no-repeat 0 0; } #layout .left-button-close-modal-are-you-sure-comment, #layout .left-button-close-modal-are-you-sure-comment a { position:absolute; left:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .left-button-close-modal-are-you-sure-comment { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .left-button-close-modal-are-you-sure-comment a { background: url(../images/css/button-gray.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } #layout .left-button-close-modal-are-you-sure-comment a:hover { background: url(../images/css/button-black.png) no-repeat 0 0; } #layout .right-button-close-modal-are-you-sure-logout, #layout .right-button-close-modal-are-you-sure-logout a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-are-you-sure-logout { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-are-you-sure-logout a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-are-you-sure-logout a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-are-you-sure-logout a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-are-you-sure-logout a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-are-you-sure-logout a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-are-you-sure-logout a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-are-you-sure-logout a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .right-button-close-modal-are-you-sure-comment, #layout .right-button-close-modal-are-you-sure-comment a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-are-you-sure-comment { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-are-you-sure-comment a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-are-you-sure-comment a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-are-you-sure-comment a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-are-you-sure-comment a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-are-you-sure-comment a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-are-you-sure-comment a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-are-you-sure-comment a:hover { background: url(../images/css/button-gray.png) no-repeat 0 0; } #layout .right-button-close-modal-complete-dar, #layout .right-button-close-modal-complete-dar a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-complete-dar { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } #layout .right-button-close-modal-complete-dar a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-complete-dar a { background: #f69f1a; border-radius: 5px;} .gray-skin #layout .right-button-close-modal-complete-dar a { background: #b5b6b8; border-radius: 5px;} .blue-skin #layout .right-button-close-modal-complete-dar a { background: #0c46b8; border-radius: 5px;} .yellow-skin #layout .right-button-close-modal-complete-dar a { background: #ffdd00; border-radius: 5px;} .scarlet-skin #layout .right-button-close-modal-complete-dar a { background: #d60019; border-radius: 5px;} /*.orange-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-scarlet.png); }*/ #layout .right-button-close-modal-complete-dar a:hover { background: #b5b6b8; border-radius: 5px; } #layout .right-button-close-modal-complete-dar, #layout .right-button-close-modal-complete-dar a { position:absolute; right:62px; display: block; width: 100px; height: 38px; text-decoration: none; margin: 0 auto; overflow: visible; } #layout .right-button-close-modal-complete-dar { font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 auto; } /*#layout .right-button-close-modal-complete-dar a { background: url(../images/css/button-red.png) no-repeat 0 0; color: #fff; padding: 10px 0 10px; height: 38px; text-align: center; } .orange-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-orange.png); } .gray-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-gray.png); } .blue-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-blue.png); } .yellow-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-yellow.png); } .scarlet-skin #layout .right-button-close-modal-complete-dar a { background-image: url(../images/css/button-scarlet.png); } #layout .right-button-close-modal-complete-dar a:hover { background: #b5b6b8; border-radius: 5px; }*/ #form-error { display: none !important; } .not-active { pointer-events: none; cursor: default; } /* ARTICLE */ #article_container { position: relative; margin: 10px 20px; overflow-y: scroll; } .has-custom-page-scrollbar #article_container { position: relative; overflow: hidden; } #article_container .inner { padding: 0 20px 0 0; } #article_container h2 { font-size: 21px; line-height: 23px; color: #333333; font-weight: 400; border-bottom: 1px solid #adadae; padding: 0 0 10px; margin: 50px 0 15px; } #article_container h2:first-child { margin-top: 5px; } #article_container h3 { font-size: 17px; line-height: 19px; color: #333333; font-weight: 400; margin: 0 0 5px; } #article_container h4 { font-size: 13px; line-height: 15px; color: #333333; font-weight: 400; margin: 0 0 5px; } #article_container h6, #article_container h5 { font-size: 13px; line-height: 15px; color: #333333; font-weight: 400; margin: 0 0 5px; } #article_container a { color: #cc0033; } #article_container a:hover, #article_container a:active, #article_container a:focus { text-decoration: underline; } #article_container table { width: 100%; border-collapse: separate; } #article_container table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; line-height: 1; } #article_container thead th { color: #505152; font-weight: normal; font-family: Arial, sans-serif; line-height: 1; border-bottom: 1px solid #505152; padding: 2px 0 9px; } #article_container tbody th, #article_container tbody td { padding: 7px 0 9px; font-weight: normal; border-bottom: 1px solid #505152; } #article_container tbody th { padding-left: 10px; } #article_container p, #article_container ul, #article_container ol, #article_container table, #article_container dl { margin: 0 0 20px; } #article_container dt { font-weight: normal; } #article_container ul { list-style: none; } #article_container ul li { padding: 0 0 0 20px; background: url(../images/css/li-dot-medium.png) no-repeat 0 7px; } #article_container ol { margin-left: 20px; list-style: decimal; } #article_container li ul, #article_container li ol { margin-top: 1em; } #article_container ul ol li { background: 0; padding-left: 0; } #article_container blockquote, #article_container blockquote * { font-style: italic; font-size: 20px; line-height: 24px; } #article_container blockquote p:last-child { margin: 0; } #article_container pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } #article_container abbr, #article_container acronym { border-bottom: 1px dotted #666; cursor: help; } #article_container sup, #article_container sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } #article_container sup { bottom: 1ex; } #article_container sub { top: .5ex; } #article_container strong { font-weight: 700; } /* SIDEBAR NAV */ #local_navigation { list-style: none; padding: 15px 0 0; z-index:100; } #local_navigation li { font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 200; margin: 0 0 2px; } #local_navigation li.active { background: url(../images/css/local-nav-selected.gif) no-repeat 0 0; } #local_navigation li.active a { color: #cc0033; } #local_navigation li.current { background: url(../images/css/local-nav-selected.gif) no-repeat 0 0; } #local_navigation li.current a { color: #cc0033; } #local_navigation a { color: #797979; display: block; padding: 5px 5px 5px 20px; } #local_navigation a:hover { color: #cc0033; background: transparent; } .device-tablet #local_navigation a:hover { color: #797979; } .device-tablet #local_navigation li.active a, .device-tablet #local_navigation li.current a { color: #cc0033; } #pageReport #local_navigation { border-bottom: 1px solid #adadae; z-index:100;} #linkUserGuidDownload { color: #333333; font: inherit; } #linkUserGuidDownload:hover { color: #cc0033; } .orange-skin #linkUserGuidDownload:hover { color: #f69f1a; } .blue-skin #linkUserGuidDownload:hover { color: #0c46b8; } .yellow-skin #linkUserGuidDownload:hover { color: #ffdd00; } .scarlet-skin #linkUserGuidDownload:hover { color: #D60019; } .miller-skin #linkUserGuidDownload:hover { color: #A00B15; } #linkUserGuidDownload2 { color: #333333; font: inherit; } #linkUserGuidDownload2:hover { color: #cc0033; } .orange-skin #linkUserGuidDownload2:hover { color: #f69f1a; } .blue-skin #linkUserGuidDownload2:hover { color: #0c46b8; } .yellow-skin #linkUserGuidDownload2:hover { color: #ffdd00; } .scarlet-skin #linkUserGuidDownload2:hover { color: #D60019; } .miller-skin #linkUserGuidDownload2:hover { color: #A00B15; } #h3UserGuideText, #h3UserGuideText2, #h3UnivCodeInfoTest { font-size: 20px; line-height: 24px; margin: 30px 20px 0px 20px; color: #333333; font-weight: 400; } /* CHART LEGEND */ #chart-container { padding: 5px 0 0; float: left; width: 45%; height: 100%; max-height: 260px; } #chart-container canvas { padding: 0; margin: 0; width: 95%; display: inline-block; } #chart-container img { display: block; max-width: 100%; max-height: 100%; position: relative; left: 20px; } #chart_legend { float: right; width: 51%; list-style: none; padding: 0; } .browser-ie7 #chart_legend { width: 47%; } #chart_legend li { font-size: 18px; line-height: 16px; font-weight: 400; color: #333; margin: 5px; } #chart_legend li span { font-weight: 400; font-size: 18px; margin: 0px; padding: 10px 5px 10px 0px; } #chart_legend span.color { width: 30px; height: 43px; overflow: hidden; display: inline-block; position: relative; top: 15px; left: -12px;} #chart_legend span.value { display: inline-block; margin: 0 4px 0 0; } #chart_legend img {} #chart_legend a { color: #333; } #chart-and-legend { padding: 10px 0; background: url(../images/css/summary-chart-divider-600.gif) no-repeat 50% 0; } #chart-and-legend-inner { margin: 0; overflow: auto; } .has-custom-page-scrollbar #chart-and-legend-inner { overflow: hidden; position: relative; } .browser-ie7 #chart-and-legend-inner { position: relative; } #chart_legend li span.dashboard-legend-item { background:url(../images/css/dashboard-button.png) no-repeat top left; margin: 0px 12px 0px 12px; } #chart_legend li span.dashboard-legend-item:hover { background:url(../images/css/dashboard-button-hover.png) no-repeat top left; margin: 0px 12px 0px 12px; cursor: pointer; } /* SHIPPING */ #print-or-finalize { list-style: none; margin: 0; padding: 0; } #print-or-finalize li { width: 90px; float: left; overflow: hidden; border-left: 1px solid #adadae; border-bottom: 1px solid #adadae; text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: 300; } #print-or-finalize li:first-child { border-left: 0; width: 90px; } #print-or-finalize a { display: block; padding: 17px 0 13px; color: #797979; } #print-or-finalize a:hover { color: #cc0033; } #print-or-finalize #linkPageCounter { cursor: default !important; pointer-events: none !important; } #print-or-finalize #linkPageCounter:hover { color: #797979 !important; } #print-or-finalize li a { padding-left: 12px; /*background: url(../images/css/icon-finalize-small-red.png) no-repeat 65px 21px;*/ } #print-or-finalize li:first-child a { padding-left: 21px; /*background: url(../images/css/icon-print-small-red.png) no-repeat 58px 20px;*/ } .orange-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-orange.png);*/ } .orange-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-orange.png);*/ } .gray-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-gray.png);*/ } .gray-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-gray.png);*/ } .blue-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-blue.png);*/ } .blue-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-blue.png);*/ } .yellow-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-yellow.png);*/ } .yellow-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-yellow.png);*/ } .scarlet-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-scarlet.png);*/ } .scarlet-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-scarlet.png);*/ } #print-or-finalize li a:hover { background-position: 65px -58px; } #print-or-finalize li:first-child a:hover { background-position: 58px -58px; } .platform-mac.browser-firefox #print-or-finalize li a, .browser-firefox-31 #print-or-finalize li a { background-position: 65px 22px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a, .browser-firefox-31 #print-or-finalize li:first-child a { background-position: 58px 21px; } .platform-mac.browser-firefox #print-or-finalize li a:hover, .browser-firefox-31 #print-or-finalize li a:hover { background-position: 65px -57px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a:hover, .browser-firefox-31 #print-or-finalize li:first-child a:hover { background-position: 58px -57px; } .browser-ie7 #print-or-finalize li:first-child { width: 88px; } #report-questions { padding: 30px 0 0; } #question-form-wrapper { margin: 0 0px 10px 20px; overflow: auto; } .has-custom-page-scrollbar #question-form-wrapper { overflow: hidden; position: relative; } #finalize-form-wrapper { overflow-y: auto; overflow-x: hidden; margin: 10px 20px 10px; } .has-custom-page-scrollbar #finalize-form-wrapper { overflow: hidden; position: relative; } .browser-ie7 #finalize-form-wrapper { position: relative; } .questions-form { border-top: 1px solid #adadae; padding: 0; margin: 0; } .questions-form .question { border-bottom: 1px solid #adadae; } .questions-form .question-intro { padding: 0 0 14px 0px; } .not-applicable-comment { display: none !important; } .add-note-to-comment { color: #999; font-size: 16px; cursor: pointer; display: inline-block; } .questions-form .question-textarea .div-not-applicable { margin-top: 10px; } .questions-form .marked-not-applicable .div-not-applicable { margin-top: 0px !important; } .questions-form .question-textarea div .label-not-applicable { padding-right: 15px; padding-bottom: 2px; float: right; min-width: 50px; font-size: 12px; margin-top: -25px; margin-right: 26px; background-image: url('../images/css/na_x_button.png'); background-repeat: no-repeat; background-position: 100% 58%; background-size: 10px; } /*.questions-form .marked-not-applicable div .label-not-applicable { margin-top: -36px; background-image: url('../images/css/na_down_arrow.png'); background-size: 20px; }*/ .questions-form .marked-not-applicable div .label-not-applicable { margin-top: -36px; width: 130px; font-size: 14px; background-image: url('../images/css/na_down_arrow.png'); background-size: 20px; background-position: 100% 70%; } .question-not-applicable-color { color: #999 !important; margin: 8px 0px 0px 0px !important; } .hidden-h2-for-question-collapse { display: none; } .questions-form .marked-not-applicable .question-intro .hidden-h2-for-question-collapse { display: block !important; } .questions-form .question h2 { font-size: 16px; line-height: 18px; font-weight: 400; float: none; padding: 5px 0 0; margin: 20px 0 10px; width: auto; } .questions-form .question h2 span { display: block; font-size: 14px; line-height: 16px; padding: 5px 0 0; } .questions-form .question label { color: #999; font-size: 16px; line-height: 20px; font-weight: 400; padding-top: 4px; cursor: pointer; } .questions-form .question label.label-2 { color: #333; } .questions-form .question label.label-1 { display: none; } .questions-form .question label.label-2 { display: none; } .questions-form .question label.universal-label { color: #333; margin-left: 10px; float: left; } .questions-form .expanded-question label.label-1 { color: #333; } .questions-form .expanded-question label.label-2 { color: #999; } .questions-form .question .toggle { width: 78px; height: 28px; overflow: hidden; background: url(../images/css/yes-no-bkg.png) no-repeat 0 0; float: left; margin: 0; outline: 0; } .questions-form .expanded-question .toggle { background-position: 0 100%; } .questions-form .expanded-question .sub-question .toggle { background-position: 0 0; } .questions-form .question .yes-no { float: left; margin: 10px 0 0; } .questions-form .question .yes-no label { white-space: nowrap; } .questions-form .question .yes-no .yes { float: left; } .questions-form .question .yes-no .no { float: right; } .questions-form .question .yes-no input { position: absolute; top: 0; left: -9999px; } .browser-ie7 .questions-form .question .yes-no .no { float: left; } .browser-chrome .yes-no { position: relative; } .browser-ie8 .no-yes, .browser-ie8 .yes-no { width: 100%; } .questions-form .question .no-yes { float: left; margin: 10px 0 0; } .questions-form .question .no-yes label { white-space: nowrap; } .questions-form .question .no-yes .no { float: left; } .questions-form .question .no-yes .yes { float: right; } .questions-form .question .no-yes input { position: absolute; top: 0; left: -99999px; } .browser-ie7 .questions-form .question .no-yes .yes { float: left; } .browser-chrome .no-yes { position: relative; } .questions-form .question-content { margin: 0 0 15px 0; display: none; } .questions-form .upload-photos { margin: 10px 0 0 0; } .questions-form .upload-photos-add { float: right; width: 120px; margin: 10px 5px 0 0; overflow: hidden; cursor: pointer; } .questions-form .upload-photos-list { float: right; position: relative; overflow: hidden; padding: 10px 0 0; width: 183px; margin: 0 5px 0 0; } .questions-form .upload-photos-list-inner { margin: 0 0 0 auto; } .image-thumbnnails-no .questions-form .upload-photos-list { height: 93px; } .image-thumbnnails-no .questions-form .has-perfect-scrollbar .upload-photos-list { height: 105px; } .image-thumbnnails-yes .questions-form .has-perfect-scrollbar .upload-photos-list-inner { height: 93px; } .questions-form .has-five-photos .upload-photos-list-inner { margin: 0; } .questions-form .has-five-photos .upload-photos-list { width: 309px; } .questions-form .upload-photos-list .uploaded-thumbnail { float: left; width: 107px; height: 80px; border-radius: 0; margin: 0 15px 0 0; padding: 0; position: relative; } .questions-form .upload-photos-list .uploaded-thumbnail-title { float: left; width: 117px; height: 20px; padding: 60px 0 0; border-radius: 0; margin: 0 20px 0 0; position: relative; } .questions-form .upload-photos-list .uploaded-thumbnail-title p { font-size: 12px; line-height: 14px; font-weight: 600; padding: 2px 0 4px 10px; background: url(../images/css/uploaded-thumbnail-title.png) repeat-x 100% 50%; } .questions-form .upload-photos-list .uploaded-thumbnail-title .remove-photo { top: auto; bottom: -20px; } .questions-form .upload-photos-list .remove-photo { width: 20px; height: 20px; display: block; background: url(../images/css/remove-photo.png) no-repeat 0 0; position: absolute; top: -10px; right: -10px; z-index: 100; overflow: hidden; } .questions-form .actions { padding: 25px 20px 20px 0; } .questions-form .actions #previous-link { float: left; } .questions-form .actions input { float: right; } .questions-form .rounded-corners { padding: 5px 0 5px; background: url(../images/css/question-content-bottom-600.gif) no-repeat 0 100%; width: 320px; margin: 0; overflow: hidden; } .questions-form .rounded-corners-inner { background: url(../images/css/question-content-top-600.gif) no-repeat 0 0; padding: 0 1px 1px; } .questions-form .comment-wrapper {} .questions-form .comment-wrapper textarea { color: #999; font-size: 18px; line-height: 20px; font-weight: 400; height: 95px; overflow: auto; display: block; width: 319px; border: 0; background: transparent; padding: 8px 5px; resize: none; } .upload-photos .upload-photos-list .uploaded-thumbnail img { width: 107px; height: 80px; display:block; } /* AJAX FORM PLUGIN */ .ajax__fileupload_dropzone { display: none; } .ajax__fileupload_topFileStatus { display: none; } .ajax__fileupload_queueContainer { display: none; } div.ajax__fileupload { position: relative; } .ajax__fileupload .ajax__fileupload_uploadbutton { display: none; } div.ajax__fileupload, .upload-photos-add > div { width: 120px; height: 80px; width: 120px; height: 80px; overflow: hidden; padding: 0 !important; border: 0 none !important; } span.ajax__fileupload_selectFileContainer { background: url(../images/css/add-photo-red.png) no-repeat 0 0; width: 120px; height: 80px; } .orange-skin span.ajax__fileupload_selectFileContainer { background-image: url(../images/css/add-photo-orange.png); } .gray-skin span.ajax__fileupload_selectFileContainer { background-image: url(../images/css/add-photo-gray.png); } .blue-skin span.ajax__fileupload_selectFileContainer { background-image: url(../images/css/add-photo-blue.png); } .yellow-skin span.ajax__fileupload_selectFileContainer { background-image: url(../images/css/add-photo-yellow.png); } .scarlet-skin span.ajax__fileupload_selectFileContainer { background-image: url(../images/css/add-photo-scarlet.png); } span.ajax__fileupload_selectFileContainer input { font-size: 100px; line-height: 100px; margin: 0; position: relative; top: -20px; cursor: pointer; } .html5-upload-yes span.ajax__fileupload_selectFileContainer input { opacity: 0 !important; font-size: 100px; line-height: 100px; margin: 0; position: relative; top: -20px; cursor: pointer !important; left: -1000px; outline: none; height: auto !important;} .html5-upload-yes.browser-ie11 span.ajax__fileupload_selectFileContainer input { font-size: 100px; line-height: 100px; margin-left: -200px; } span.ajax__fileupload_selectFileContainer span.ajax__fileupload_selectFileButton { display: none; } .ajax__fileupload_footer { display: none; } /* IE */ .browser-ie7 .ajax__fileupload_selectFileContainer input.last-child, .browser-ie8 .ajax__fileupload_selectFileContainer input.last-child, .html5-upload-no .ajax__fileupload_selectFileContainer input:last-child { opacity: 0 !important; font-size: 100px; line-height: 100px; margin: 0; position: relative; top: -20px !important; cursor: pointer; left: -1300px !important; top: 0 !important; height: 80px !important; } .browser-ie7 .ajax__fileupload_selectFileContainer input.last-child, .browser-ie8 .ajax__fileupload_selectFileContainer input.last-child { font-size: 100px; line-height: 100px; position: absolute !important; z-index: 100 !important; left: auto !important; right: 0 !important; height: 80px !important; top: 0 !important; } /* SUBQUESTIONS */ .questions-form .has-subquestions.question { } .questions-form .has-subquestions.expanded-question { } .questions-form .has-subquestions.expanded-question { border-bottom: 0; } .questions-form .has-subquestions.expanded-question .question-intro { border-bottom: 1px solid #adadae } .questions-form .has-subquestions.expanded-question .sub-questions-list { border-top: 0; } .questions-form .sub-questions-list { border-top: 1px solid #adadae; padding-left: 10px; width: 320px; overflow: hidden; } .questions-form .sub-question { border-bottom: 0; background: url(../images/css/horizonzal-dots.gif) repeat-x 0 100%; padding: 0 0 1px; } .questions-form .sub-question h3 { font-size: 14px; line-height: 18px; font-weight: 400; padding: 5px 0 0; margin: 10px 0 0; color: #666; width: auto; } .questions-form .sub-question .yes-no { margin: 10px 0 0; float: left; } .questions-form .sub-question .no-yes { float: left; } .questions-form .sub-question .sub-question-content { } .questions-form .sub-question .sub-question-intro { padding: 0 0px 11px 0px; } .questions-form .sub-question-content { /*width: 750px; */ margin: 0 0 15px 20px; } .questions-form .sub-question-content-inner { } .dropdown-list .dropdown .rounded-corners, .questions-form .sub-question-content .rounded-corners { padding: 5px 0 5px; background: url(../images/css/sub-question-content-bottom-600.gif) no-repeat 0 100%; width: 310px; overflow: hidden; } .dropdown-list .dropdown .rounded-corners-inner, .questions-form .sub-question-content .rounded-corners-inner { background: url(../images/css/sub-question-content-top-600.gif) no-repeat 0 0; padding: 0 1px 1px; } .questions-form .sub-question .sub-question-content { margin: 0 0 15px 0; display: none; } .dropdown-list .dropdown .rounded-corners-inner textarea, .questions-form .sub-question .sub-question-content-inner textarea { width: 310px; resize: none; } .dropdown-list .batter-comments-and-photos { display: none; } .questions-form .expanded-question .sub-question label.label-1 { color: #999; } .questions-form .expanded-question .sub-question label.label-2 { color: #333; } .questions-form .sub-question.expanded-sub-question label.label-1 { color: #333; } .questions-form .sub-question.expanded-sub-question label.label-2 { color: #999; } .questions-form .sub-question.expanded-sub-question .toggle { background-position: 0 100%; } /* subquestions upload list spacing */ .questions-form .dropdown-list .upload-photos-list, .questions-form .sub-question .upload-photos-list { width: 174px; margin: 0 5px 0 0; } .questions-form .dropdown-list .upload-photos-list-inner, .questions-form .sub-question .upload-photos-list-inner { margin: 0 0 0 auto; } .questions-form .dropdown-list .has-five-photos .upload-photos-list-inner, .questions-form .sub-question .has-five-photos .upload-photos-list-inner { margin: 0; } .questions-form .dropdown-list .has-five-photos .upload-photos-list, .questions-form .sub-question .has-five-photos .upload-photos-list { width: 299px; } /* dropdown LIST */ .dropdown-list { } .dropdown-list .dropdown { background: url(../images/css/dotted-line-divider.gif) repeat-x 0 0; padding: 10px 0 10px 9px; } .dropdown-list .dropdown:first-child { background: 0; padding-top: 3px; } .dropdown-list .dropdown label { float: left; font-size: 16px; line-height: 20px; color: #666; width: 80px; overflow: hidden; padding-top: 15px;} .dropdown-list .dropdown select { float: left; font-size: 16px; line-height: 20px; color: #666; width: 200px; margin-top: 15px;} .platform-mac.browser-firefox .dropdown-list .dropdown select { position: relative; top: 2px; } .platform-mac.browser-chrome .dropdown-list .dropdown select { position: relative; top: 2px; } .browser-safari .dropdown-list .dropdown select { position: relative; top: 5px; } .device-ipad .dropdown-list .dropdown select { position: relative; top: -2px; } .device-ipad-ios7 .dropdown-list .dropdown select { position: relative; top: 0; } .dropdown-list .dropdown .rounded-corners { margin-left: 0; margin-top: 15px; } .questions-form .question-dropdowns .question-content { background: 0; padding: 5px 0 15px; margin: 0; width: auto; } .questions-form .question-dropdowns .question-content-inner { background: 0; padding: 0 1px 1px; } /* SLIDER */ .slider-wrapper { margin: 0; position: relative; padding: 95px 0px 20px 10px; width: 310px; } .slider-wrapper .ui-slider { border: 0; background: #ecf0f1; padding: 0; } .slider-wrapper .ui-slider-range { background: #d9607f; } .orange-skin .slider-wrapper .ui-slider-range { background: #f69f1a; } .gray-skin .slider-wrapper .ui-slider-range { background: #b5b6b8; } .blue-skin .slider-wrapper .ui-slider-range { background: #0c46b8; } .yellow-skin .slider-wrapper .ui-slider-range { background: #ffdd00; } .scarlet-skin .slider-wrapper .ui-slider-range { background: #d60019; } .miller-skin .slider-wrapper .ui-slider-range { background: #A00B15; } #layout .slider-wrapper .ui-slider-handle { border: 0; color: red; border-radius: 0 !important; z-index: 100; outline: none; width: 19px; height: 19px; margin-left: -10px; top: -4px; background: url(../images/css/slider-handle-red.png) no-repeat 0 0; } .orange-skin #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-orange.png); } .gray-skin #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-gray.png); } .blue-skin #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-blue.png); } .yellow-skin #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-yellow.png); } .scarlet-skin #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-scarlet.png); } .device-tablet #layout .slider-wrapper .ui-slider-handle { width: 31px; height: 31px; margin-left: -15px; top: -11px; background: url(../images/css/slider-handle-large-red.png) no-repeat 0 0; } .orange-skin.device-tablet #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-large-orange.png); } .gray-skin.device-tablet #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-large-gray.png); } .blue-skin.device-tablet #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-large-blue.png); } .yellow-skin.device-tablet #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-large-yellow.png); } .scarlet-skin.device-tablet #layout .slider-wrapper .ui-slider-handle { background-image: url(../images/css/slider-handle-large-scarlet.png); } .slider-wrapper .slider-label { background: url(../images/css/slider-divider.gif) no-repeat 0 100%; width: 1px; height: 55px; position: absolute; top: -32px; z-index: 50; } .slider-wrapper .slider-label span { font-size: 12px; line-height: 15px; text-transform: uppercase; width: 50px; position: absolute; top: 0; left: -25px; text-align: center; } .slider-wrapper .slider-label-low { left: 16.44204851%; } .slider-wrapper .slider-label-full { left: 83.15363881%; } .slider-wrapper .ie-corner-left, .slider-wrapper .ie-corner-right { width: 4px; height: 12px; position: absolute; top: 0; z-index: 10; display: none; } .browser-ie7 .slider-wrapper .ie-corner-left, .browser-ie7 .slider-wrapper .ie-corner-right, .browser-ie8 .slider-wrapper .ie-corner-left, .browser-ie8 .slider-wrapper .ie-corner-right { display: block; } .slider-wrapper .ie-corner-left { background: url(../images/css/slider-corner-left-red.png) no-repeat 0 0; left: 0; } .slider-wrapper .ie-corner-right { background: url(../images/css/slider-corner-right-red.png) no-repeat 0 0; right: 0; } .orange-skin .slider-wrapper .ie-corner-left { background-image: url(../images/css/slider-corner-left-orange.png); } .orange-skin .slider-wrapper .ie-corner-right { background-image: url(../images/css/slider-corner-right-orange.png); } .gray-skin .slider-wrapper .ie-corner-left { background-image: url(../images/css/slider-corner-left-gray.png); } .gray-skin .slider-wrapper .ie-corner-right { background-image: url(../images/css/slider-corner-right-gray.png); } .blue-skin .slider-wrapper .ie-corner-left { background-image: url(../images/css/slider-corner-left-blue.png); } .blue-skin .slider-wrapper .ie-corner-right { background-image: url(../images/css/slider-corner-right-blue.png); } .yellow-skin .slider-wrapper .ie-corner-left { background-image: url(../images/css/slider-corner-left-yellow.png); } .yellow-skin .slider-wrapper .ie-corner-right { background-image: url(../images/css/slider-corner-right-yellow.png); } .scarlet-skin .slider-wrapper .ie-corner-left { background-image: url(../images/css/slider-corner-left-scarlet.png); } .scarlet-skin .slider-wrapper .ie-corner-right { background-image: url(../images/css/slider-corner-right-scarlet.png); } .slider-text { padding: 0px 0px 30px 0px; margin: 0; vertical-align: top; } /* SPINNER */ .questions-form .spinner-wrapper { margin: 20px 0 10px 0px; } .questions-form .spinner-wrapper label { font-size: 16px; line-height: 20px; color: #737373; float: left; margin: 0 10px 0 0; } .questions-form .spinner-wrapper input { float: left; width: 70px; } .browser-ie9 .questions-form .spinner-wrapper input { line-height: 20px; } .label-for-number-input { float: left; margin-top: 20px; } .number-input-question { margin: 20px 10px 0px 10px; width: 136px; color: #333; } .has-placeholder { color: #999 !important; } .label-for-spinner { margin-right: 5px; margin-bottom: 10px; } /* FOOTER */ footer { background: #313335; padding: 4px 0 6px; } footer #choose-language { margin: 4px 0 0 20px; } footer #choose-language p { font: 10px/14px Arial, sans-serif; } footer #choose-language p a { color: #fff; background: url(../images/css/footer-language-arrow.gif) no-repeat 0 50%; padding: 0 0 0 10px; } footer #choose-language ul { list-style: none; display: none;} footer #choose-language li { font: 10px/14px Arial, sans-serif; } footer #choose-language li a { color: #fff; } footer #copyright { font: 10px/14px Arial, sans-serif; color: #ccc; text-align: center; padding: 5px 0 0; } footer #footer-links { list-style: none; margin: 0; padding: 0; white-space: nowrap; } footer #footer-links li { display: inline-block; font: 10px/14px Arial, sans-serif; background: url(../images/css/footer-links-divider.gif) no-repeat 0 50%; margin: 0 0 0 2px; padding: 0 0 0 5px; } footer #footer-links li:first-child { background: 0; } footer #footer-links a { color: #fff; } footer #footer-links a:hover { color: #cc0033; } .serial-search-input { background: #cc0033; } #serial_search_div { background: #cc0033; } .yellow-skin #serial_search_div { background: #ffdd00; } .blue-skin #serial_search_div { background: #0c46b8; } .orange-skin #serial_search_div { background: #f69f1a; } .gray-skin #serial_search_div { background: #b5b6b8; } .scarlet-skin #serial_search_div { background: #d60019; } .miller-skin #serial_search_div { background: #A00B15; } #serial_search_div h1 { display: inline-block !important; width: 50% !important; } #serial_search_div #serial_search_inner_div { display: inline-block; float: right; position: relative; } #serial_search_div #serial_search_inner_div input { font-size: 14px; color:#333; margin: 23px 0 23px 23px; } #serial_search_div #serial_search_inner_div img { margin: 4px 2px 5px 2px; } #serial_search_div #serial_search_inner_div a { background-color: #660019; margin: 0 0 0 5px; padding: 5px; border-radius: 6px; } .yellow-skin #serial_search_div #serial_search_inner_div a { background-color: #7f6900; } .blue-skin #serial_search_div #serial_search_inner_div a { background-color: #05235c; } .orange-skin #serial_search_div #serial_search_inner_div a { background-color: #734709; } .gray-skin #serial_search_div #serial_search_inner_div a { background-color: #303335; } .scarlet-skin #serial_search_div #serial_search_inner_div a { background-color: #6a000c; } .scarlet-skin #serial_search_div #serial_search_inner_div a { background-color: #000; } .miller-skin #serial_search_div #serial_search_inner_div a { background-color: #A00B15; } #labelShowAllEquipment { vertical-align: text-top; color: #cc0033; } .yellow-skin #labelShowAllEquipment { color: #333333; } .blue-skin #labelShowAllEquipment { color: #0c46b8; } .orange-skin #labelShowAllEquipment { color: #f69f1a; } .gray-skin #labelShowAllEquipment { color: #333333; } .scarlet-skin #labelShowAllEquipment { color: #d60019; } .miller-skin #labelShowAllEquipment { color: #A00B15; } #checkboxShowAllEquipment { margin-left: 160px; z-index: 1000} #colWithSearchAllEquipment { right: 80px; bottom: 2px; z-index: 1000} #labelShowAllEquipment { font-weight: 500; } @media (min-width: 400px){ .visibility-days { background: url(../images/ic_calendar.png) no-repeat center; background-origin: content-box; background-position-y: -10px; background-size: 32px; } } @media (min-width: 768px) { .visibility-days { background: url(../images/ic_calendar.png) no-repeat center; background-origin: content-box; background-position-y: -10px; background-size: 32px; } #pageReport main, #pageHelp main, #pageFinalize main { width: 470px; } #pageReport aside, #pageHelp aside, #pageFinalize aside { width: 250px; } #pageReport #content, #pageHelp #content, #pageFinalize #content { background: #fff url(../images/css/aside-768-bkg.gif) repeat-y 0 0; } #checkboxShowAllEquipment { margin-left: 110px; z-index: 1000} #colWithSearchAllEquipment { right: 55px; z-index: 1000} /* HEADER PART */ #local_navigation li { font-size: 16px; line-height: 18px; margin: 0 0 12px; } #local_navigation a { padding: 5px 10px 5px 23px; } #product-info p { font-size: 16px; line-height: 20px; } #report-more-link a { font-size: 16px; line-height: 20px; } #technician-info p { font-size: 16px; line-height: 20px; } header #logo { left: -5px; } .orange-skin header #logo { left: 20px; } .gray-skin header #logo { left: 20px; } .blue-skin header #logo { left: 17px; } .yellow-skin header #logo { left: 17px; } .scarlet-skin header #logo { left: 17px; } header #logout-link { margin-left: 0; } header #help-link { margin: 1px 20px 0 20px; } .browser-ie7 header #help-link { padding-right: 20px; } .device-ipad header #logout-link { margin-right: 5px; } #content aside h1 { font-size: 16px; line-height: 20px; padding: 15px 20px; text-align: left; } #print-or-finalize li { width: 125px; } #print-or-finalize li:first-child { width: 125px; } #print-or-finalize li a { padding-left: 25px; /*background: url(../images/css/icon-finalize-small-red.png) no-repeat 80px 21px;*/ } #print-or-finalize li:first-child a { padding-left: 37px; /*background: url(../images/css/icon-print-small-red.png) no-repeat 75px 20px;*/ } .orange-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-orange.png);*/ } .orange-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-orange.png);*/ } .gray-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-gray.png);*/ } .gray-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-gray.png);*/ } .blue-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-blue.png);*/ } .blue-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-blue.png);*/ } .yellow-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-yellow.png);*/ } .yellow-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-yellow.png);*/ } .scarlet-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-scarlet.png);*/ } .scarlet-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-scarlet.png);*/ } #print-or-finalize li a:hover { background-position: 80px -58px; } #print-or-finalize li:first-child a:hover { background-position: 75px -58px; } .platform-mac.browser-firefox #print-or-finalize li a, .browser-firefox-31 #print-or-finalize li a { background-position: 80px 22px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a, .browser-firefox-31 #print-or-finalize li:first-child a { background-position: 75px 21px; } .platform-mac.browser-firefox #print-or-finalize li a:hover, .browser-firefox-31 #print-or-finalize li a:hover { background-position: 80px -57px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a:hover, .browser-firefox-31 #print-or-finalize li:first-child a:hover { background-position: 75px -57px; } .browser-ie7 #print-or-finalize li { width: 124px; } .browser-ie7 #print-or-finalize li:first-child { width: 124px; } /* ARTICLE STYLE */ #article_container h2 { font-size: 24px; line-height: 26px; padding: 0 0 10px; margin: 50px 0 20px; } #article_container h2:first-child { margin-top: 5px; } #article_container h3 { font-size: 20px; line-height: 22px; margin: 0 0 10px; } #article_container h4 { font-size: 16px; line-height: 18px; margin: 0 0 10px; } #article_container h6, #article_container h5 { font-size: 16px; line-height: 18px; margin: 0 0 10px; } /* SUMMARY */ #pageEquipment #secondary-navigation h2 { font-size: 22px; line-height: 24px; padding: 12px 20px; } #chart_legend li { font-size: 16px; line-height: 24px; } #chart-and-legend { background: url(../images/css/summary-chart-divider-768.gif) no-repeat 50% 0; } #chart-container { width: 47%; height: 100%; max-height: 350px; } #chart_legend { width: 46%; } /* RATE PRODUCT QUALITY */ #rate-product-quality { margin: 0 0 0 30px; width: 350px; } #rate-product-quality .radio-elements-container { width: 470px; padding: 0 0 0 20px; background: url(../images/css/rate-product-quality-768.gif) no-repeat 0 0; } #rate-product-quality .textarea-field { width: auto; } #rate-product-quality .radio-elements-container .field { float: left; width: 70px; position: relative; height: 85px; padding: 8px 0 0; } #rate-product-quality .textarea-field { background: url(../images/css/textarea-bottom-350.gif) no-repeat 0 100%; width: 350px; } #rate-product-quality .textarea-field .inner { background: url(../images/css/textarea-top-350.gif) no-repeat 0 0; padding: 6px 5px 0; } #rate-product-quality .textarea-field textarea { width: 338px; } #rate-product-quality .radio-elements-container label { margin-left: -55px; } #rate-product-quality .actions { width: 350px; } #rate-product-quality .radio-elements-container #field-1 { width: 70px; } #rate-product-quality .radio-elements-container #field-2 { width: 70px; } #rate-product-quality .radio-elements-container #field-3 { width: 70px; } #rate-product-quality .radio-elements-container #field-4 { width: 70px; } #rate-product-quality .radio-elements-container #field-4 label { margin-left: -55px; } #rate-product-quality .radio-elements-container #field-5 { width: 70px; } #rate-product-quality .radio-elements-container #field-5 label { margin-left: -55px; width: 100px; } /* TABLES */ #layout #table-equipment-list-container {} #layout #table-equipment-list-container .product-line { width: 125px !important; } #layout #table-equipment-list-container .model-number { width: 125px !important; } #layout #table-equipment-list-container .serial-number { width: 110px !important; } #layout #table-equipment-list-container .dar-status { width: 110px !important; } #layout #table-equipment-list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table-equipment-list-container .product-line { width: 125px !important; } #layout #table_archived_list-container {} #layout #table_archived_list-container .product-line { width: 120px !important; } #layout #table_archived_list-container .model-number { width: 120px !important; } #layout #table_archived_list-container .serial-number { width: 120px !important; } #layout #table_archived_list-container .share { width: 50px !important; } #layout #table_archived_list-container .print { width: 50px !important; } #layout #table_archived_list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table_archived_list-container .product-line { width: 120px !important; } .table-filter .filter-by-string { width: 95px; } .table-filter .filter-by-status { width: 110px; } .table-filter .filter-by-ship-date { width: 105px; } #table-equipment-list-container #filter-by-model { margin: 0 0 0 150px; } #table-equipment-list-container #filter-by-serial { margin: 0 0 0 48px; } .device-ipad #table-equipment-list-container #filter-by-serial { margin-left: 55px; } #table-equipment-list-container #filter-by-status { margin: 0 0 0 47px; } .browser-safari-6 #table-equipment-list-container #filter-by-status, .browser-ie11 #table-equipment-list-container #filter-by-status, .browser-ie9 #table-equipment-list-container #filter-by-status, .browser-ie10 #table-equipment-list-container #filter-by-status, .browser-ie8 #table-equipment-list-container #filter-by-status, .browser-chrome #table-equipment-list-container #filter-by-status { margin: 0 0 0 50px; } #table-equipment-list-container #filter-by-date { margin: 0 0 0 35px; } .browser-ie7 #table-equipment-list-container #filter-by-model { margin-left: 150px; } .browser-ie7 #table-equipment-list-container #filter-by-status { margin-left: 50px; } #table_archived_list-container #filter-by-model { margin: 0 0 0 145px; } #table_archived_list-container #filter-by-serial { margin: 0 0 0 45px; } #table_archived_list-container #filter-by-date { margin: 0 0 0 180px; } .browser-chrome #table_archived_list-container #filter-by-date { margin: 0 0 0 190px; } .table-filter .filter-by-string .field { width: 120px; left: -55px; } .table-filter .filter-by-string input { width: 114px; } #ui-datepicker-div.ui-datepicker { margin: -8px 0 0 0px; } #nothing-found-message h4 { font-size: 25px; line-height: 30px; } footer .first-col, footer .middle-col, footer .last-col { width: 33.3333%; float: left; text-align: left; } footer #footer-links { text-align: right; margin: 0 20px 0 -20px; } /* FORMS */ .questions-form .question .toggle { margin: 0 11px; } .questions-form .question label.label-1 { display: block; } .questions-form .question label.label-2 { display: block; } .questions-form .question label.universal-label { display: none; } .browser-ie8 .no-yes, .browser-ie8 .yes-no { width: auto; } .questions-form .rounded-corners { background: url(../images/css/question-content-bottom-768.gif) no-repeat 0 100%; width: 400px; } .questions-form .rounded-corners-inner { background: url(../images/css/question-content-top-768.gif) no-repeat 0 0; } .questions-form .comment-wrapper {} .questions-form .comment-wrapper textarea { width: 399px; } .questions-form .sub-questions-list { padding-left: 20px; width: 400px; } .dropdown-list .dropdown .rounded-corners, .questions-form .sub-question-content .rounded-corners { background: url(../images/css/sub-question-content-bottom-768.gif) no-repeat 0 100%; width: 380px; } .dropdown-list .dropdown .rounded-corners-inner, .questions-form .sub-question-content .rounded-corners-inner { background: url(../images/css/sub-question-content-top-768.gif) no-repeat 0 0; } .dropdown-list .dropdown .rounded-corners-inner textarea, .questions-form .sub-question .sub-question-content-inner textarea { width: 380px; } .questions-form .question-dropdowns .question-content { margin: 0 0 0 10px; } .slider-wrapper { width: 374px; } /* questions upload list spacing */ .questions-form .upload-photos-list { width: 264px; } .questions-form .has-five-photos .upload-photos-list { width: 389px; } /* subquestions upload list spacing */ .questions-form .dropdown-list .upload-photos-list, .questions-form .sub-question .upload-photos-list { width: 244px; margin: 0 5px 0 0; } .questions-form .dropdown-list .upload-photos-list-inner, .questions-form .sub-question .upload-photos-list-inner { margin: 0 0 0 auto; } .questions-form .dropdown-list .has-five-photos .upload-photos-list-inner, .questions-form .sub-question .has-five-photos .upload-photos-list-inner { margin: 0; } .questions-form .dropdown-list .has-five-photos .upload-photos-list, .questions-form .sub-question .has-five-photos .upload-photos-list { width: 369px; } } @media (min-width: 992px) { .visibility-days { background: url(../images/ic_calendar.png) no-repeat center; background-origin: content-box; background-position-y: -18px; background-size: 45px; } header #logo { left: 25px; } .orange-skin header #logo { left: 45px; } .gray-skin header #logo { left: 45px; } .blue-skin header #logo { left: 40px; } .yellow-skin header #logo { left: 40px; } .scarlet-skin header #logo { left: 40px; } #pageReport main, #pageHelp main, #pageFinalize main { width: 658px; } #pageReport aside, #pageHelp aside, #pageFinalize aside { width: 282px; } #pageReport #content, #pageHelp #content, #pageFinalize #content { background: #fff url(../images/css/aside-bkg.gif) repeat-y 0 0; } #checkboxShowAllEquipment { margin-left: 40px; z-index: 1000} /* SUMMARY */ #chart-and-legend { background: url(../images/css/summary-chart-divider-992.gif) no-repeat 50% 0; } #chart-container { width: 49%; height: 100%; max-height: 460px; } #chart_legend { width: 46%; } /* MISC */ #print-or-finalize li { width: 141px; } #print-or-finalize li:first-child { width: 141px; } #print-or-finalize li a { padding-left: 28px; /*background: url(../images/css/icon-finalize-small-red.png) no-repeat 85px 21px;*/ } #print-or-finalize li:first-child a { padding-left: 40px; /*background: url(../images/css/icon-print-small-red.png) no-repeat 78px 20px;*/ } .orange-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-orange.png);*/ } .orange-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-orange.png);*/ } .gray-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-gray.png);*/ } .gray-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-gray.png);*/ } .blue-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-blue.png);*/ } .blue-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-blue.png);*/ } .yellow-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-yellow.png);*/ } .yellow-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-yellow.png);*/ } .scarlet-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-small-scarlet.png);*/ } .scarlet-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-small-scarlet.png);*/ } #print-or-finalize li a:hover { background-position: 85px -58px; } #print-or-finalize li:first-child a:hover { background-position: 78px -58px; } .platform-mac.browser-firefox #print-or-finalize li a, .browser-firefox-31 #print-or-finalize li a { background-position: 85px 22px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a, .browser-firefox-31 #print-or-finalize li:first-child a { background-position: 78px 21px; } .platform-mac.browser-firefox #print-or-finalize li a:hover, .browser-firefox-31 #print-or-finalize li a:hover { background-position: 85px -57px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a:hover, .browser-firefox-31 #print-or-finalize li:first-child a:hover { background-position: 78px -57px; } .browser-ie7 #print-or-finalize li { width: 139px; } .browser-ie7 #print-or-finalize li:first-child { width: 139px; } /* RATE PRODUCT QUALITY */ #rate-product-quality { width: 460px; margin: 0 0 0 68px; } #rate-product-quality .radio-elements-container { width: 510px; background: url(../images/css/rate-product-quality-1200.gif) no-repeat 0 0; } #rate-product-quality .textarea-field textarea { width: 450px; } #rate-product-quality .textarea-field { background: url(../images/css/textarea-bottom-460.gif) no-repeat 0 100%; width: auto; } #rate-product-quality .textarea-field .inner { background: url(../images/css/textarea-top-460.gif) no-repeat 0 0; } #rate-product-quality .radio-elements-container .field { width: 100px; padding: 8px 0 0; } #rate-product-quality .radio-elements-container label { font-size: 16px; line-height: 20px; width: 100px; margin-left: -85px; } #rate-product-quality .radio-elements-container #field-1 { width: 97px; } #rate-product-quality .radio-elements-container #field-2 { width: 97px; } #rate-product-quality .radio-elements-container #field-3 { width: 97px; } #rate-product-quality .radio-elements-container #field-4 { width: 97px; } #rate-product-quality .radio-elements-container #field-4 label { margin-left: -85px; } #rate-product-quality .radio-elements-container #field-5 { width: 97px; } #rate-product-quality .radio-elements-container #field-5 label { margin-left: -85px; width: 100px; } #rate-product-quality .actions { width: 460px; } /* TABLES */ #layout #table-equipment-list-container .product-line img { display: inline; } #layout #table_archived_list-container .product-line img { display: inline; } .pip-icon { position: relative; margin: -30px -15px 10px 5px !important; } /* TABLES */ #layout #table-equipment-list-container {} #layout #table-equipment-list-container .product-line { width: 220px !important; } #layout #table-equipment-list-container .model-number { width: 165px !important; } #layout #table-equipment-list-container .serial-number { width: 165px !important; } #layout #table-equipment-list-container .dar-status { width: 132px !important; } #layout #table-equipment-list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table-equipment-list-container .product-line { width: 220px !important; } #layout #table_archived_list-container {} #layout #table_archived_list-container .product-line { width: 220px !important; } #layout #table_archived_list-container .model-number { width: 145px !important; } #layout #table_archived_list-container .serial-number { width: 145px !important; } #layout #table_archived_list-container .share { width: 100px !important; } #layout #table_archived_list-container .print { width: 100px !important; } #layout #table_archived_list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table_archived_list-container .product-line { width: 220px !important; } #table-equipment-list-container #filter-by-model { margin: 0 0 0 245px; } #table-equipment-list-container #filter-by-serial { margin: 0 0 0 88px; } #table-equipment-list-container #filter-by-status { margin: 0 0 0 95px; } .device-ipad #table-equipment-list-container #filter-by-serial { margin-left: 95px; } .browser-safari-6 #table-equipment-list-container #filter-by-status, .browser-ie11 #table-equipment-list-container #filter-by-status, .browser-ie9 #table-equipment-list-container #filter-by-status, .browser-ie10 #table-equipment-list-container #filter-by-status, .browser-ie8 #table-equipment-list-container #filter-by-status, .browser-chrome #table-equipment-list-container #filter-by-status { margin: 0 0 0 100px; } #table-equipment-list-container #filter-by-date { margin: 0 0 0 70px; } .browser-ie7 #table-equipment-list-container #filter-by-model { margin-left: 245px; } .browser-ie7 #table-equipment-list-container #filter-by-status { margin-left: 100px; } #table_archived_list-container #filter-by-model { margin: 0 0 0 245px; } #table_archived_list-container #filter-by-serial { margin: 0 0 0 70px; } #table_archived_list-container #filter-by-date { margin: 0 0 0 290px; } .browser-chrome #table_archived_list-container #filter-by-date { margin: 0 0 0 295px; } .table-filter .filter-by-string { width: 95px; } .table-filter .filter-by-status { width: 110px; } .table-filter .filter-by-ship-date { width: 108px; } /* FORMS */ .questions-form .question h2 { float: left; font-size: 18px; line-height: 20px; width: 286px; } .questions-form .question .no-yes { margin: 20px 0 0; } .questions-form .question .yes-no { margin: 20px 0 0; } .questions-form .question-intro { padding-left: 20px; } .questions-form .rounded-corners { margin-left: 20px; } .questions-form .sub-questions-list { padding-left: 10px; } .questions-form .sub-question h3 { font-size: 16px; line-height: 20px; float: left; width: 330px; } .questions-form .sub-question .sub-question-intro { padding: 0 20px 11px 20px; } .questions-form .sub-question .yes-no { float: right; margin: 10px 0 0; } .questions-form .sub-question .no-yes { float: right; margin: 10px 0 0; } /* form override */ .questions-form .rounded-corners { background: url(../images/css/question-content-bottom-992.gif) no-repeat 0 100%; width: 483px; } .questions-form .rounded-corners-inner { background: url(../images/css/question-content-top-992.gif) no-repeat 0 0; } .questions-form .comment-wrapper {} .questions-form .comment-wrapper textarea { width: 482px; } .questions-form .sub-questions-list { padding-left: 10px; width: 544px; } .dropdown-list .dropdown .rounded-corners, .questions-form .sub-question-content .rounded-corners { background: url(../images/css/sub-question-content-bottom-992.gif) no-repeat 0 100%; width: 493px; } .dropdown-list .dropdown .rounded-corners-inner, .questions-form .sub-question-content .rounded-corners-inner { background: url(../images/css/sub-question-content-top-992.gif) no-repeat 0 0; } .dropdown-list .dropdown .rounded-corners-inner textarea, .questions-form .sub-question .sub-question-content-inner textarea { width: 493px; } .questions-form .question-dropdowns .question-content { margin: 0 0 0 20px; } .questions-form .spinner-wrapper { margin-left: 10px; } .slider-wrapper { width: 480px; margin: 0 0 0 0px; padding-left: 0; padding-right: 0; } /* questions upload list spacing */ .questions-form .upload-photos-list { width: 347px; } .questions-form .has-five-photos .upload-photos-list { width: 472px; } /* subquestions upload list spacing */ .questions-form .dropdown-list .upload-photos-list, .questions-form .sub-question .upload-photos-list { width: 357px; margin: 0 5px 0 0; } .questions-form .dropdown-list .upload-photos-list-inner, .questions-form .sub-question .upload-photos-list-inner { margin: 0 0 0 auto; } .questions-form .dropdown-list .has-five-photos .upload-photos-list-inner, .questions-form .sub-question .has-five-photos .upload-photos-list-inner { margin: 0; } .questions-form .dropdown-list .has-five-photos .upload-photos-list, .questions-form .sub-question .has-five-photos .upload-photos-list { width: 482px; } } @media (min-width: 1260px) { .visibility-days { background: url(../images/ic_calendar.png) no-repeat center; background-origin: content-box; background-position-y: -18px; background-size: 50px; } header #logo { left: 55px; } .orange-skin header #logo { left: 72px; } .gray-skin header #logo { left: 72px; } .blue-skin header #logo { left: 70px; } .yellow-skin header #logo { left: 70px; } .scarlet-skin header #logo { left: 70px; } #pageReport main, #pageHelp main, #pageFinalize main { width: 917px; } #checkboxShowAllEquipment { margin-left:5px; z-index: 1000} #local_navigation li { font-size: 18px; line-height: 20px; margin: 0 0 12px; } #chart-and-legend { padding: 20px 0; background: url(../images/css/summary-chart-divider-1200.gif) no-repeat 50% 0; } #chart-container { width: 49%; height: 100%; max-height: 580px; } #chart_legend { width: 46%; position: relative; } #secondary-navigation { background: url(../images/css/secondary-nav-1200-bkg.gif) repeat-y 50% 0; } #pageArchives #secondary-navigation, #pageEquipmentList #secondary-navigation { padding: 18px 0 14px; } #print-or-finalize li { width: 140px; font-size: 12px; line-height: 20px; font-weight: 300; } #print-or-finalize li:first-child { width: 142px; } #print-or-finalize li a { padding-left: 22px; /*background: url(../images/css/icon-finalize-red.png) no-repeat 94px 20px;*/ } #print-or-finalize li:first-child a { padding-left: 35px; /*background: url(../images/css/icon-print-red.png) no-repeat 89px 20px;*/ } .orange-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-orange.png);*/ } .orange-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-orange.png);*/ } .gray-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-gray.png);*/ } .gray-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-gray.png);*/ } .blue-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-blue.png);*/ } .blue-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-blue.png);*/ } .yellow-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-yellow.png);*/ } .yellow-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-yellow.png);*/ } .scarlet-skin #print-or-finalize li a { /*background-image: url(../images/css/icon-finalize-scarlet.png);*/ } .scarlet-skin #print-or-finalize li:first-child a { /*background-image: url(../images/css/icon-print-scarlet.png);*/ } #print-or-finalize li a:hover { background-position: 94px -68px; } #print-or-finalize li:first-child a:hover { background-position: 89px -67px; } .platform-mac.browser-firefox #print-or-finalize li a, .browser-firefox-31 #print-or-finalize li a { background-position: 94px 21px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a, .browser-firefox-31 #print-or-finalize li:first-child a { background-position: 89px 21px; } .platform-mac.browser-firefox #print-or-finalize li a:hover, .browser-firefox-31 #print-or-finalize li a:hover { background-position: 94px -67px; } .platform-mac.browser-firefox #print-or-finalize li:first-child a:hover, .browser-firefox-31 #print-or-finalize li:first-child a:hover { background-position: 89px -66px; } .browser-ie7 #print-or-finalize li { width: 138px; } .browser-ie7 #print-or-finalize li:first-child { width: 140px; } /* DATEPICKER */ #ui-datepicker-div { width: 193px; } #ui-datepicker-div.ui-datepicker { background: url(../images/css/datepicker-bkg.png) no-repeat 0 100%; } #pageEquipmentList #ui-datepicker-div .ui-widget-header { background: url(../images/css/calendar-header-beginning-date.png) no-repeat 0 0; } #pageArchives #ui-datepicker-div.datepicker-beginning-date .ui-widget-header { background: url(../images/css/calendar-header-beginning-date.png) no-repeat 0 0; } #pageArchives #ui-datepicker-div.datepicker-end-date .ui-widget-header { background: url(../images/css/calendar-header-end-date.png) no-repeat 0 0; } #ui-datepicker-div.ui-datepicker td span, #ui-datepicker-div.ui-datepicker td a { padding: 0.2em; } #ui-datepicker-div.ui-datepicker table { width: 187px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { width: 14px; height: 13px; top: 53px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-next { width: 14px; height: 13px; top: 53px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { width: 14px; height: 13px; } .browser-ie7 #ui-datepicker-div.ui-datepicker .ui-datepicker-next, .browser-ie7 #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { top: 51px; } #ui-datepicker-div .ui-widget-header { padding: 48px 0 3px; } #ui-datepicker-div .ui-datepicker-title { padding-bottom: 0; } /* TABLE EQUIPMENT LIST */ #layout #table-equipment-list-container {} #layout #table-equipment-list-container .product-line { width: 220px !important; } #layout #table-equipment-list-container .model-number { width: 214px !important; } #layout #table-equipment-list-container .serial-number { width: 199px !important; } #layout #table-equipment-list-container .dar-status { width: 225px !important; } #layout #table-equipment-list-container .ship-date { width: auto !important; } .browser-ie7 #layout #table-equipment-list-container .product-line { width: 220px !important; } .browser-ie7 #layout #table-equipment-list-container tbody .product-line { width: 240px !important; } #layout #table_archived_list-container {} #layout #table_archived_list-container .product-line { width: 196px !important; } #layout #table_archived_list-container .model-number { width: 190px !important; } #layout #table_archived_list-container .serial-number { width: 194px !important; } #layout #table_archived_list-container .share { width: 138px !important; } #layout #table_archived_list-container .print { width: auto !important; } #layout #table_archived_list-container .ship-date { width: 100px !important; } #layout #table_archived_list-container.no-scrollbar td.ship-date { width: 117px !important; } body.has-custom-page-scrollbar #layout #table_archived_list-container .ship-date { width: 100px !important; } body.has-custom-page-scrollbar #layout #table_archived_list-container.no-scrollbar td.ship-date { width: 100px !important; } .browser-ie7 #layout #table_archived_list-container .product-line { width: 196px !important; } .browser-ie7 #layout #table_archived_list-container tbody .product-line { width: 216px !important; } .browser-ie7 #layout #table_archived_list-container .print { width: 120px !important; } .browser-ie7 #layout #table_archived_list-container .ship-date { width: 130px !important; } #layout #table_archived_list .print img, #layout #table_archived_list .share img { position: relative; left: 15px; } .browser-ie7 #layout #table_archived_list .print img, .browser-ie7 #layout #table_archived_list .share img { left: 20px !important; } #layout .table-list thead tr th { font-size: 16px; line-height: 20px; padding: 15px 15px; } #layout .table-list tbody tr th, #layout .table-list tbody tr td { font-size: 16px; line-height: 20px; padding: 9px 20px; } #layout .table-list tbody tr th.product-line { padding-top: 0; padding-bottom: 0; padding-left: 0; } #layout .table-list td.dar-status img { left: 50px; } #layout .table-list td.dar-status2 img { left: 40px; } .table-filter .filter-by-string { width: 155px; padding: 11px 0 0; } .table-filter .filter-by-status { width: 135px; padding: 10px 0 0; } .table-filter .filter-by-status .status { width: 169px; padding: 31px 0 0; top: 38px; left: 41px; } .table-filter .filter-by-ship-date { width: 120px; padding: 0px 0 0; } #table-equipment-list-container #filter-by-model { margin: 0 0 0 227px; } #table-equipment-list-container #filter-by-serial { margin: 0 0 0 102px; } #table-equipment-list-container #filter-by-status { margin: 0 0 0 125px; } .browser-safari-6 #table-equipment-list-container #filter-by-status, .browser-ie11 #table-equipment-list-container #filter-by-status, .browser-ie9 #table-equipment-list-container #filter-by-status, .browser-ie10 #table-equipment-list-container #filter-by-status, .browser-ie8 #table-equipment-list-container #filter-by-status, .browser-chrome #table-equipment-list-container #filter-by-status { margin: 0 0 0 129px; } #table-equipment-list-container #filter-by-date { margin: 0 0 0 160px; } #table_archived_list-container #filter-by-model { margin: 0 0 0 203px; } #table_archived_list-container #filter-by-serial { margin: 0 0 0 77px; } #table_archived_list-container #filter-by-date { margin: 0 0 0 460px; top: 0; } .browser-chrome #table_archived_list-container #filter-by-date { margin: 0 0 0 465px; } .browser-ie7 #table-equipment-list-container #filter-by-model { margin-left: 227px; } .browser-ie7 #table-equipment-list-container #filter-by-status { margin-left: 129px; } .table-filter .filter-by-string .field { left: 2px; top: 11px; } .table-filter .filter-by-status .status { left: 41px; } .table-filter .filter-by-status { padding-top: 11px; } .table-filter .filter-by-ship-date { padding-top: 11px; } #ui-datepicker-div.ui-datepicker { margin: -8px 0 0 0px; } /* FORMS */ .questions-form .question h2 { width: 545px; } .questions-form .question .toggle { width: 78px; } .questions-form .upload-photos-list .uploaded-thumbnail { width: 107px; } .questions-form .upload-photos-list .uploaded-thumbnail-title { width: 117px; } .questions-form .rounded-corners { width: 742px; background: url(../images/css/question-content-bottom.gif) no-repeat 0 100%; } .questions-form .rounded-corners-inner { background: url(../images/css/question-content-top.gif) no-repeat 0 0; } .questions-form .comment-wrapper textarea { width: 741px; } .questions-form .sub-questions-list { width: 762px; padding-left: 20px; } .questions-form .sub-question h3 { width: 540px; } .dropdown-list .dropdown .rounded-corners, .questions-form .sub-question-content .rounded-corners { width: 702px; background: url(../images/css/sub-question-content-bottom.gif) no-repeat 0 100%; } .dropdown-list .dropdown .rounded-corners-inner, .questions-form .sub-question-content .rounded-corners-inner { background: url(../images/css/sub-question-content-top.gif) no-repeat 0 0; } .dropdown-list .dropdown .rounded-corners-inner textarea, .questions-form .sub-question .sub-question-content-inner textarea { width: 701px; } .dropdown-list .dropdown label { width: 80px; } .dropdown-list .dropdown select { width: 200px; } .slider-wrapper { width: 700px; } .dropdown-list .dropdown { padding-left: 20px; } /* questions upload list spacing */ .questions-form .upload-photos-list { width: 611px; margin: 0; } .questions-form .has-five-photos .upload-photos-list { width: 613px; } .image-thumbnnails-no .questions-form .upload-photos-list { width: 611px; } .image-thumbnnails-no .questions-form .has-five-photos .upload-photos-list { width: 685px; } /* subquestions upload list spacing */ .questions-form .dropdown-list .upload-photos-list, .questions-form .sub-question .upload-photos-list { width: 511px; margin: 0; } .questions-form .dropdown-list .upload-photos-list-inner, .questions-form .sub-question .upload-photos-list-inner { margin: 0 0 0 auto; } .questions-form .dropdown-list .has-five-photos .upload-photos-list-inner, .questions-form .sub-question .has-five-photos .upload-photos-list-inner { margin: 0; } .questions-form .dropdown-list .has-five-photos .upload-photos-list, .questions-form .sub-question .has-five-photos .upload-photos-list { width: 613px; } .image-thumbnnails-no .questions-form .dropdown-list .upload-photos-list, .image-thumbnnails-no .questions-form .sub-question .upload-photos-list { width: 571px; } .image-thumbnnails-no .questions-form .dropdown-list .has-five-photos .upload-photos-list, .image-thumbnnails-no .questions-form .sub-question .has-five-photos .upload-photos-list { width: 685px; } } @media (max-height: 600px) { #pageReport.device-tablet #local_navigation { padding-top: 5px; } #pageReport.device-tablet #local_navigation li { margin-bottom: 2px; } #pageReport.device-tablet #technician-info p { padding-top: 6px; padding-bottom: 6px; } #pageReport.device-tablet #product-info p { padding-top: 5px; padding-bottom: 5px; } #pageReport.device-tablet #report-more-link a { padding-top: 5px; padding-bottom: 5px; } #pageReport.device-tablet #content aside h1 { padding-top: 10px; padding-bottom: 10px; } } /* Case Construction (orange) */ .orange-skin footer #footer-links a:hover, .orange-skin #print-or-finalize a:hover, .orange-skin header #logout-link a:hover, .orange-skin.device-tablet #local_navigation li.active a, .orange-skin.device-tablet #local_navigation li.current a, .orange-skin #local_navigation li.active a, .orange-skin #local_navigation li.current a, .orange-skin #local_navigation a:hover, .orange-skin .table-filter .filter-by-status li a:hover, .orange-skin #article_container a, .orange-skin.browser-ie7 #table_archived_list-container th.ship-date, .orange-skin header #initial-quality-link a:hover, .orange-skin header #help-link a:hover, .orange-skin #secondary-navigation p a { color: #f69f1a; } .orange-skin #secondary-navigation p a:hover { color: #313335; } .orange-skin #content h1, .orange-skin #layout .dataTables_scrollHead, .orange-skin #layout .table-list thead tr th { background-color: #f69f1a; } /* No Brand (gray) */ .gray-skin footer #footer-links a:hover, .gray-skin #print-or-finalize a:hover, .gray-skin header #logout-link a:hover, .gray-skin.device-tablet #local_navigation li.active a, .gray-skin.device-tablet #local_navigation li.current a, .gray-skin #local_navigation li.active a, .gray-skin #local_navigation li.current a, .gray-skin #local_navigation a:hover, .gray-skin .table-filter .filter-by-status li a:hover, .gray-skin #article_container a, .gray-skin.browser-ie7 #table_archived_list-container th.ship-date, .gray-skin header #initial-quality-link a:hover, .gray-skin header #help-link a:hover, .gray-skin #secondary-navigation p a { color: #b5b6b8; } .gray-skin #secondary-navigation p a:hover { color: #313335; } /*.gray-skin #content h1, .gray-skin #layout .dataTables_scrollHead, .gray-skin #layout .table-list thead tr th { background-color: #b5b6b8; }*/ /* New Holland branded UI (blue) */ .blue-skin footer #footer-links a:hover, .blue-skin header #logout-link a:hover, .blue-skin header #initial-quality-link a:hover, .blue-skin header #help-link a:hover { color: #749dea; } .blue-skin #print-or-finalize a:hover, .blue-skin.device-tablet #local_navigation li.active a, .blue-skin.device-tablet #local_navigation li.current a, .blue-skin #local_navigation li.active a, .blue-skin #local_navigation li.current a, .blue-skin #local_navigation a:hover, .blue-skin .table-filter .filter-by-status li a:hover, .blue-skin #article_container a, .blue-skin.browser-ie7 #table_archived_list-container th.ship-date, .blue-skin #secondary-navigation p a { color: #0c46b8; } .blue-skin #secondary-navigation p a:hover { color: #313335; } .blue-skin #content h1, .blue-skin #layout .dataTables_scrollHead, .blue-skin #layout .table-list thead tr th { background-color: #0c46b8; } .miller-skin #print-or-finalize a:hover, .miller-skin.device-tablet #local_navigation li.active a, .miller-skin.device-tablet #local_navigation li.current a, .miller-skin #local_navigation li.active a, .miller-skin #local_navigation li.current a, .miller-skin #local_navigation a:hover, .miller-skin .table-filter .filter-by-status li a:hover, .miller-skin #article_container a, .miller-skin.browser-ie7 #table_archived_list-container th.ship-date, .miller-skin #secondary-navigation p a { color: #A00B15; } .miller-skin #secondary-navigation p a:hover { color: #313335; } .miller-skin footer #footer-links a:hover, .miller-skin header #logout-link a:hover, .miller-skin header #initial-quality-link a:hover, .miller-skin header #help-link a:hover { color: #A00B15; } .miller-skin #content h1, .miller-skin #layout .dataTables_scrollHead, .miller-skin #layout .table-list thead tr th { background-color: #A00B15; } /* New Holland Construction (yellow) */ .yellow-skin footer #footer-links a:hover, .yellow-skin header #logout-link a:hover, .yellow-skin.device-tablet #local_navigation li.active a, .yellow-skin.device-tablet #local_navigation li.current a, .yellow-skin #local_navigation li.active a, .yellow-skin #local_navigation li.current a, .yellow-skin #local_navigation a:hover, .yellow-skin .table-filter .filter-by-status li a:hover, .yellow-skin.browser-ie7 #table_archived_list-container th.ship-date, .yellow-skin header #initial-quality-link a:hover, .yellow-skin header #help-link a:hover { color: #ffdd00; } .yellow-skin #article_container a { color: #000; text-decoration: underline; } .yellow-skin #article_container a:hover, .yellow-skin #article_container a:active, .yellow-skin #article_container a:focus { text-decoration: none; } .yellow-skin #print-or-finalize a:hover, .yellow-skin #secondary-navigation p a { color: #000; } .yellow-skin #secondary-navigation p a:hover { color: #cc9900; } .yellow-skin #content h1, .yellow-skin #layout .dataTables_scrollHead, .yellow-skin #layout .table-list thead tr th { background-color: #ffdd00; } .yellow-skin #content h1 { color: #000; } .yellow-skin .table-filter .filter-by-ship-date-from-to input { color: #fff; } .yellow-skin .table-filter .filter-by-ship-date-from-to label, .yellow-skin #layout .table-list thead tr th { color: #313335; } .yellow-skin .table-filter .filter-by-status li a:hover { color: #cc9900; } /* Steyr (scarlet) */ .scarlet-skin footer #footer-links a:hover, .scarlet-skin header #logout-link a:hover, .scarlet-skin header #initial-quality-link a:hover, .scarlet-skin header #help-link a:hover { color: #D60019; } .scarlet-skin #print-or-finalize a:hover, .scarlet-skin.device-tablet #local_navigation li.active a, .scarlet-skin.device-tablet #local_navigation li.current a, .scarlet-skin #local_navigation li.active a, .scarlet-skin #local_navigation li.current a, .scarlet-skin #local_navigation a:hover, .scarlet-skin .table-filter .filter-by-status li a:hover, .scarlet-skin #article_container a, .scarlet-skin.browser-ie7 #table_archived_list-container th.ship-date, .scarlet-skin #secondary-navigation p a { color: #D60019; } .scarlet-skin #secondary-navigation p a:hover { color: #313335; } .scarlet-skin #content h1, .scarlet-skin #layout .dataTables_scrollHead, .scarlet-skin #layout .table-list thead tr th { background-color: #D60019; } .visibility-days { min-width: 40px; text-align: center; } .ownership-confirm-message { padding-top: 20px; } #linkUserGuide { font-weight: 500; } #linkTrainingCourse { font-weight: 500; }