/* === === === === === Swatch Colours ~~~~~~~~~~~~~~ c7cdd3 - body bg blue 677585 - footer text afb9c1 - postcode-box top border === === === === === */ /* Reset === === === === === === === === === === */ body {line-height:1; text-align:left;} fieldset, img {border:0;} input, select {vertical-align:middle;} :focus {outline:0;} table {border-collapse:collapse; border-spacing:0;} caption, th, td {text-align:left; vertical-align:top; font-weight:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} form {padding:0px; margin:0px;} /* Links, lists & type === === === === === === === === === === */ body {font-family: Arial, Helvetica, clean, sans-serif;} input, textarea, select, button {font-family:Arial, Helvetica, clean, sans-serif; font-size:12px; line-height:1.5; color:#515151;} /* form text */ h1, h2, h3, h4, h5, h6, p {margin-top:0;} p {font-size:12px;} #top-nav li, #side-nav li, #foot-nav li {list-style:none;} a {text-decoration:none; color:#677585;} a:visited {color:#677585;} a:hover, a:active {outline:none;} a:focus {-moz-outline-style:none;} a:hover {color:#000;} a, label, input[type = button], input[type = submit], button {cursor:pointer;} /* hand cursor on clickables */ strong, th {font-weight:bold;} /* Selection (click & drag highlighting */ ::-moz-selection {background:#339DC0; color:#fff; text-shadow:none;} ::selection {background:#339DC0; color:#fff; text-shadow:none;} a:link {-webkit-tap-highlight-color:#339DC0;} button {width:auto; overflow:visible;} /* body lists */ #spread ol {padding:0 0 0 20px; line-height:20px; margin:0 0 15px 10px;} #spread ul {padding:0 0 0 20px; line-height:20px; margin:0 0 15px 10px;} #spread li {margin:0 0 5px 0; font-size:12px;} #spread ul li {} .green_up {background:url(/images/up_arrow.png) 10px 23px no-repeat #68F218 !important;} .red_down {background:url(/images/down_arrow.png) 10px 23px no-repeat #C61111 !important; color:#FFF;} .green_down {background:url(/images/down_arrow.png) 10px 23px no-repeat #68F218 !important; color:#000; } .red_up {background:url(/images/up_arrow.png) 10px 23px no-repeat #C61111 !important; color:#FFF;} /* Body foundation === === === === === === === === === === */ html {height:100%; /* <-- sticky footer */ overflow-y:scroll;} body {height:100%; /* <-- sticky footer */ background:#c9d0d5 url(../images/body-bg-repeat-x.png) repeat-x top; position:hidden;} * html #wrapper {height:100%; /* <-- sticky footer */} #wrapper {position:relative; min-height:100%; /* <-- sticky footer */ width:960px; margin:0 auto;} .primary-structural-wrap {width:960px; height:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;} .final-row {padding-bottom:50px; /* <-- sticky footer, apply to bottom most parent element before .sticky-footer */} /* Misc & useful === === === === === === === === === === */ .clear {clear:both;} .rounded-5px {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .rounded-10px {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .rounded-20px {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} .box-shadow {/*-moz-box-shadow:4px 4px 4px #666; -webkit-box-shadow:4px 4px 4px #666;*/ box-shadow:3px 3px 6px #777;} .text-shadow {text-shadow: 2px 2px 2px #999;} .text-emboss {text-shadow: 2px 2px 2px #999;} .column {margin-right:15px; float:left;} .gutter {margin-right:0 !important;} .rotate-1 {transform:rotate(5deg); -ms-transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg);} .rotate-2 {transform:rotate(-7deg); -ms-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);} .extreme-indent {text-indent:-9999px;} .right-align {text-align:right;} .white-line-1 {position:absolute; top:473px; left:-391px; background:url(../images/white-line.png) repeat-x; height:1px; width:40%;} /* *** Header === === === === === === === === === === === === */ #header {height:56px; position:relative; overflow:visible; z-index:100;} #logo {position:absolute; left:25px; top:8px;} #dealer-id {color:#999; font-weight:bold; font-size:11px; text-transform:uppercase; position:absolute; top:32px; left:433px;} #logout {color:#000; font-weight:bold; font-size:11px; text-transform:uppercase; position:absolute; top:32px; left:703px;} #logout:hover {color:#003399;} #index-help {color:#000; font-weight:bold; font-size:11px; text-transform:uppercase; position:absolute; top:32px; left:200px;} /* *** Top-nav === === === === === === === === === === === === */ #top-nav {position:absolute; left:150px; top:8px; z-index:300;} #top-nav ul {float:left; position:relative; z-index:5; height:38px;} #top-nav li {float:left; margin:0 15px 0 0; height:38px; position:relative;} #top-nav li a, #top-nav span {color:#000; font-weight:bold; font-size:11px; text-transform:uppercase;} #top-nav li a {/* <-- slide door */ height:36px; display:block; padding:0 0 0 10px; margin:0; float:left;} #top-nav li span {/* <-- slide door */ height:36px; display:block; line-height:38px; padding:0 10px 0 0;} #top-nav li a:hover {/* <-- slide door */ background:url(../images/nav-li-left.png) no-repeat top left;} #top-nav li a:hover span {/* <-- slide door */ background:url(../images/nav-li-right.png) no-repeat top right; color:#003399;} /* dropdown */ #top-nav ul ul {border:1px solid #CBCBCB; display:none; background:#fff; position:absolute; left:0; top:37px; z-index:100; padding:10px 0 0 20px; min-height:285px; height:auto !important; height:285px; margin:0; width:127px;} #top-nav ul ul span {background:url(../images/nav-dropdown-bottom.png) no-repeat bottom left; height:12px; width:147px; display:block; position:relative; left:-21px; bottom:-12px;} #top-nav ul ul li {float:none; border-top:1px solid #e1e1e1; height:25px;} #top-nav ul ul li:first-child {border:none;} #top-nav ul ul a {white-space:nowrap; line-height:25px;} #top-nav ul li:hover ul {left:-10px;} #top-nav ul li:hover a {background:url(../images/nav-li-left.png) no-repeat top left;} /*persistent hover states*/ #top-nav ul li:hover a span {background:url(../images/nav-li-right.png) no-repeat top right; color:#003399;} /*persistent hover states*/ #top-nav ul li:hover ul a {padding:0; margin:0; color:#666; border:none; height:20px; background:none; text-transform:none; width:100px;} #top-nav ul li:hover ul li a:hover {color:#003399;} #top-nav ul li:hover ul { display:block; } /* *** Text page === === === === === === === === === === === === */ #textpage {min-height:622px; background:#fff; height:auto !important; height:622px; padding:20px; margin:1px 0 10px 0; width:920px;} #textpage #content {} #textpage #content h1 {line-height:18px; font-size:18px;} #textpage #content p {line-height:18px; font-size:12px;} /* *** Panel page === === === === === === === === === === === === */ #two_panel_page {margin:-1px 0 10px 0;} #left_panel {float:left; display:block; width:470px; background:url(/images/panel_shadow.png) right bottom no-repeat; padding:5px 9px 9px 5px; margin:0 0 0 -5px;} #left_panel a {} #right_panel {float:right; display:block; width:470px; background:url(/images/panel_shadow.png) right bottom no-repeat; padding:5px 9px 9px 5px; margin:0 -9px 0 0;} #right_panel a {} /* *** Help page === === === === === === === === === === === === */ #help_content {border-top:6px solid #AFB9C1; min-height:140px; background:#fff; height:auto !important; height:622px; padding:20px; margin:5px 0 10px 0; width:920px;} #help_content #content {position:relative;} #help_content #content h1 {line-height:18px; font-size:18px;} #help_content #content p {line-height:18px; font-size:12px;} .help_block {float:left; display:block; width:226px; margin:0 10px 0 0;} .help_block a {text-align:center; display:block; width:226px; height:21px; padding:11px 0 0 0; background:url(/images/help_heading_bg.png) left top no-repeat; font-weight:bold; font-size:12px; color:#333;} .help_block a:hover {background-position:0 -32px;} #callback {} #callback input {color:#AAA; font-weight:bold; background:url(/images/help_input_bg.jpg) left top no-repeat; margin:8px 0 0 0; padding:5px 10px; width:206px; height:22px; border:0;} #callback input:focus {color:#333;} #callback button {position:absolute; right:0; bottom:-30px; background:url(/images/submit-button.png) no-repeat; border:0; width:94px; height:24px; text-indent:-9999px;} /* *** Main Image === === === === === === === === === === === === */ #index-main-img-wrap {height:438px; width:967px; margin:0 0 5px 0; background:url(../images/main-image-bg.png) no-repeat;} #index-main-img {height:430px; width:960px; background:url(../images/index-main.jpg) no-repeat;} #overview-main-img-wrap {height:438px; width:967px; margin:0 0 5px 0; background:url(../images/main-image-bg.png) no-repeat;} #overview-main-img {height:430px; width:960px; background:url(../images/overview-main.jpg) no-repeat; position:relative;} #overview-help-img {height:430px; width:960px; background:url(../images/helpsupport_banner.jpg) no-repeat; position:relative;} /* *** Footer === === === === === === === === === === === === */ #footer {border-top:1px solid #677585; height:100px;} #copyright {float:left; color:#677585; font-size:10px; margin:5px 0 0 0; line-height:12px;} #foot-nav {float:right; margin-top:3px;} #foot-nav li {float:left; margin-left:10px;} #foot-nav li a {color:#677585; font-size:10px;} /* *** Main (index and buttons-options page) === === === === === === === === === === === === */ #main-index-wrap {margin:0 0 10px 0; background:url(../images/main-index-bg.png) no-repeat top left; height:191px; width:967px;} #main-index {background:#fff; position:relative; border-top:#afb9c1 6px solid; height:177px; width:960px;} /* Login Section */ #login {position:absolute; top:22px; left:20px; display:block; width:374px;} #login span#required {font-size:11px; display:block; text-align:right; width:50px; float:right; position:relative; bottom:5px; right:4px;} #login .row-input {margin:0 0 3px; clear:both;} #login .row-input span {display:inline-block; width:164px; font-size:12px;} #login .row-input input {border:1px #afb9c1 solid; width:194px; padding:12px 5px; vertical-align:middle;} #login button {background:url(../images/login-button.png) no-repeat; display:block; width:92px; height:24px; border:none; float:right;} /* Login Error and Validation */ #valid-1 {display:inline-block; position:absolute; top:22px; left:380px;} #valid-2 {display:inline-block; position:absolute; top:70px; left:379px; display:none;} .login-error {display:inline-block; width:170px; position:absolute;} .login-error img {float:left;} .login-error p {margin:0 0 0 15px; font-size:12px;} .login-error strong {display:block; font-size:13px;} .login-error a {color:#000; text-decoration:underline;} #error-1 {top:22px; left:379px; display:none;} #error-2 {top:70px; left:379px;} /* Registration */ #register {height:100px; width:374px; position:absolute; top:45px; right:30px;} #register p {position:relative; top:7px;} #register .row-input {margin:3px 0 0; clear:both;} #register input {border:1px #afb9c1 solid; padding:12px 5px;} #register button {background:url(../images/submit-button.png) no-repeat; display:block; width:92px; height:24px; border:none; float:right;} #register-name {width:226px;} #register-number {width:119px;} .kpi_result {position:absolute; top:25px; font-size:23px;} .stat-arrow-up {position:relative;} .stat-arrow-down {position:relative;} .stat-arrow-static {position:relative;} .kpi_result_hp {position:absolute; top:25px; font-size:23px;} /* *** Buttons (buttons-options page) === === === === === === === === === === === === */ #buttons-nav {height:98px; width:971px; padding:16px 0 0; margin-left:-3px !important;} #buttons-nav ul {} #buttons-nav li {list-style:none; float:left; width:70px; height:65px; margin:0 11px 0 0; position:relative; overflow:visible; background-position:center top; cursor:pointer;} #buttons-nav li:hover {background-position:center bottom;} #buttons-nav li.last {margin:0 !important;} #buttons-nav a {color:#333; font-size:11px; text-align:center; width:72px; display:block; position:absolute; top:70px; font-weight:bold;} #buttons-nav li:hover a {color:#666;} #button1 {background:url(/images/buttons/1.png) no-repeat;} #button2 {background:url(/images/buttons/2.png) no-repeat;} #button3 {background:url(/images/buttons/3.png) no-repeat;} #button4 {background:url(/images/buttons/4.png) no-repeat;} #button5 {background:url(/images/buttons/5.png) no-repeat;} #button6 {background:url(/images/buttons/6.png) no-repeat;} #button7 {background:url(/images/buttons/7.png) no-repeat;} #button8 {background:url(/images/buttons/8.png) no-repeat;} #button9 {background:url(/images/buttons/9.png) no-repeat;} #button10 {background:url(/images/buttons/10.png) no-repeat;} #button11 {background:url(/images/buttons/11.png) no-repeat;} #button12 {background:url(/images/buttons/12.png) no-repeat;} #button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9, #button10 {margin:0 12px 0 0 !important;} /* *** Carousel (buttons-options and overview pages) === === === === === === === === === === === === */ #cycle-wrap {height:77px; width:967px; margin:0 0 10px; position:relative; background:url(../images/carousel-wrap-bg.png) no-repeat bottom right;} #cycle-wrap li {background:url(../images/carousel-bg.png) bottom repeat-x; list-style:none; width:191px; float:left; border-left:1px solid #afb9c1; height:64px; border-top:5px solid #afb9c1; cursor:pointer;} #cycle-wrap li:hover {border-top:5px solid #2A5A88; background:url(../images/carousel-bg-hover.png) repeat-x;} #cycle-wrap li#selected {border-top:5px solid #2A5A88; background:url(../images/carousel-bg-hover.png) repeat-x;} #cycle {width:960px; display:block; overflow:hidden !important;} #cycle li div {height:59px; width:190px;} #cycle li p {padding:5px 0 0 5px; margin:0;} #cycle li p:first-child {font-weight:bold;} #cycle li p span {color:#677484; text-transform:uppercase; font-size:10px;} #cycle li p span.kpi_result {font-size:23px; padding-top:5px;} #cycle li:hover p span {color:#333;} #cycle li#selected p span {color:#333;} #cycle-prev {background:url(../images/carousel-prev.png) no-repeat top left; left:-20px; top:25px;} #cycle-next {background:url(../images/carousel-next.png) no-repeat top left; right:-20px; top:25px;} #cycle-prev a {background:url(../images/carousel-prev.png) no-repeat bottom left;} #cycle-next a {background:url(../images/carousel-next.png) no-repeat bottom left;} #home_cycle-wrap {height:77px; width:967px; margin:0 0 10px; position:relative; background:url(../images/carousel-wrap-bg.png) no-repeat bottom right;} #home_cycle-wrap li {background:url(../images/carousel-bg.png) bottom repeat-x; list-style:none; width:191px; float:left; border-left:1px solid #afb9c1; height:64px; border-top:5px solid #afb9c1; cursor:pointer;} #home_cycle-wrap li:hover {background:url(../images/carousel-bg.png) bottom repeat-x; list-style:none; width:191px; float:left; border-left:1px solid #afb9c1; height:64px; border-top:5px solid #afb9c1; cursor:pointer;} #home_cycle-wrap #cycle li p span, #home_cycle-wrap #cycle li:hover p span {color:#333; } #home_cycle-wrap #cycle li, #home_cycle-wrap #cycle li:hover {cursor:default !important;} #home_cycle-wrap #cycle li p span {color:#677484; text-transform:none; font-size:12px;} #home_cycle-wrap #cycle li p span.kpi_result_hp {font-size:23px;} .carousel-control {height:16px; width:11px; position:absolute; display:block;} .stat-arrow-up {background:url(../images/stat-arrow-up.png) no-repeat 95% 88%;} .stat-arrow-down {background:url(../images/stat-arrow-down.png) no-repeat 95% 88%;} .stat-arrow-static {background:url(../images/stat-arrow-static.png) no-repeat 92% 88%;} /* *** Main (overview page) === === === === === === === === === === === === */ #overview-main {overflow:hidden; height:556px; width:960px; margin:1px 0 0 0; background:#fff; position:relative;} /* *** Graph Key === === === === === === === === === === === === */ #graph-key {position:absolute; top:0; left:5px;} #graph-key span {font-size:11px; padding:0 0 0 15px; margin:0 5px 0 0; background:url(/images/graph_key.jpg) no-repeat;} span#dealer_id {background-position:5px 3px;} span#national {background-position:5px -15px;} span#regional {background-position:5px -33px;} span#area {background-position:5px -51px;} span#target {background-position:5px -69px;} /* *** Overview - Sidebar Indicator === === === === === === === === === === === === */ #side-bar {width:225px; position:absolute; left:25px; top:40px;} #page-title {font-size:14px; font-weight:bold; text-transform:uppercase; padding:0 0 0 5px; margin:0 0 22px;} #indicator-title {background:url(../images/page-title-1-bg.png) no-repeat top left; width:205px; height:38px; margin:0 0 14px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:14px; padding:10px 10px 0 10px; font-size:11px;} .twoLine {height:31px !important; padding-top:17px !important;} #target-title {background:url(/images/bignumber_bg.jpg) left top no-repeat; margin:0 0 10px 0; padding:7px 0; font-size:35px; color:#333; text-align:center;} #score_versus {font-weight:bold; font-size:11px; color:#333; text-align:center; margin:0 0 13px 0;} .indicator-block {float:left; display:block; width:75px; position:relative;} .indicator-block p span {display:none; position:absolute; width:75px; top:47px; left:0px; background:#E1E1E1;} .indicator-block span a {display:block; padding:4px; } .indicator-block span a:hover {background:#333; color:#fff; } .indicator-block a {color:#000;} .indicator-block:hover span {display:block;} #indicator-blocks-wrap-1 {min-height:160px; height:auto !important; height:160px;} #indicator-blocks-wrap-1 .indicator-block {height:160px; background:url(../images/indicators-header.png) no-repeat top;} #indicator-blocks-wrap-1 p {width:75px; height:46px; margin:0; text-align:center; padding:7px 0 0; line-height:13px; font-size:11px;} #indicator-blocks-wrap-1 img {} #indicator-blocks-wrap-2 {} #indicator-blocks-wrap-2 .indicator-block {height:101px;} #indicator-blocks-wrap-2 p {} #indicator-blocks-wrap-2 img {} #indicator-stats {background:url(../images/indicator-stats-bg.png) no-repeat top left; height:53px; clear:both;} #indicator-stats p {margin:0; width:75px; float:left; text-align:center; font-size:16px; margin-top:17px; color:#333;} #indicator-stats .big-stat {font-size:20px; font-weight:bold; margin-top:13px !important; } .rel_val {font-size:9px !important; color:green !important; position:relative !important; padding:2px 0px 0px 0px !important; display:block !important;} /* *** Overview - Graph === === === === === === === === === === === === */ #graph-wrap {width:608px; height:292px; position:absolute; right:25px; top:75px;} #graph-wrap .title {background:url(../images/graph-title-bg.png) no-repeat top left; width:125px; height:32px; margin:0 0 20px; text-transform:uppercase; line-height:32px; padding:0 0 0 10px; font-size:11px;} #graph {height:220px; border-top:1px solid #bbb; padding:12px 0 0 0;} #graph-placeholder {height:220px; position:relative; z-index:20;} #graph-placeholder img {position:absolute; top:0px; left:-20px; z-index:20;} #bottom_border {position:absolute; bottom:15px; left:25px; border-bottom:1px solid #BBB; width:910px; height:5px; display:block;} /* *** Overview - Statistics Table === === === === === === === === === === === === */ #stats-table-wrap {width:670px; position:absolute; right:25px; top:378px;} #stats-table-wrap p {font-size:11px;} #stats-table-side {width:55px; height:80px; background:url(../images/stat-table-side.png) no-repeat top left; position:absolute; left:0px; top:31px; padding:30px 0 0;} #stats-table-side p {text-align:right; line-height:10px; padding:0 6px 0 0; margin:0 0 11px;} #stats-table {position:absolute; right:0px; padding:0 0 12px 0;} .stats-table-phase {background:url(../images/stat-table-bg-main.png) no-repeat top left; height:147px; width:153px; float:left;} .stats-table-phase p {height:33px; line-height:33px; text-align:center; text-transform:uppercase; font-weight:bold;} .stats-table-phase th {font-size:11px; text-transform:uppercase; text-align:center; padding:0 0 10px; color:#9e9e9e;} .stats-table-phase td {font-size:11px; text-align:center; height:21px;} #graph-placeholder {position:relative;} #hide_white_space {position:absolute; bottom:-8px; right:-12px; display:block; height:10px; width:623px; background:#fff; z-index:90;} #hide_white_left {position:absolute; top:2px; left:-7px; width:5px; background:#000; height:100%; background:#fff; z-index:90;} td.right { width:197px; text-align:right !important; font-weight:bold; padding:0px 5px 0px 5px !important; font-size:10px !important;} td.right span {font-size:20px;} #shaded {background:#DDD; font-size:12px !important;} /* *** Overview - Table Overlay === === === === === === === === === === === === */ #table-overlay {background:url(../images/table-overlay-bg.png) no-repeat top left; width:631px; height:386px; position:absolute; top:110px; left:333px; z-index:100; display:none;} #table-over {display:none; background:url(../images/table-overlay-bg.png) no-repeat top left; width:631px; height:386px; position:absolute; top:110px; left:333px; z-index:100; } #table-over table {position:absolute; border-collapse:collapse; left:22px; font-size:13px; top:112px;} #table-over td { padding:0px 0px 0px 10px; border-bottom:1px solid #898989; border-top:1px solid #898989; border-right:1px solid #898989; height:38px; text-align:left; vertical-align:middle;} #table-over td label {display:block; float:left; font-weight:bold; color:#444; width:150px; margin:0px 10px 0px 0px; } #table-over td input { } #table-over td button {background:#DDDDDD; color:#000; border:0px; font-size:12px; display:block; float:right; margin:0px 35px 0px 0px; padding:5px 10px 5px 10px;} #table-over td button:hover {background:#CCC;} .reset {background:#DDDDDD; cursor:pointer; color:#000; border:0px; text-transform:uppercase; font-size:12px; display:block; float:right; margin:0px 5px 0px 0px; padding:8px 10px 8px 10px;} .reset:hover {background:#CCC;} #overlay-title {margin:65px 0 0 30px;} #overlay-title p {color:#333; text-transform:uppercase; margin:0; font-size:18px; font-weight:bold;} #overlay-title p:first-child {color:#999;} #overlay-figure {position:absolute; top:50px; right:90px; text-align:right;} #overlay-figure p {font-size:16px; line-height:22px;} #overlay-figure p span {display:block; font-size:24px; } input.read_only {background:#ccc !important; opacity:0.6;} /* border collapse:table */ #table-overlay table {position:absolute; border-collapse:collapse; left:22px; font-size:13px; top:112px;} #table-overlay th {width:100px; background:#DDDDDD; border-bottom:1px solid #898989; border-right:1px solid #898989; height:35px; text-align:center; vertical-align:middle; text-transform:uppercase; font-size:12px;} #table-overlay th#first {background:#898989;} #table-overlay th#profit {background:#00F900; border-right:0px solid #898989 !important;} #table-overlay td {width:97px; border-bottom:1px solid #898989; border-right:1px solid #898989; height:38px; text-align:center; vertical-align:middle;} #table-overlay td:first-child, #table-overlay th:first-child {width:144px; height:32px; text-align:center; font-weight:bold;} #table-overlay td.profit_td {border-right:0px;} .white {color:#fff !important;} .red {color:#FF2F2F !important;} #overlay-close {width:25px; padding:30px 5px 0 0; display:block; position:absolute; top:21px; right:30px; font-size:11px; text-transform:uppercase; background:url(/images/close_graphic.png) 4px top no-repeat;} #overlay-close:hover {background-position:-71px top; color:#333;} #overlay-print {width:25px; padding:25px 5px 0 0; display:block; position:absolute; top:321px; right:30px; font-size:11px; text-transform:uppercase; background:url(/images/print_graphic.png) 4px top no-repeat;} #overlay-print:hover {background-position:-78px top; color:#333;} #overlay-close2 {width:25px; padding:30px 5px 0 0; display:block; position:absolute; top:21px; right:30px; font-size:11px; text-transform:uppercase; background:url(/images/close_graphic.png) 4px top no-repeat;} #overlay-close2:hover {background-position:-71px top; color:#333;} #overlay-print2 {width:25px; padding:25px 5px 0 0; display:block; position:absolute; top:321px; right:30px; font-size:11px; text-transform:uppercase; background:url(/images/print_graphic.png) 4px top no-repeat;} #overlay-print2:hover {background-position:-78px top; color:#333;} p#cal_disable {top:74px; right:142px; display:block; background:url(../images/overlay-buttons.png) no-repeat; position:absolute; width:106px; height:32px; color:#fff; text-align:center; line-height:32px; text-transform:uppercase; font-size:11px; z-index:1;} #calculate, #what-if {display:block; background:url(../images/overlay-buttons.png) no-repeat; position:absolute; width:106px; height:32px; color:#fff; text-align:center; line-height:32px; text-transform:uppercase; font-size:11px;} #calculate:hover, #what-if:hover {color:#000;} #calculate {top:74px; right:142px; z-index:500;} #what-if {top:74px; right:35px;}