/* ------------------------------------------------------------------------------------------------- Cascading StyleSheet SCREEN */ @import "default.css"; /* ------------------------------------------------------------------------------------------------- LAYOUT */ html { height:100%; overflow-y:scroll; margin-bottom:1px; } body { background:#f4f4f4; color:#111111; font:68.75%/1.454545 Tahoma, Verdana, Arial, Helvetica, sans-serif; } #backgroundGradient { background:url('../img/page_background.gif') fixed repeat-x; width:100%; } #backgroundShadow { background:url('../img/page_shadow.gif') fixed top center no-repeat; width:100%; } #container { background:#ffffff; margin:0px auto; padding:0px 15px; width:1220px; } #infobar { background:url('../img/infobar.gif') no-repeat; color:#c9c9c9; height:25px; margin-bottom:1px; padding:5px 0px 0px 44px; } #infobar a { } #infobar a:hover { color:#ffffff; } #header { background:url('../img/page_header.gif') left top no-repeat; height:105px; position:relative; } #header #logo { display:none; } #header h1 { left:0px; position:absolute; top:0px; } #header h1 img { } #header h1 span { display:none; } #header address { display:none; } #languages { color:#ffffff; font-size:90.909090%; line-height:1.6; position:absolute; right:10px; top:4px; } #languages a { color:#ffffff; } #languages a.active { font-weight:bold; } #languages a:hover { color:#ffffff; text-decoration:underline; } #login { bottom:10px; color:#8c8c8c; position:absolute; right:10px; text-align:right; } #login a { color:#8c8c8c; } #login a:hover { color:#c81414; } #menu { background:#000000 url('../img/menu_bottom.gif') bottom left repeat-x; padding-bottom:3px; text-transform:uppercase; } #menu ul { list-style-type:none; } #menu li { float:left; } #menu a { background:#000000; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; color:#ffffff; display:block; font-size:118.181818%; font-weight:bold; line-height:1.230769; padding:7px 20px; } #menu a:hover { background:#4C4C4C; text-decoration:none; } #menu a.active { background:url('../img/menu_background.gif') repeat-x; border-bottom:1px solid #c81414; } #menu a.active:hover { background:url('../img/menu_background.gif') repeat-x; border-bottom:1px solid #c81414; } #main { min-height:600px; padding-bottom:30px; } #submenu { background:#c81414; color:#ffffff; padding:0px 15px 3px 15px; } #submenu ul { list-style-type:none; } #submenu li { float:left; margin-right:5px; } #submenu a { background:#c81414; color:#ffffff; display:block; font-weight:bold; padding:1px 5px 2px 5px; } #submenu a:hover { background:#960f0f; text-decoration:none; } #submenu a.active { background:#af1111; } #submenu a.active:hover { background:#960f0f; } #breadcrumbs { color:#999999; font-size:90.909090%; line-height:1.6; padding:5px 0px 15px 20px; } #breadcrumbs a { color:#999999; } #breadcrumbs a:hover { color:#c81414; text-decoration:none; } #content { float:left; width:920px; position:relative; } #content .col1 { float:left; width:270px; z-index: 200; } #content .col2 { float:right; width:620px; z-index:150; } #content.large { float:left; width:1220px; } #content.large .col2 { float:right; width:920px; } #content.tracking { float:left; width:1220px; } #content.tracking .col1 { float:left; width:542px; /* height:725px; overflow-y:scroll; */ } #content.tracking .col2 { float:right; width:652px; } #sidebar { float:right; width:270px; } #footer { background:url('../img/page_footer.gif') left bottom no-repeat; color:#787878; font-size:90.909090%; line-height:1.6; padding:0px 10px 8px 10px; margin-left: auto; margin-right: auto; width: 1200px; } #footer .left { } #footer .left a { color:#787878; } /* ------------------------------------------------------------------------------------------------- HTML TAGS */ h2 { background:#c81414 url('../img/headline_background.gif') repeat-x; color:#ffffff; font-size:118.181818%; line-height:1.230769; padding:3px 10px; } h3 { border-bottom:1px solid #d2d2d2; font-size:118.181818%; line-height:1.230769; font-weight:bold; margin-bottom:12px; padding-bottom:2px; } /* ------------------------------------------------------------------------------------------------- CLASSES */ .trackingBar { background:#fff; border:1px solid #d2d2d2; display:block; height:6px; width:48px; } .para { line-height:150%; padding:10px; text-align:justify; } .paraGrey { background:#efefef; border-bottom:1px solid #d2d2d2; line-height:150%; padding:10px; text-align:justify; } .paraRight { text-align:right; } .highlight { color:#c81414; } tr.sepa td { background: #e1ebf6 !important; } .col1 .box { background:#efefef; border-top:1px solid #d2d2d2; margin-bottom:15px; padding:15px; } .col1 .step1 { background:url('../img/reports_step1.gif') no-repeat 0px 1px; font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:0px 0px 5px 25px; text-transform:uppercase; } .col1 .step2 { background:url('../img/reports_step2.gif') no-repeat 0px 1px; font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:0px 0px 5px 25px; text-transform:uppercase; } .col1 .step3 { background:url('../img/reports_step3.gif') no-repeat 0px 1px; font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:0px 0px 5px 25px; text-transform:uppercase; } .col1 .stepPara { padding-left:25px; } .col1 .border { border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; width:268px; } .col1 .trackingDetails { border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; display:block; height:52px; left:270px; overflow-y:scroll; overflow-x:hidden; padding:4px 6px 1px 6px; position:absolute; top:-1px; width:740px; z-index: 1500; } .col1 .trackingDetails.row1 { background:#ffffff; } .col1 .trackingDetails.row2 { background:#f7f7f7; } .col1 .offline .trackingDetails.row1, .col1 .offline .trackingDetails.row2, .col1 .offline .row1 td, .col1 .offline .row2 td { background:#efefef !important; color:#aaaaaa !important; } #content.tracking .col1 .border { width:540px; } #content.tracking .col1 .trackingDetails { left:544px; } #sw-tracking { height: 650px; overflow: hidden; width: 100%; } #sw-map { height: 100%; width: 100%; } #sw-close { display: none; } /* fullscreen live tracking */ body.sw-fullscreen #content { position: inherit; } body.sw-fullscreen #sw-close { background: #fff; display: block; padding: 3px 10px; position: fixed; right: 10px; top: 45px; white-space: nowrap; z-index: 11000; } body.sw-fullscreen #sw-tracking { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10000; } .trackerLabelRed { background:#c81414; border:1px solid #c81414; color:#ffffff; font-size:90%; padding:0px 0px 1px 6px; white-space:nowrap; -moz-border-radius:5px; -khtml-border-radius:5px; } .trackerLabelRed a { color:#ffffff; } .trackerLabelYellow { background:#ffffff; border:1px solid #ffc814; font-size:90%; padding:0px 0px 1px 6px; white-space:nowrap; -moz-border-radius:5px; -khtml-border-radius:5px; } .trackerLabelGreen { background:#ffffff; border:1px solid #32c832; font-size:90%; padding:0px 0px 1px 6px; white-space:nowrap; -moz-border-radius:5px; -khtml-border-radius:5px; } .col2 .box { background:url('../img/box_background.gif') repeat-x; border-top:1px solid #d2d2d2; float:left; margin-right:15px; padding:12px 15px; width:195px; } .col2 .box.last { margin-right:0px; } .col2 .box .title { font-size:150%; font-weight:bold; padding-left:10px; } .col2 .category { background:url('../img/category_background.gif') repeat-x; border-top:1px solid #d2d2d2; } .col2 .category a { color:#111111; display:block; padding:10px 0px 30px 60px; } .col2 .category a.activation { background:url('../img/category_activation.gif') no-repeat; } .col2 .category a.tracker { background:url('../img/category_tracker.gif') no-repeat; } .col2 .category a.groups { background:url('../img/category_groups.gif') no-repeat; } .col2 .category a.rights { background:url('../img/category_rights.gif') no-repeat; } .col2 .category a.geozones { background:url('../img/category_geozones.gif') no-repeat; } .col2 .category a.invoice { background:url('../img/category_invoice.gif') no-repeat; } .col2 .reportsIntro { background:url('../img/icon_reports.gif') no-repeat 42px 42px; font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:40px 0px 40px 100px; } .col2 .reportsLoading { background:url('../img/loading_reports.gif') no-repeat 42px 42px; font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:40px 0px 40px 100px; } .col2 .reportsBox { font-size:118.181818%; line-height:1.230769; font-weight:bold; padding:40px; } .col2 .reportsBar { background:url('../img/reports_bar_background.gif'); border:1px solid #d2d2d2; display:block; height:10px; margin-top:2px; width:100px; } .col2 .reportsBar.small { width: 50px; } .col2 .chart { height:300px; } .col2 .testBox { border:1px solid #d2d2d2; padding:5px 10px 10px 10px; } .col2 .network { background:url('../img/network_graph.gif'); display:block; height:25px; overflow:hidden; width:29px; } .col2 .network.step1 { background-position:0px -35px; } .col2 .network.step2 { background-position:0px -70px; } .col2 .network.step3 { background-position:0px -105px; } .col2 .network.step4 { background-position:0px -140px; } .col2 .network.step5 { background-position:0px -175px; } div.loading { background:url('../img/loading_autocomplete.gif') no-repeat; font-weight:bold; padding:0px 0px 0px 24px; } div.sortable { background:#f7f7f7; border-bottom:1px solid #d2d2d2; padding:4px 5px; } span.error { color: #c81414; } .success { color: #149814; } .translation { color: #c99; font-weight: bold; } #adminMenu { float: right; list-style-type: none; } #adminMenu li.first { background: none; } #adminMenu li { background: url('../img/separator.gif') no-repeat 8px 3px; float: left; padding-left:18px; position: relative; } #adminMenu li:hover ul { display: block; } #adminSubmenu { border-bottom:1px solid #d2d2d2; display: none; list-style-type: none; position: absolute; text-align: left; top: 13px; left: 15px; z-index:1000; } #adminSubmenu li { background: #ffffff; float: none; padding-left: 5px;} #adminSubmenu a { display:block; padding:2px 1px; } #editmoreForm .checkbox { padding-top: 4px; } #editmoreForm .middle { vertical-align: middle; } #editmoreForm .middle .checkbox { padding-top: 0px; } .partPaymentForm { background: #EFEFEF; border-bottom: 1px solid #D2D2D2; padding: 3px 5px; position: absolute; right: 0px; text-align: left; top: 0px; z-index: 3000; } .noteForm { background: #EFEFEF; border-bottom: 1px solid #D2D2D2; color: #111; padding: 3px 5px; position: absolute; right: 0px; text-align: left; top: 0px; z-index: 3000; } #content ul.sortable { list-style: none; margin-left: 0; } .infoAdvanced { font-weight: normal; } .infoForm { background: #f4f4f4; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; color: #555; font-size: 118.181818%; line-height:1.230769; margin-bottom:15px; padding:10px 20px; text-align: left; width: 400px; } #maintenance p { font-size: 14px; line-height:20px; } span.info, small.info { cursor: help; } /* ------------------------------------------------------------------------------------------------- TABS */ #content .tabs { background: url('../img/tabs_background.png') repeat-x; margin-bottom: 8px; } #content .tabs ul { list-style: none; margin-left: 0; } .tabs li { background: url('../img/tabs_left.png') 0px -22px; display: block; float: left; margin-right: 3px; } .tabs li.disabled, .tabs li.disabled:hover { background-position: 0px -22px; text-decoration: none; } .tabs li a, .tabs li.disabled span { display: block; font-size: 118.181818%; font-weight: bold; line-height: 1.6923076; padding: 0px 10px; text-decoration: none; } .tabs li a, .tabs li.disabled span { background: url('../img/tabs_right.png') no-repeat right -22px; color: #111111; } .tabs li.disabled span { color: #999999; } .tabs li:hover { background-position: 0px -44px; } .tabs li.active { background-position: 0px 0px; } .tabs li:hover a { background-position: right -44px; color: #111111; } .tabs li.active a { background-position: right 0px; color: #ffffff; } #content .tabs.small { margin-bottom: 0; } .tabs.small li { margin-right: 5px; } .tabs.small li.last { margin-right: 0; } .tabs.small li a { font-weight: normal; padding: 0 6px; width: 53px; overflow: hidden; } .tabs.small li.active a { } /* ------------------------------------------------------------------------------------------------- LINKS */ a { color:#c81414; text-decoration:none; } a:hover { color:#111111; text-decoration:underline; } a.dateSelected { font-weight: bold; } a.black { color:#111111; } a.black:hover { color:#c81414; } a.saveLoginActive { background:url('../img/login_save.gif') no-repeat 0px 2px; padding-left:16px; } a.saveLogin { background:url('../img/login_save.gif') no-repeat 0px -28px; padding-left:16px; } a.checkbox { background:url('../img/login_save.gif') no-repeat 0px -28px; color:#999999; padding-left:16px; } a.checkboxActive { background:url('../img/login_save.gif') no-repeat 0px 2px; color:#111111; padding-left:16px; } a.previous { background:url('../img/link_arrows.gif') no-repeat left -58px; font-size:118.181818%; line-height:1.230769; font-weight:bold; line-height:150%; padding-left:24px; padding-bottom:1px; padding-top:1px; } a.previous:hover { background-position:left -88px; text-decoration:none; } a.next { background:url('../img/link_arrows.gif') no-repeat right 2px; font-size:118.181818%; line-height:1.230769; font-weight:bold; line-height:150%; padding-right:24px; padding-bottom:1px; padding-top:1px; } a.next:hover { background-position:right -28px; text-decoration:none; } a.forward { background:url('../img/link_forward.gif') no-repeat 0px 3px; display:block; font-weight:bold; line-height:120%; padding-left:26px; padding-right:85px; } a.forward:hover { background-position:0px -27px; } a.shop { background:url('../img/link_shop.gif') no-repeat 0px 3px; display:block; font-weight:bold; line-height:120%; padding-left:39px; padding-right:85px; } a.shop:hover { background-position:0px -27px; } a.tracking { background:url('../img/link_tracking.gif') no-repeat 0px 2px; display:block; font-weight:bold; padding:5px 0px 5px 36px; } a.tracking:hover { background-position:0px -35px; } a.reports { background:url('../img/link_reports.gif') no-repeat 0px 2px; display:block; font-weight:bold; padding:5px 0px 5px 36px; } a.reports:hover { background-position:0px -35px; } a.settings { background:url('../img/link_settings.gif') no-repeat 0px 2px; display:block; font-weight:bold; padding:5px 0px 5px 36px; } a.settings:hover { background-position:0px -35px; } a.open { background:url('../img/link_flip.gif') no-repeat 0px -26px; display:block; padding-left:16px; } a.closed { background:url('../img/link_flip.gif') no-repeat 0px 4px; display:block; padding-left:16px; } .flipPara { padding-left:16px; } .view { background:url('../img/link_view.gif') no-repeat; padding:1px 0px 1px 22px; } .excel { background:url('../img/link_excel.gif') no-repeat; padding:1px 0px 1px 22px; } .print { background:url('../img/link_print.gif') no-repeat; padding:1px 0px 1px 22px; } .bubbles { background:url('../img/link_bubbles.gif') no-repeat; padding:1px 0px 1px 22px; } .phone { background:url('../img/link_phone.gif') no-repeat; padding:1px 0px 1px 22px; } .config { background:url('../img/link_trackersettings.gif') no-repeat; padding:1px 0px 1px 22px; } .calendar { background:url('../img/link_calendar.gif') no-repeat 0px 1px; display:block; padding:0px 0px 0px 24px; } .close { background:url('../img/link_close.gif') no-repeat 0px 2px; padding-left:16px; } .selectAll, .selectAllStatic { background:url('../img/link_select_all.gif') no-repeat; padding:1px 0px 1px 22px; } .selectAll:hover { background-position:0px -30px; } .selectAll.flipped { background:url('../img/link_select_all_flipped.gif') no-repeat right 0; padding:1px 19px 1px 0px; } .selectAll.flipped:hover { background-position:right -30px; } .sortAsc, .reportTable .sortAsc a { background:url('../img/link_sort.gif') no-repeat 0px 4px; padding-left:12px; } .sortDesc, .reportTable .sortDesc a { background:url('../img/link_sort.gif') no-repeat 0px -26px; padding-left:12px; } .reportTable .sortAsc, .reportTable .sortDesc { background: #EFEFEF; padding-left: 5px; } .rights_none { padding:1px 0px 1px 22px; background:url('../img/icon_rights.gif') no-repeat 0px -60px; } .rights_read { padding:1px 0px 1px 22px; background:url('../img/icon_rights.gif') no-repeat 0px 0px; } .rights_write { padding:1px 0px 1px 22px; background:url('../img/icon_rights.gif') no-repeat 0px -120px; } .rights_none.light { background-position:0px -90px; } .rights_read.light { background-position:0px -30px; } .rights_write.light { background-position:0px -150px; } .rights_none.light:hover { background-position:0px -60px; } .rights_read.light:hover { background-position:0px 0px; } .rights_write.light:hover { background-position:0px -120px; } .getPosition { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px -120px; } .activateTracking { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px 0px; } .deactivateTracking { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px -60px; } .getPosition:hover { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px -150px; } .activateTracking:hover { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px -30px; } .deactivateTracking:hover { padding:1px 0px 1px 22px; background:url('../img/icon_trackingoptions.gif') no-repeat 0px -90px; } .disabled { color:#999999; text-decoration:line-through; } .paginator a { background:#ffffff; border:1px solid #d2d2d2; color:#111111; margin-right:5px; padding:0px 6px 1px 6px; } .paginator span.current { background:#d2d2d2; border:1px solid #d2d2d2; color:#ffffff; margin-right:5px; padding:0px 6px 1px 6px; } .iconSmall { background: url('../img/links.png') no-repeat -100px 0px; padding: 1px 0 1px 22px; } .iconSmall.edit { background-position: 0px 0px; } .iconSmall.edit:hover { background-position: 0px -30px; } .iconSmall.delete, .iconSmall.deleteStatic { background-position: 0px -60px; } .iconSmall.delete:hover { background-position: 0px -90px; } .iconSmall.pdf { background-position: 0px -300px; } .iconSmall.pdf:hover { background-position: 0px -330px; } .iconSmall.add { background-position: 0px -480px; } .iconSmall.add:hover { background-position: 0px -510px; } .iconSmall.report { background-position: 0px -540px; } .iconSmall.report:hover { background-position: 0px -570px; } .iconSmall.regular, .iconSmall.regularStatic { background-position: 0px -600px; } .iconSmall.regular:hover { background-position: 0px -630px; } .iconSmall.inverted, .iconSmall.invertedStatic { background-position: 0px -660px; } .iconSmall.inverted:hover { background-position: 0px -690px; } .iconSmall.login, .iconSmall.loginStatic { background-position: 0px -720px; } .iconSmall.login:hover { background-position: 0px -750px; } #reportsettings { background: #fafafa; } #reportsettings p { text-align: left; } #allTrackers p.rowGrey { background:#ededed; border-bottom:1px solid #d2d2d2; padding:4px 5px; } #allReports div.disabledRow { padding: 3px 3px 3px 20px; } #reportsettings a { cursor: pointer; display: block; } #reportsettings .selectionLine a { padding: 3px 3px 3px 20px; } #reportsettings .disabledRow a.tooltip { display: inline; } #reportsettings p.row1 a, div.disabledRow.row1 { background: #ffffff; } #reportsettings p.row1 a:hover, #reportsettings p.row2 a:hover { background: #efefef; } #reportsettings p.row2 a, div.disabledRow.row2 { background: #fcfcfc; } /* ------------------------------------------------------------------------------------------------- FORMS */ input.default, select.default, textarea.default { background:#ffffff; border:1px solid #d2d2d2; border-left:3px solid #d2d2d2; color:#111111; font:100% Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:1px 1px 1px 4px; } select.default { margin-bottom:2px; margin-top:1px; padding:0px; } input.form-error, select.form-error, textarea.form-error { background:#c81414; border:1px solid #111111; border-left:3px solid #111111; color:#ffffff; } label.form-error { color: #C81414; } input.loading { background:url('../img/loading_autocomplete.gif') right center no-repeat #ffffff; } input.error { background:url('../img/input_error.gif') right center no-repeat #ffffff; } input.submit { background:#c81414 url('../img/submit_background.gif') repeat-x; border:0px; color:#ffffff; cursor:pointer; font:bold 100% Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:2px 12px; vertical-align: top; } input.submit:hover { text-decoration:underline; } input.login { color:#111111; width:108px; } input.login.light { color:#8c8c8c; } input.loginSubmit { font-size:90.909090%; overflow:visible; padding:2px 12px 1px 12px; text-transform:uppercase; width:80px; } input.cwFilter { margin-top:1px; padding-bottom:1px; padding-top:1px; } div.required label { font-weight:bold; } div.checkbox label { padding-top:0px; } input.chkbox { margin-top:1px; } table.formMargin { margin-bottom:2px; } #trackers td, #rowsAnalogColors td { padding-top: 2px; } #trackers th { font-weight: normal; } fieldset { border:1px solid #d2d2d2; display:block; margin-bottom:15px; } fieldset.productPrices { margin-bottom: 1px; width: 336px; } fieldset.productPrices p { text-align: left; } legend { color:#111111; } fieldset.productPrices legend { font-weight: normal; } fieldset.productPrices label.w100, fieldset.productPrices td.w160 { width: 148px; } /* ------------------------------------------------------------------------------------------------- FLASH MESSAGES */ #flashMessage { border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; margin-bottom:15px; padding:15px 15px 15px 100px; } #flashMessage span { font-size:118.181818%; font-weight:bold; line-height:1.538461; } #flashMessage.added { background:url('../img/icon_add.png') no-repeat 17px 7px #efefef; } #flashMessage.saved { background:url('../img/icon_save.png') no-repeat 17px 7px #efefef; } #flashMessage.deleted { background:url('../img/icon_delete.png') no-repeat 17px 7px #efefef; } #flashMessage.info { background:url('../img/icon_info.png') no-repeat 17px 7px #efefef; } #flashMessage.error { background:url('../img/icon_error.png') no-repeat 17px 7px #efefef; } #flashMessage.warning { background:url('../img/icon_warning.png') no-repeat 17px 7px #efefef; } #flashMessage ul.marginLeft { margin-left: 2.5em; } #installChrome { background:url('../img/icon_chrome.gif') no-repeat 19px 12px #efefef; border:3px solid #c81414; margin-bottom:15px; padding:15px 15px 15px 100px; } #installChrome span { font-size:118.181818%; font-weight:bold; line-height:1.538461; } #routesReduced { border:1px solid #c81414; margin-bottom: 10px; } #systemMessage { border:3px solid #c81414; margin-bottom:15px; padding:15px 15px 15px 100px; } #systemMessage span { font-size:118.181818%; font-weight:bold; line-height:1.538461; } #systemMessage.warning { background:url('../img/icon_warning.png') no-repeat 19px 7px #efefef; } #systemMessage.loader { background:url('../img/loading_reports.gif') no-repeat 37px 25px #efefef; } /* ------------------------------------------------------------------------------------------------- TABLES */ th { background:#efefef; border-bottom:1px solid #d2d2d2; padding:2px 5px 3px 5px; } tr.row td { padding:4px 5px; } tr.row1 td { background:#ffffff; padding:4px 5px; } tr.row2 td { background:#f7f7f7; padding:4px 5px; } tr.border td { border-bottom:1px solid #d2d2d2; } tr.sortable td { background:#ffffff; border-bottom:1px solid #d2d2d2; padding:4px 5px; } tr.rowGrey td { background:#ededed; border-bottom:1px solid #d2d2d2; padding:4px 5px; } tr.rowSum td { border-bottom:3px double #d2d2d2; border-top:1px solid #d2d2d2; padding:4px 5px; } tr.line td { padding:2px 0px; } tr.calendarHead td { border-bottom:1px solid #d2d2d2; font-weight:bold; padding-bottom:1px; text-align:center; } tr.calendarRow1 td { background:#ffffff; border-bottom:1px solid #d2d2d2; padding-bottom:1px; text-align:center; } tr.calendarRow2 td { background:#f7f7f7; border-bottom:1px solid #d2d2d2; padding-bottom:1px; text-align:center; } table.tracking td { font-size:90.909090%; padding:0px; border-bottom:1px solid #d2d2d2; } tr.row1 .userEditSubmenu, tr.row1 .trackerEditSubmenu, tr.row1 .reportEditSubmenu { background:#ffffff; border-bottom:1px solid #d2d2d2; left:-8px; padding:2px 8px; position:absolute; top:-1px; width:199px; z-index:1000; } tr.row2 .userEditSubmenu, tr.row2 .trackerEditSubmenu, tr.row2 .reportEditSubmenu { background:#f7f7f7; border-bottom:1px solid #d2d2d2; left:-8px; padding:2px 8px; position:absolute; top:-1px; width:199px; z-index:1000; } tr.row1 .userEditSubmenu, tr.row2 .userEditSubmenu { width: 147px; } .languageDropdown .input, .languageDropdown .clear { display: inline; } .languageDropdown .clear { clear: none; } div.address_details .height { height: 22px; } div.address_details .height.hidden { display: none; } div.address_details .active .height.hidden, div.address_details .values .height.hidden { display: block; } div.address_details td.hex input { text-transform: uppercase; } div.address_details td.hex div.label { display: inline-block; vertical-align: middle; width: 40px; } div.address_details table.canbus td { border: 1px dotted #d2d2d2; padding: 1px 0px; text-align: center; width: 20px; } div.address_details table.canbus td.active { border: 1px solid #d2d2d2; } div.address_details table.canbus.editable td.active { border: 1px solid #333; cursor: pointer; } div.address_details table.canbus td.selected { background: #333; color: #fff; } div.address_details div.button { float: left; padding-left: 10px; } div.address_details div.button button { background: #c81414 url('../img/submit_background.gif') repeat-x; border: 0px; color: #ffffff; cursor: pointer; font: bold 100% Tahoma, Arial, Verdana, Helvetica, sans-serif; padding: 2px 12px; vertical-align: top; } div.address_details td.values div.value { margin-top: 3px; } div.address_details td.values div.value:first-child { margin-top: 0px; } div.address_details td.values div.key { font-weight: bold; padding-top: 2px; width: 120px; } div.address_details td.values div.table { font-weight: bold; padding-right: 20px; } div.address_details td.values div.delete { font-weight: bold; padding-top: 2px; } /* ------------------------------------------------------------------------------------------------- JQUERY */ .cw-state-highlight { background:#c81414; display:block; height: 15px; } #sortableGroup li.cw-droppable > table td { border-top: 1px solid #c81414; border-bottom: 1px solid #c81414; } #sortableGroup .ui-draggable td { cursor: pointer; } #sortableGroup li > table td { border-top: 1px solid #ffffff; } /* ------------------------------------------------------------------------------------------------- COMPARISON */ #comparisonSettings .marginLeft { margin-left: 70px; } #reportContainer h2 { background: none; color: #111111; font-size: 145.454545%; line-height: 1.25; margin: 24px 0px 12px 0px; padding: 0px; } p.quicklinks { background: #ffffff; margin: 0px 1px 1px 0px; padding: 3px 10px; } ul.quicklinks { list-style-type: none; margin: 0px !important; } ul.quicklinks li { float: left; padding: 0px 1px 1px 0px; width: 119px; } ul.quicklinks li.active { font-weight: bold; } ul.quicklinks a { background: #f7f7f7; display: block; padding: 3px 0px 3px 10px; } ul.quicklinks a:hover { background: #ffffff; } /* home slideshow */ #slideshow { height: 220px; overflow: hidden; position: relative; width: 1220px; } #slideshow img { left: 0px; position: absolute; top: 0px; } /* ------------------------------------------------------------------------------------------------- COMPARISON */ .features-image { float: left; padding-top: 20px; width: 175px; } .features-details { float: right; font-size: 13px; padding-top: 25px; width: 720px; } .features-details h3 { font-size: 16px; } .features-details ul { list-style-type: none; margin: 0px !important; } .features-details ul li { background: url('../img/features/bullet.png') no-repeat 7px 8px; background-size: 7px 7px; padding: 2px 0px 2px 22px; } /* tracking */ .col1 .motionAlert .trackingDetails.row1, .col1 .motionAlert .trackingDetails.row2, .col1 .motionAlert .row1 td, .col1 .motionAlert .row2 td { background: #fdd !important; color: #c81414 !important; } #reportsettings .geozone-refresh { border-top: 1px solid #ddd; margin: 10px 0 0 0; padding: 10px 0 0 0; } #reportsettings a.geozone-refresh-link { background: #fff; padding: 3px 3px 3px 20px; } #reportsettings a.geozone-refresh-link:hover { background: #efefef; }