/**************************** CHRIS START **********************************/ /* Shell */ html {height: 100%; margin: 0px; padding: 0px; } body {margin: 0px; padding: 0px; font-family: Arial; font-size: 1em; height: 100%; min-height: 100%;} body, form { height: 100%; min-height: 100%; } .twitter ul {margin:0;padding:0 5px;} .twitter ul li{ list-style-image:none;list-style-type:none;font-size:11px;margin:0;padding:0;} .twitter #info{font-size:10px;color:#777;} #header {height: 124px; width: 100%; min-width: 990px; text-align: center; margin: 0; padding: 0; clear: both; background-color: transparent; font-size: 0; z-index: 2;} #header_bg {position: absolute; top: 104px; width: 100%; height: 18px; margin: 0; padding: 0; left: 0; background-color: transparent; display: block; font-size: 0;} #header_footer {background-color: transparent; height: 4px; width: 100%; position: relative; top: 122px; left: 0; display: block; font-size: 0;} .header_container {width: 980px; line-height: normal; text-align: left; margin: 0 auto; padding: 0 0 4px 0; clear: both; position: relative;} #block_menu {width: 100%; min-width: 990px; margin: 10px 0 0px 0; padding: 0; clear: both; font-size: 0; } #block_menu_container {width: 980px; height: 50px; clear: both; margin: 0 auto; padding: 0; font-size: 0;} #block_menu ul {background-color: #FFF; width: 980px; margin: 0; padding: 0;} #block_menu ul li, #block_menu ul li .last {width: 326px; height: 46px; margin: 0 1px 0 0; padding: 0; background-color: #F4F4F4; float: left; clear: none; text-align: center; list-style-image: none; list-style-type: none;} #block_menu .last {width: 326px; margin: 0;} #block_menu li div {margin: 0 auto; padding: 4px; float: none; display: block; position: relative;} #block_menu li img {height: 40px; width: 40px; margin: 0 10px 0 0; clear: none; float: left;} #block_menu li span {clear: none; color: #005DAB; font-size: 16px; margin: 0; padding: 10px 0 0 0; float: left;} #block_menu li span a {font-weight: normal; padding: 20px 0 0 0; color: #005DAB;} .colours { display: block; width: 100%; height: 25px; } .hidden { display: none; } .modal_tabs { position: absolute; bottom: 0px; left: 10px; color: #4B4B4B; } .modal_tab { background-color: #A7CCE9; width: 135px; float: left; margin-right: 5px; text-align: center; padding-top: 8px; padding-bottom: 8px; font-weight: bold; font-size: 14px; cursor: pointer; } .active_modal_tab { background-color: #FFF; width: 135px; float: left; margin-right: 5px; text-align: center; padding-top: 8px; padding-bottom: 8px; font-weight: bold; font-size: 14px; cursor: pointer; } #wrapper_footer { position: relative; margin-top: -173px; /* negative value of footer height */ height: 173px; clear:both; background-image: url('/images/common/footer.png'); } #footer_content { margin: 0 auto; width: 980px; position: relative; } #footer { width: 100%; min-width: 990px; padding: 0; clear: both; font-size: 0; background-image: url('/images/common/footer.png'); position: relative; height: 173px; margin-top: -173px; } .footer_container { width: 980px; margin: 0 auto; padding: 0; font-size: 0; height: 173px; position: relative; overflow: hidden; } #footer_content .copyright {font-size: 11px; color: #C3ECFF; width: 34%; float: left; margin-top: 14px; position: absolute; top: 50px; left: 0px; } #footer_content .menu { color: #C3ECFF; font-size: 14px; height: 14px; padding: 0; margin: 14px 0 0 0; letter-spacing: 0px; text-align: right; position: absolute; top: 12px; right: 0px;} #footer_content .menu a, .rounded_footer a, .rounded_footer {color: #C3ECFF; text-decoration: none; font-weight: bold; margin-right: 10px; font-size: 14px; } #footer_content .menu a:hover {text-decoration: underline;} #footer_content .info { color: #4397D5; width: 980px; font-size: 10px; margin: 0; text-align: left; position: absolute; top: 90px; left: 0px; } #footer_content .poweredby {width: 146px; height: 79px; float: right; position: relative;} .rounded_footer { position: absolute; top: 15px; left: 0px; width: 363px; height: 25px; background-image: url('/images/common/footer_rounded.png'); font-size: 14px; padding-top: 10px; padding-left: 22px; } .rounded_footer a { margin-right: 0px; } #page_container {width: 100%; min-width: 990px; text-align: center; margin: 4px 0 0 0; padding: 0; } .page_content, .page_content_full {width: 100%; margin: 0 auto; padding: 0; top: 0; text-align: left; font-size: 14px; background-color: #FFF; background-repeat: repeat-y; } .page_content {background-image: url('/images/common/cols.gif');} .page_content_full { padding-bottom: 173px; } #main_logo {margin: 0; padding: 13px 0 0 5px; margin: 0; width: 220px; height: 75px; float: left;} #header_tabs { height: 24px; max-height: 24px; padding: 0; margin: 0; clear: both; font-size: 0; z-index: 0;} #header_tabs ul {padding: 0 0 0 5px; margin: 0; height: 24px; display: block; font-size: 0; margin-left: 15px;} #header_tabs ul li { height: 24px; text-align: center; line-height: 18px; list-style-type: none; list-style-image: none; float: left; margin: 0 0px 0 0; min-width: 83px; } #header_tabs ul .normal{ padding-top: 3px; margin: 0px; } #header_tabs ul .normal a {width: 100%; display: block; text-decoration: none; color: #FFF; font-family: Arial; font-size: 12px; font-weight: bold;} #header_tabs ul .selected{background-image: url('/images/common/header-on.png'); background-repeat: no-repeat; padding-top: 3px; } #header_tabs ul .selected a {width: 100%; display: block; text-decoration: none; color: #FFF; font-family: Arial; font-size: 12px; font-weight: bold;} #header_tabs ul .selected a:hover, #header_tabs ul .normal a:hover {text-decoration: none;} #banner_large_holding {float: left; clear: both; width: 980px; height: 216px; background-image: url('/images/banners/holding_banner.jpg'); background-repeat: no-repeat; position: relative;} #banner_large {float: left; clear: both; width: 980px; height: 216px; background-image: url('/images/banners/home_banner_light.jpg'); background-repeat: no-repeat; position: relative; margin: 8px 0 0 0;} #banner_large h1 {color: #000; font-size: 28px;} #banner_large ul {list-style-type: disc;} #banner_large ul li {font-size: 18px; font-weight: lighter; color: #444;} #banner_large p {margin: 0; padding: 0; font-size: 18px; color: #000;} #banner_tabs {background-color: #5372A8; height: 60px; float: left; clear: both; margin: 0; padding: 0;} #banner_tabs ul {width: 980px; height: 60px; margin: 0; padding: 0;} #banner_tabs ul li {float: left; width: 244px; margin: 0 1px 0 0; padding: 0; height: 60px; text-align: center; list-style-type: none; list-style-image: none; display: block; background-image: url('/images/common/banner_tabs_bg.jpg');} #banner_tabs ul li a {width: 244px; height: 20px; padding: 20px 0; display: block; background-position: 0 0; background-repeat: repeat-x; color: #B9D3EE; font-size: 16px; font-weight: normal;} #banner_tabs ul li a:hover {color: #FFF; font-size: 17px; text-decoration: none;} img {behavior: url(/iepngfix.htc);} #left_col {width: 650px; float: left;} #left_col_full {width: 980px; float: left;} #right_col2 {width: 300px; float: right; padding: 0; margin: 0 2px 0 0;} .radioinput {margin: 2px 0; padding: 0;} .radioinput td {margin: 0; padding: 0;} #powered_by {width: 320px; float: right; border-left: solid 1px #CCC; background-color: #E7E7E7; padding: 0; margin: 0;} #powered_by img {margin: 0 0 20px 40px;} .hdivider {background-image: url('/images/common/bluespot.gif'); height: 3px; width: 100%; clear: none; padding: 0; margin: 10px 0; float: left; font-size: 0;} .vdivider {background-image: url('/images/common/bluespot.gif'); width: 3px; clear: none; padding: 0; margin: 0 20px; float: left; font-size: 0;} /* Elements */ .banner {clear: both;} .banner p {padding: 0; margin: 0;} .banner ul {padding: 0 10px 10px 10px; margin: 0;} .banner ul li {line-height: 12px; color: #FFF; padding: 0; margin: 5px;} .banner_number {float: left; padding: 5px 10px; height: 23px; width: 23px;} .banner_number_text {float: left; color: #FFF; font-size: 14px; width: 120px; line-height: 16px;} .banner_number_text a {color: #FFF; text-decoration: none; font-weight: normal;} .banner_number_text a:hover {text-decoration: underline;} .info_box {width: 220px; padding: 0; margin: 0;} .info_box_top {width: 220px; height: 9px; background-image: url('/images/common/info_box_top.gif'); background-repeat: no-repeat; background-position: center bottom; margin: 0; padding: 0;} .info_box_main {width: 220px; min-height: 159px; background-color: #EEF7FE; background-image: url('/images/common/info_box_main.gif'); background-repeat: no-repeat; background-position: bottom; margin: 0; padding: 0 0 9px 0; overflow: hidden; position: relative;} .info_box_main p {line-height: 12px; padding: 10px 20px;} .info_box_main .note {font-size: 10px; padding: 4px 20px 0 20px;} .info_box_main .subheading {font-weight: bold; padding: 0 20px; margin: 0;} .info_box_main h1 {line-height: 12px; padding: 10px 20px; margin: 0; font-size: 16px; color: #326698;} .info_box_main #more {position: absolute; bottom: 9px; left: 20px; width: 75px; height: 20px;} .info_box_main #more a {background-image: url(/images/common/info_box_button.gif); background-position: 0 0; background-repeat: no-repeat; color: #666; font-size: 10px; text-decoration: none; text-align: center; padding: 0; margin: 0; display: block; width: 75px; height: 20px;} .info_box_main #more a:hover {background-position: 0 -20px;} .info_box_main #more a span {position: absolute; top: 4px; left: 0; width: 75px; cursor: pointer;} .button_blue_small {width: 40px; height: 20px; overflow: hidden; margin: 4px 0; float: left;} .button_blue_small a {width: 40px; height: 20px; display: block; background-image: url(/images/common/button_blue_small.gif); background-position: 0 0; background-repeat: no-repeat; color: #666; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none;} .button_blue_small a:hover {background-position: 0 -20px; text-decoration: none;} .button_blue_small span {position: relative; top: 3px; width: 40px; height: 16px; overflow: hidden;} td .button_blue_small span {position: relative; top: 0; width: 40px; height: 16px; overflow: hidden;} .button_blue_big {width: 100px; height: 20px; overflow: hidden; margin: 4px 0; float: left;} .button_blue_big a {width: 100px; height: 20px; display: block; background-image: url(/images/common/button_blue_big.gif); background-position: 0 0; background-repeat: no-repeat; color: #666; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none;} .button_blue_big a:hover {background-position: 0 -20px; text-decoration: none;} .button_blue_big span {position: relative; top: 3px; width: 100px; height: 16px; overflow: hidden;} td .button_blue_big span {position: relative; top: 0; width: 100px; height: 16px; overflow: hidden;} .button_yellow {width: 60px; height: 23px; overflow: hidden; margin: 10px 0; clear: both; float: left;} .button_yellow a {width: 60px; height: 36px; display: block; background-image: url(/images/common/button_yellow.gif); background-position: 0 0; background-repeat: no-repeat; color: #000; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none; font-style: normal;} .button_yellow a:hover {background-position: 0 -23px; text-decoration: none;} .button_yellow span {position: relative; top: 4px; width: 60px; height: 14px; overflow: hidden;} td .button_yellow span {position: relative; top: 1px; width: 60px; height: 14px; overflow: hidden;} .button_yellow_big, .button_orange_big {width: 100px; height: 23px; overflow: hidden; margin: 10px 0; clear: both; float: left;} .button_yellow_big a, .button_orange_big a {width: 100px; height: 36px; display: block; background-position: 0 0; background-repeat: no-repeat; color: #000; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none; font-style: normal;} .button_yellow_big a {background-image: url(/images/common/button_yellow_big.gif);} .button_orange_big a {background-image: url(/images/common/button_orange_big.gif);} .button_yellow_big a:hover, .button_orange_big a:hover {background-position: 0 -23px; text-decoration: none;} .button_yellow_big span, .button_orange_big span {position: relative; top: 4px; width: 100px; height: 14px; overflow: hidden;} .button_yellow_xlarge {width: 238px; height: 29px; overflow: hidden; margin: 10px 0; clear: both; float: none;} .button_yellow_xlarge a {width: 238px; height: 29px; display: block; background-image: url(/images/common/button_yellow_xlarge_noborder.gif); background-position: 0 0; background-repeat: no-repeat; color: #114672; font-weight: bold; font-size: 18px; text-align: center; text-decoration: none; font-style: normal;} .button_yellow_xlarge a:hover {background-position: 0 -29px; text-decoration: none;} .button_yellow_xlarge span {position: relative; top: 2px; width: 238px; height: 29px; overflow: hidden;} .button_yellow_banner, .button_yellow_banner_new, .button_yellow_banner_signup {width: 156px; height: 45px; overflow: hidden; margin: 10px 0; clear: both; float: left;} .button_yellow_banner a, .button_yellow_banner_new a, .button_yellow_banner_signup a {width: 156px; height: 45px; display: block; background-image: url(/images/common/button_banner_yellow.gif); background-position: 0 0; background-repeat: no-repeat; color: #000; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none; font-style: normal;} .button_yellow_banner a:hover, .button_yellow_banner_new a:hover, .button_yellow_banner_signup a:hover {background-position: 0 -45px; text-decoration: none;} .button_yellow_banner_new a {background-image: url(/images/common/button_banner_yellow_new.png);} .button_yellow_banner_signup a {background-image: url(/images/common/button_banner_yellow_signup.png);} .panel {width: 100%; clear: both; padding: 0; margin: 0;} .panel .button {width: 200px; height: 125px; background-color: #FFF; border: solid 1px #999; float: left; margin: 0 6px; padding: 0; text-align: center;} .panel .button .padding {background-color: #F5F5F5; margin: 5px; padding: 0;} .panel .button img {width: 77px; height: 60px; margin: 5px auto; padding: 0 0 5px 0; display: block; clear: both; float: none;} .panel .button span {width: 120px; height: 45px; display: block; overflow: hidden; clear: both; margin: auto;} .panel .button span a {color: #3269BC; font-size: 18px; font-weight: normal;} .panel_50 {width: 290px; padding: 7px; margin: 0 6px;} .panel_50 .link, .panel_50 .link_bottom {width: 290px; margin: 0; padding: 5px 0 0 0; height: 45px; clear: both; display: block;} .panel_50 .link {border-bottom: 1px solid #CCC;} .panel_50 .link img, .panel_50 .link_bottom img {width: 40px; height: 40px; float: left;} .panel_50 .link span, .panel_50 .link_bottom span {float: left; margin: 10px 0 0 20px;} .panel_50 .link a, .panel_50 .link_bottom a {color: #767980; font-size: 16px; font-weight: normal;} .grey_bar {height: 58px; clear: both; padding: 0; margin: 0;} .grey_bar .l {background-image: url('/images/common/grey_bar_l.gif'); background-repeat: no-repeat; width: 2px; height: 58px; clear: none; float: left; padding: 0; margin: 0;} .grey_bar .m {background-image: url('/images/common/grey_bar_m.gif'); background-repeat: repeat-x; height: 38px; clear: none; float: left; padding: 10px; margin: 0;} .grey_bar .m img {float: right; width: 107px; height: 34px;} .grey_bar .m p {float: left; text-align: left; font-size: 16px; padding: 8px 0; margin: 0; color: #333;} .grey_bar .r {background-image: url('/images/common/grey_bar_r.gif'); background-repeat: no-repeat; width: 2px; height: 58px; clear: none; float: left; background-color: Black; padding: 0; margin: 0;} .grey_bar_box {border-left: solid 2px #AAA; border-right: solid 2px #AAA; border-bottom: solid 2px #AAA; clear: both; margin: 0; padding: 0;} .blue_bar {height: 38px; padding: 0 5px; background-image: url('/images/common/blue_header.gif'); background-repeat: repeat-x; border-left: 1px solid #74A5E8; border-top: 1px solid #74A5E8; border-right: 1px solid #74A5E8;} .yellow_bar {height: 38px; padding: 0 5px; background-image: url('/images/common/yellow_header.gif'); background-repeat: repeat-x; border-left: 1px solid #FFE457; border-top: 1px solid #FFE457; border-right: 1px solid #FFE457;} .info_table {width: 100%; padding: 0; margin: 20px 0;} .info_table th {background-color: #BBA891; color: #FFF; font-weight: bold; font-size: 14px; padding: 5px 10px;} .info_table td {background-color: #EAE7E4; color: #666; font-size: 12px; padding: 5px 10px; border: solid 1px #FFF;} .form_main, .form_main_wide {margin: 10px 0; padding: 4px; width: 500px; } .form_main_wide {width: 636px;} .form_main .row, .form_main_wide .row {width: 480px; height: 40px; float: left; clear: both; padding: 0 10px; margin: 0;} .form_main_wide .row {width: 616px;} .form_main .left, .form_main_wide .left {width: 130px; height: 27px; display: block; float: left; color: #4372C0; font-size: 14px; font-weight: normal; padding: 5px 10px 0 0; text-align: right;} .form_main .right, .form_main .right_small, .form_main .right_text, .form_main .right_large, .form_main .right_full, .form_main_wide .right, .form_main_wide .right_small, .form_main_wide .right_text, .form_main_wide .right_large {width: 340px; height: 30px; display: block; float: right; text-align: left; color: #666; font-style: italic; font-size: 11px; padding: 2px 0 0 0; margin: 0;} .form_main_wide .right, .form_main_wide .right_small, .form_main_wide .right_text, .form_main_wide .right_large {width: 476px;} .form_main .right_full {float: left; width: 480px;} .form_main .right img, .form_main .right_small img, .form_main .right_check img, .form_main_wide .right img, .form_main_wide .right_small img, .form_main_wide .right_check img {margin-left: 5px;} .form_main .right_text {color: #333; font-style: normal; font-size: 14px; padding: 5px 0 0 0; height: 27px;} .form_main .right input, .form_main .right_small input, .form_main .right textarea, .form_main .right select, .form_main .right_large textarea, .form_main_wide .right input, .form_main_wide .right_small input, .form_main_wide .right textarea, .form_main_wide .right select, .form_main_wide .right_large textarea {border-top: solid 1px #D7D7DB; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; border-right: solid 1px #E1E1E1;} .form_main .right input, .form_main .right select, .form_main .right textarea, .form_main .right_large textarea, .form_main_wide .right input, .form_main_wide .right select, .form_main_wide .right textarea, .form_main_wide .right_large textarea {width: 300px; height: 22px;} .form_main_wide .right input, .form_main_wide .right_large input {width: 450px;} .form_main .right select {height: 24px; margin: 2px 0 0 0;} .form_main .right_full select {height: 24px; margin: 2px 0 0 0; width: 480px;} .form_main .right .radio {padding: 0; margin: 0; border: none;} .form_main .right .radio input {width: 50px; padding: 0; margin: 0; border: none;} .form_main .right_small input {width: 100px;} .form_main .right textarea {height: 80px;} .form_main .right_large textarea, .form_main_wide .right_large textarea {height: 200px;} .form_main .right .button {width: 100px;} .form_main .right_check, .form_main_wide .right_check {width: 340px; height: 32px; display: block; float: right; text-align: left; color: #666; font-style: italic; font-size: 11px; } .form_main_wide .right_check {width: 476px; padding: 0; margin: 0; height: 10px; line-height: 10px; font-style: normal; font-size: 13px;} .form_main_wide .right_check td, .form_main .right_check td {margin: 0; padding: 0;} .form_main .right_check label {font-size: 12px; font-style: normal;} .form_main .required, .form_main_wide .required {text-align: right; clear: both; font-size: 10px; font-weight: bold; color: #4372C0; width: 100%;} .form_main .right_check input { /*width: 350px;*/ } .form_main .right .upload {background-color: #FFF;} .form_side {margin: 10px 0; width: 282px;} .form_side .row {width: 100%; height: 40px; float: left; clear: both;} .form_side .left {width: 80px; height: 100%; display: block; float: left; color: #444; font-size: 12px; font-weight: bold; padding: 8px 2px 2px 8px;} .form_side .right {width: 180px; height: 100%; display: block; float: right; padding: 6px 4px;} .form_side .right input {width: 160px;} .form_side .right textarea {width: 160px; height: 50px;} .form_side .right .button {width: 100px;} .calculator {margin: 10px 0; width: 540px; clear: both; padding: 4px; border: solid 1px #CCC;} .calculator .row {height: 42px; float: left; clear: both; width: 520px; background-color: #F7F7F9; padding: 0 10px; margin: 0;} .calculator .left {width: 300px; height: 35px; display: block; float: left; text-align: left; color: #4372C0; font-size: 14px; font-weight: normal; padding: 3px 10px 3px 0; border-bottom: solid 1px #E9E9E9;} .calculator .right, .calculator .right_small {width: 200px; height: 27px; display: block; float: left; padding: 6px 4px 8px 4px; background-color: #F7F7F9; text-align: left; color: #666; font-style: italic; font-size: 11px; border-bottom: solid 1px #E9E9E9;} .calculator .right input {width: 300px;} .calculator .right_small input {width: 100px;} .calculator .right select {width: 100px; padding: 0; margin: 0;} .calculator .result {width: 80px; height: 27px; display: block; float: right; padding: 6px 4px 8px 4px; border-bottom: solid 1px #999; text-align: right; color: #333; font-style: normal; font-size: 12px; font-weight: bold;} .side_box {width: 270px; margin: 20px 0 20px 0; padding: 5px; clear: both; display: block; background-color: #F3F3F3;} .side_box div {border: solid 1px #CCC; background-color: #FFF; width: 267px; padding: 0; margin: 0; display: block; text-align: center;} .side_box div img {padding: 12px 2px;} .side_ad {width: 270px; height: 92px; margin: 0; padding: 5px; clear: both; display: block; background-color: #F3F3F3; position: relative;} .side_ad div {border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #FFF; height: 90px; width: 156px; padding: 0; margin: 0; float: left; display: block; position: relative; clear: none;} .side_ad div p {padding: 5px; margin: 0; line-height: 14px;} .side_ad div ul {padding: 0; margin: 0 0 0 10px;} .side_ad div ul li {line-height: 12px; padding: 0; margin: 2px 0 0 10px; font-weight: bold; font-size: 11px;} .side_ad a {clear: none;} .side_ad img {padding: 0; margin: 0; width: 110px; height: 90px; float: left; border: solid 1px #CCC; clear: none;} .side_box_link {height: 30px; width: 280px; padding: 5px 10px; margin: 10px 0; background-color: #EBF2FC;} .side_box_link img {height: 30px; width: 30px; margin-left: 10px; float: right;} .side_box_link a, .side_box_link span {font-size: 14px; font-weight: bold; float: right; text-align: right; display: block; height: 20px; width: 240px; padding: 6px 0 4px 0; margin: 0; color: #2070B7;} .sub_tabs, .sub_tabs_head {padding: 0 5px 0 0; margin: 0; height: 18px; background-color: #FFF; display: block; font-size: 0;} .sub_tabs li, .sub_tabs_head li {width: 112px; height: 18px; text-align: center; line-height: 18px; list-style-type: none; list-style-image: none; float: left; margin: 0 5px 0 0;} .sub_tabs li a {width: 100%; display: block; text-decoration: none; color: #ABABAB; background-color: #F6F6F6; font-family: Arial; font-size: 11px; font-weight: bold;} .sub_tabs_head li a {width: 100%; display: block; text-decoration: none; color: #333; background-color: #CCC; font-family: Arial; font-size: 11px; font-weight: bold;} .sub_tabs li a:hover {color: #666; background-color: #E7E7E7;} .sub_tabs_head li a:hover {background-color: #83A3D1; color: #FFF;} .sub_tabs li .selected {width: 100%; display: block; text-decoration: none; color: #666; background-color: #E7E7E7; font-family: Arial; font-size: 11px; font-weight: bold;} .sub_tabs_head li .selected {width: 100%; display: block; text-decoration: none; color: #FFF; background-color: #83A3D1; font-family: Arial; font-size: 11px; font-weight: bold;} .sub_tabs li a:hover, .sub_tabs_head li a:hover {text-decoration: none;} .sub_tabs_header {color: #3468B4; background-color: #E7E7E7; height: 45px; display: block; width: 640px; font-size: 16px; margin: 0 0 20px 0; padding: 0 5px;} .sub_tabs_header p {color: #3468B4; font-size: 16px;} .sub_tabs_head_header {color: #FFF; background-color: #83A3D1; height: 45px; display: block; width: 640px; font-size: 16px; margin: 0 0 20px 0; padding: 0 5px;} .sub_tabs_head_header p {color: #FFF; font-size: 16px;} .tab_box_tabs {width: 120px; float: left; margin: 0; padding: 0;} .tab_box_tabs ul {padding: 0; margin: 0;} .tab_box_tabs ul li {border-top: solid 1px #DFE7F4; background-color: #F3F6FB; height: 36px; width: 120px; list-style-type: none; list-style-image: none; line-height: 20px; margin: 0; padding: 0;} .tab_box_tabs ul li a {width: 110px; height: 26px; display: block; background-color: #F3F6FB; color: #516A93; padding: 5px; margin: 0;} .tab_box_tabs ul .selected a {width: 110px; height: 26px; display: block; background-color: #DFE7F4; padding: 5px;} .tab_box_tabs ul li a:hover {background-color: #DFE7F4; text-decoration: none;} .tab_box_outer {width: 470px; margin: 0; height: 190px; padding: 15px; float: left; background-color: #DFE7F4;} .tab_box_inner {width: 430px; height: 180px; background-color: #F3F6FB; padding: 5px 20px;} .tab_box_inner p {font-size: 14px; color: #516A93;} .tables {padding:0; margin:0; background-color: transparent; } .tables TH, .tables_header TD {padding:10px; margin:0; text-align:left; vertical-align:top; color:#8D9AAD;} .tables TD {padding:10px; margin:0; font-size: 12px; text-align:left; vertical-align:top; border-top: solid 1px #BECBDE; border-left: none; border-bottom: none; border-right: none;} .tables TD img {margin: 0 5px 0 0; background-color: transparent;} .tables .r {white-space:nowrap; text-align:right; background-color: transparent;} .tables .f {white-space:nowrap; text-align:right; color:#aaaaaa; background-color: transparent;} .tables .total {font-weight:bold; border-bottom: solid 2px #bbbbbb; border-top: solid 1px #bbbbbb; background-color: transparent;} .table_entry {padding: 0; margin: 0; background-color: transparent;} .table_entry th {padding: 10px 2px; color: #6B788B; background-color: transparent;} .table_entry td {padding: 0; margin: 0; background-color: transparent;} .table_entry td input {width: 90px; border-top: solid 1px #D7D7DB; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; border-right: solid 1px #E1E1E1; background-color: transparent; } .side_box_grey {display: block; margin: 0 0 10px 0; background-color: #FAFAFA; border: solid 1px #CCC; padding: 0; width: 300px;} .side_box_grey .bar {height: 31px; width: 100%; background-image: url('/images/common/side_box_bar.gif'); border: 0;} .side_box_grey .bar h2 {font-size: 16px; font-weight: normal; color: #2D5298; float: right; clear: left;} .side_box_grey .bar img {float: right; padding: 0; margin: 6px 10px 0 10px; width: 20px; height: 20px;} .side_box_grey .content {padding: 0; border: 0; background-color: #FAFAFA; width: 300px; text-align: right;} .side_box_grey .content p {padding: 10px; margin: 0;} .side_box_grey .content a {font-weight: normal;} .side_box_grey .content ul {padding: 0; margin: 0; width: 300px; float: none; clear: both;} .side_box_grey .content ul li {padding: 5px 10px 5px 0; list-style-type: none; text-align: right; border-bottom: solid 1px #EEE; margin: 0;} .side_box_grey .content ul .last {border-bottom: none;} .side_box_grey_ad {display: block; padding: 10px; margin-bottom: 10px; background-color: #F3F3F3; border: solid 1px #CCC; height: 102px; width: 280px;} .side_box_grey_ad h2 {font-size: 18px;} .side_box_grey_ad .quote {color: #015DA8; font-size: 14px; border-bottom: solid 1px #CCC; margin-bottom: 5px;} .side_box_grey_ad .quote .source {font-size: 11px; margin: 0; padding: 0; line-height: 20px;} /* Formatting */ .clear {clear: both; width: 100%; line-height: 0; height: 0; padding: 0; margin: 0; font-size: 0;} h1 {margin: 0 0 10px 0; padding: 0; color: #0E3B62; font-size: 24px; font-weight: normal;} .heading1 {width: 100%; height: 31px; position: relative; font-size: 24px; padding: 0; margin: 0px 0 8px 0; color: #3A5887;} .heading1 span {position: absolute; width: 100%; height: 100%;} .top h1 {margin: 0 0 15px 0; padding: 20px 0 0 10px; color: #015DA8; font-weight: normal; font-size: 24px; background-image: url('/images/common/blue_grad2.jpg'); height: 51px;} h2 {margin: 8px 0 8px 0; padding: 0; color: #0E3B62; font-weight: bold; font-size: 18px;} .heading2 {width: 100%; height: 29px; position: relative; font-size: 20px; padding: 0; margin: 0px 0 0px 0; color: #3A5887;} .heading2 span {position: absolute; width: 100%; height: 100%;} h3 {margin: 8px 0 8px 0; padding: 0; color: #015DA8; font-size: 12px;} .heading3 {width: 100%; height: 22px; position: relative; font-size: 12px; padding: 0; margin: 8px 0 8px 0; color: #3A5887;} .heading3 span {position: absolute; width: 100%; height: 100%;} p, td {padding: 10px 0; margin: 0; line-height: 20px; font-size: 12px; color: #666;} .box_tbl td {padding: 2px 0; margin: 0;} div ul {padding: 0 10px 10px 10px; margin: 0; list-style-image: url(/images/common/bullet.gif); list-style-type: square;} div ul li, div ol li {line-height: 20px; margin: 14px 10px; padding: 0; color: #666; font-size: 12px;} .notes li {line-height: 16px; margin: 10px 10px; padding: 0; color: #666; font-size: 12px;} .prominent {font-size: 16px; line-height: 24px; padding: 0; color: #005DAB; font-weight: normal;} .column_quarter {float: left; width: 25%;} a {color: #537EC2; text-decoration: none; font-weight: bold;} a:hover {text-decoration: underline;} .error {border: solid 1px #dd0000; width: 492px; padding:10px; font-size: 12px; color:#dd0000; background-color: #ffdddd; margin: 20px 0; text-align:left;} .error_wide {border: solid 1px #dd0000; width: 628px; padding:10px; font-size: 12px; color:#dd0000; background-color: #ffdddd; margin: 20px 0; text-align:left;} .dropdown {font-size: 11px;} .gview, .gview_nobottom {border-left: solid 1px #B4B9BF; border-right: solid 1px #B4B9BF; margin: 0; padding: 0;} .gview {border-bottom: solid 1px #B4B9BF;} .gview ul li, .gview_nobottom ul li {line-height: 20px; padding: 0; margin: 0 10px;} .gview table th {color: #666;} .gview table td, .gview_nobotom table td {padding: 4px; margin: 0;} .gview p, .gview h3, .gview_nobottom p, .gview_nobottom h3 {padding: 10px;} .limit {width: 30px;} .limit_drop {width: 380px;} .listtable {width: 650px; margin: 20px 0;} .listtable th {color: #1F3F70; border-bottom: solid 1px #CCC; text-align: left; padding: 0;} .side_list {list-style-type: none; padding: 0; margin: 0; clear: both;} .side_list li {color: #000; padding: 0; margin: 0; line-height: 26px;} .side_list li .title {font-weight: normal;} .help_wrapper {} .help_wrapper ul li {font-size: 12px;} .errorpanel {border: solid 1px #FFD531; width: 492px; padding:10px; font-size: large; color: #CC0000; background-color: #FFE994; margin-bottom: 10px; margin-top: 10px; text-align:center;} .resultpanel {border: solid 1px #00dd00; padding:10px; font-size: large; color:#000000; background-color: #ddffdd; margin-bottom: 10px; margin-top: 10px; text-align:center;} .login_box { float: right; text-align: right; display: block; color: #FFF; } .login_box ul {float: right; margin: 0; padding: 0; clear: left;} .login_box ul li {margin: 0; padding: 0; list-style-type: none; color: #FFF; font-size: 14px;} .login_box a, .login_box a:link, .login_box a:active, .login_box a:visited, .login_box a:hover { color: #FFF; font-size: 12px; } .account_code { font-size: 12px; color: #FFF; float: right; } .login_box p {font-size: 14px; color: #333;} .sub_tabs_head2 {padding: 0; margin: 0; height: 43px; background-image: url('/images/common/sub_tabs_bg.gif'); display: block; width: 960px; font-size: 0; clear: left;} .sub_tabs_head2 li {width: 110px; height: 42px; text-align: center; line-height: 20px; list-style-type: none; list-style-image: none; float: left; padding: 0; margin: 0; border-bottom: solid 1px #C3DCF2; color: #666;} .sub_tabs_head2 li .selected {width: 110px; height: 33px; color: #333; background-color: #FFF; background-image: url('/images/common/sub_tabs_tab.gif'); background-repeat: no-repeat;} .sub_tabs_head2 li a {width: 100%; height: 32px; margin: 0; padding: 10px 0 0 0; display: block; text-decoration: none; background-color: #F4F4F4; color: #666; font-family: Arial; font-size: 14px; font-weight: normal;} .sub_tabs_head2 li a:hover {background-color: #DDD;} .sub_tabs_head2 li .selected a:hover {background-color: #FFF;} .sub_tabs_head2 li a:hover {text-decoration: none;} #bannerHeader {width: 980px; height: 80px; background-image: url('/images/common/title_banner.jpg'); background-repeat: no-repeat; display: block; margin: 7px 0 15px 0; clear: both; float: left;} #bannerHeader h1 {font-size: 26px; text-align: right; padding: 20px;} .red{color: Red;} #mask { position:absolute; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes #dialog { width:560px; height:310px; /*background-image: url('/images/common/modal_background.png'); background-repeat: no-repeat;*/ } #boxes .logo { float: left; } #boxes .close { float: right; font-family: Arial; font-size: 11px; } #boxes .headerText { margin-top: 10px; float: left; font-family: Arial; font-size: 12px; color: #505050; width: 100%; margin-bottom: 25px; } #boxes .satNavTable { float: left; width: 540px; font-family: Arial; font-size: 12px; color: #505050; padding: 10px; } #boxes .satNav { margin-top: 16px; padding: 0px; width: 113px; display: block; } #boxes .lastSatNav { margin-top: 20px; margin-bottom: 0px; width: 113px; height: 29px; background-image: url('/images/common/garmin.png'); } #boxes .lastSatNav:hover { background-image: url('/images/common/garmin_over.png'); } #boxes .satNav:hover, #boxes .lastSatNav:hover { cursor: pointer; } #boxes .viewPane { float: right; width: 390px; height: 120px; padding: 0px; } #boxes .viewPaneHeader { font-family: Trebuchet MS; font-size: 15px; color: #404040; font-weight: bold; margin-bottom: 10px; float: left; } #boxes .viewPaneText { font-family: Trebuchet MS; font-size: 12px; color: #707070; font-weight: normal; float: left; } #boxes .tm { font-family: Trebuchet MS; font-size: 11px; color: #707070; font-weight: normal; } #garminDisplay { font-size:11px; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; margin: 0 0 1em 0; border: 2px outset #3D3A21; width: 390px; background: #DDE3D6 url("garmin.jpg") no-repeat 12px 12px; padding: 3px; } #garminDisplay input { font-size:10px; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ffffff; height:18px; background-color: #005E9D; border:1px outset #3D3A21; margin-right: 3px; } #garminDisplay input:disabled { background-color: #D0D0D0; } #garminDisplay select { font-size:10px; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #666699; color: #ffffff; } .pluginElement { margin: 5px; } .actionButton { margin-right: 5px; } #deviceSelect { width: 220px; } #statusBox { padding-left: 90px; height: 40px; } #aboutElement { margin-top: 10px; margin-bottom: 2px; font-size: 9px; text-align: right; } .readResultsElement { margin-top: 6px; } .readResultsSelect { position: absolute; left: 100px; } #readMap { width: 100%; height: 200px; } #progressBar { height:10px; margin-top: 3px; border:1px solid black; width: 95%; padding:0px; text-align: left; background-color:#CCCAC1; } #progressBarDisplay { top:0px; height:10px; margin: 0px; padding:0px; text-align: left; background-color:#005E9D; } .tomTom { background-image: url('/images/common/tomtom.png'); width: 113px; height: 29px; padding: 0px; } .tomTom:hover { background-image: url('/images/common/tomtom_over.png'); } .redAlert { color: #FF0000; font-size: 13px; } .redAlert a, .redAlert a:visited, .redAlert a:active { color: #CC0000; text-decoration: none; } .redAlert a:hover { color: #CC0000; border-bottom: 1px dotted #FF0000; text-decoration: none; } .homeHeader { position: absolute; top: -30px; left: 500px; width: 400px; } .picture { position: absolute; top: -30px; left: 40px; } .homeText { border-bottom: solid; border-color: #4F92C6; border-width: 2px; color: #12344F; font-family: arial; font-size: 30px; margin-bottom: 10px; padding-bottom: 15px; width: 350px; } .homeBullets li { border-color: #4F92C6; color: #DDEEF6; font-family: Trebuchet MS; font-size: 18px; margin-bottom: 10px; width: 350px; } #div_sub_header { height: 174px; margin-bottom: 0; padding-bottom: 0px; position: relative; z-index: 10; } .div_sub_header_button { background-image: url('/images/common/banner_sub_button.png'); float: left; height: 138px; margin-right: 19px; position: relative; top: 18px; width: 307px; } .div_sub_header_button:hover { background-image: url('/images/common/roll-over.png'); cursor: pointer; } .div_sub_header_button .title { color: #C5E4FF; display: block; font-family: Trebuchet MS; font-size: 20px; font-weight: normal; padding-top: 15px; } .div_sub_header_button .subtitle { color: #C5E4FF; font-family: Trebuchet MS; font-size: 15px; font-weight: normal; } .div_sub_header_button .subtext { color: #6DBFFF; float: none; font-family: Trebuchet MS; font-size: 12px; font-weight: normal; line-height: 22px; margin-left: 10px; margin-right: 10px; padding: 0px; position: absolute; top: 70px; left: 0px; } .div_sub_header_button img { float: left; margin-left: 15px; margin-right: 15px; margin-top: 12px; } .signup_button_2 { background-image: url('/images/common/free_trial_2.png'); float: left; height: 36px; margin-top: 5px; width: 192px; } .signup_button_home { background-image: url('/images/common/sign_up.png'); float: left; height: 36px; margin-right: 15px; margin-top: 5px; width: 211px; } .signup_button_home:hover { background-image: url('/images/common/sign_up_hover.png'); cursor: pointer; height: 36px; width: 211px; } .freetrial_button_home { background-image: url('/images/common/free_trial.png'); float: left; height: 36px; margin-right: 20px; margin-top: 5px; width: 164px; } .freetrial_button_home:hover { background-image: url('/images/common/free_trial.png'); cursor: pointer; height: 36px; width: 164px; } #wrapper { background-image: url('/images/common/banner_repeat_2.png'); background-position: center -124px; background-repeat: repeat-x; min-height: 100%; width: 100%; } .wrapper3 { background-image: url('/images/common/banner_repeat_4.png'); background-position: center top; background-repeat: repeat-x; height: auto; min-height: 100%; width: 100%; } .wrapper2 { background-image: url('/images/common/banner_repeat_3.png'); background-position: center top; background-repeat: repeat-x; min-height: 100%; width: 100%; } .wrapper { background-image: url('/images/common/banner_repeat_2.png'); background-position: center top; background-repeat: repeat-x; min-height: 100%; width: 100%; } #page_content { margin: 0 auto; overflow: hidden; position: relative; width: 980px; } #page_content2 { float: none; height: 100%; height: auto; margin: 0 auto; padding-bottom: 0px; width: 980px; position: relative; } .main_paragraph_quad { float: left; font-family: Arial; font-size: 12px; color: #676767; line-height: 21px; padding-bottom: 10px; padding-right: 10px; width: 290px; } .main_paragraph_quad a, .main_paragraph_quad a:link, .main_paragraph_quad a:active, .main_paragraph_quad a:visited { font-size: 12px; color: #0F3A5D; } .main_paragraph_quad .title { color: #505050; font-family: Arial; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-top: 5px; } .main_paragraph img { float: left; margin-left: 0px; margin-right: 15px; margin-top: 8px; } .main_paragraph p { margin-bottom: 0px; padding-bottom: 0px; } .main_rightBox_why { background-repeat: no-repeat; color: #303030; font-family: Arial; font-size: 12px; height: 303px; line-height: 21px; background-image: url('/images/right_bars/why_sign_up.png'); background-position: 4px top; padding-bottom: 20px; padding-left: 22px; padding-right: 18px; padding-top: 15px; width: 298px; } .main_rightBox_why_top { background-repeat: no-repeat; color: #303030; font-family: Arial; font-size: 12px; /*height: 303px;*/ line-height: 21px; background-image: url('/images/right_bars/why_sign_up_top.png'); background-position: 4px top; padding-bottom: 20px; padding-left: 22px; padding-right: 18px; padding-top: 15px; width: 298px; } .main_rightBox_why_bottom { background-repeat: no-repeat; color: #303030; font-family: Arial; font-size: 12px; /*height: 303px;*/ line-height: 21px; background-image: url('/images/right_bars/why_sign_up_bottom.png'); background-position: 4px top; padding-bottom: 20px; padding-left: 22px; padding-right: 18px; padding-top: 15px; width: 298px; margin-top: -5px; } .main_rightBox_why_middle { color: #303030; font-family: Arial; font-size: 12px; /*height: 303px;*/ line-height: 21px; background-image: url('/images/right_bars/why_sign_up_middle.png'); /*background-position: 4px top; padding-bottom: 20px; padding-left: 22px; padding-right: 18px; padding-top: 15px;*/ margin-top: -33px; margin-left: 4px; padding-left: 10px; width: 288px; } .main_rightBox_why .title, .main_rightBox_why_top .title { font-size: 18px; font-weight: bold; color: #505050; margin-bottom: 25px; display: block; } .main_rightBox_why .benefit, .main_rightBox_why_middle .benefit { font-size: 14px; width: 260px; margin-bottom: 5px; color: #0E3A5D; } .main_rightBox_why .benefit img, .main_rightBox_why_middle .benefit img { margin-right: 8px; margin-left: 5px; float: left; margin-bottom: 10px; margin-top: 5px; } .main_rightBox_why .benefit .larger, .main_rightBox_why_middle .benefit .larger { font-weight: bold; font-size: 16px; } .main_rightBox { background-repeat: no-repeat; color: #303030; font-family: Arial; font-size: 12px; height: 199px; line-height: 21px; background-image: url('/images/common/moreinfo_bg.png'); background-position: 4px top; padding-bottom: 20px; padding-left: 18px; padding-right: 18px; padding-top: 10px; width: 260px; margin-left: 4px; } .main_rightBox img, .main_rightBoxCalculator img { border: none; display: block; line-height: 0px; margin: 0px; padding-top: 5px; } .main_rightBox .title, .main_rightBoxCalculator .title { color: #707070; font-family: Trebuchet MS; font-size: 14px; font-weight: normal; margin-bottom: 0px; } .main_rightBox .mainText, .main_rightBoxCalculator .mainText { color: #303030; font-family: Arial; font-size: 12px; line-height: 21px; padding-bottom: 6px; padding-top: 6px; } h1 a { text-decoration: none; color: #003368; } .main_paragraph { color: #303030; font-family: Arial; font-size: 12px; line-height: 21px; padding-top: 20px; width: 600px; } .main_paragraph h1 { color: #202020; font-family: Trebuchet MS; font-size: 22px; font-style: normal; font-weight: normal; line-height: 28px; margin-bottom: 13px; } .main_paragraph h2 { color: #707070; font-family: Trebuchet MS; font-size: 14px; font-weight: normal; font-style: normal; margin-bottom: 10px; } .main_paragraph h3 { color: #202020; font-family: Trebuchet MS; font-size: 18px; font-style: normal; font-weight: normal; margin-bottom: 13px; margin-top: 0px; } .main_paragraph_testimonial { color: #303030; float: left; font-family: Arial; font-size: 12px; font-style: italic; line-height: 21px; margin-top: 40px; padding-bottom: 10px; padding-right: 5px; width: 370px; } .main_paragraph_signup { color: #303030; float: left; font-family: Arial; font-size: 12px; font-style: italic; line-height: 21px; padding-bottom: 10px; padding-left: 50px; margin-top: 40px; width: 140px; cursor: pointer; } .signup_button { background-image: url('/images/common/sign_up.png'); height: 36px; margin-bottom: 90px; width: 164px; } .blue_bullet_text { float: left; width: 580px; font-size: 14px; color: #505050; margin-bottom: 10px; min-height: 40px; line-height: 20px; } .blue_bullet { float: left; width: 30px; height: 30px; background-image: url('/images/common/bullet.png'); background-repeat: no-repeat; margin-right: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold; text-align: center; padding-top: 3px; } .small_header { font-size: 18px; color: #0B3B5F; margin-bottom: 20px; margin-top: 20px; font-family: Arial; font-weight: bold; line-height: 20px; } .large_header { font-size: 22px; color: #0B3B5F; margin-bottom: 5px; font-family: Trebuchet MS; line-height: 30px; } .testimonialText { padding-top: 3px; } .header_tab_container a { font-weight: normal; } .header_tab_container a:hover { text-decoration: none; } .header_tab { background-color: #2972A7; background-image: url('/images/common/tab.png'); background-repeat: repeat-x; color: #FFFFFF; float: left; margin-right: 11px; height: 51px; font-weight: normal; } .header_tab_active { background-color: #2972A7; background-image: url('/images/common/tab_active.png'); background-repeat: repeat-x; color: #FFFFFF; float: left; margin-right: 11px; height: 51px; font-weight: normal; } .header_tab img, .header_tab_active img { border-width: 0px; float: left; } .header_tab span, .header_tab_active span { margin: 15px 34px 0px 34px; float: left; font-size: 16px; font-family: Trebuchet MS; } .intro_para { font-size: 12px; line-height: 22px; } .faq_box { width: 301px; height: 85px; margin-bottom: 30px; background-image: url('/images/common/faq_button.png'); background-repeat: no-repeat; cursor: pointer; } .video_box { width: 301px; height: 138px; margin-bottom: 30px; background-image: url('/images/common/new_video_button.png'); background-repeat: no-repeat; cursor: pointer; } .pricing_box { width: 301px; height: 89px; margin-bottom: 30px; background-image: url('/images/common/pricing_button.png'); background-position: -1px top; background-repeat: no-repeat; cursor: pointer; } .fifteen_pound_box { width: 301px; height: 172px; margin-bottom: 30px; background-image: url('/images/common/price_button.png'); background-position: -1px top; background-repeat: no-repeat; cursor: pointer; } .blue_table_2 { width: 602px; margin-bottom: 20px; } .blue_table_2 .table_top { width: 602px; min-height: 80px; background-image: url('/images/common/tables/row_repeat_2.png'); background-repeat: repeat-y; position: relative; } .blue_table_2 .table_header { width: 602px; height: 16px; background-image: url('/images/common/tables/table_top_2.png'); background-repeat: no-repeat; } .blue_table_2 .table_row { background-image: url('/images/common/tables/row_repeat_2.png'); background-repeat: repeat-y; position: relative; } .blue_table_2 .table_row_1 { background-image: url('/images/common/tables/row_1.png'); background-repeat: repeat-y; position: relative; } .blue_table_2 .table_row .left_cell, .blue_table_2 .table_row_1 .left_cell { width: 540px; margin-left: 15px; padding-top: 10px; padding-bottom: 5px; word-wrap: break-word; } .blue_table_2 .table_row .right_cell { width: 540px; margin-left: 35px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; color: #404040; } .blue_table_2 .table_row .bottom { background-image: url('/images/common/tables/row_bottom.png'); background-repeat: repeat-y; height: 8px; width: 602px; } .blue_table_2 .table_row .top { background-image: url('/images/common/tables/row_top.png'); background-repeat: repeat-y; height: 3px; width: 602px; } .blue_table_2 .table_top .title { position: absolute; top: 0px; left: 15px; font-weight: bold; color: #000000; } .blue_table_2 .table_top .price { position: absolute; top: -1px; left: 300px; font-weight: bold; color: #000000; font-size: 16px; } .blue_table_2 .table_bottom { width: 602px; height: 16px; background-image: url('/images/common/tables/table_bottom_3.png'); background-repeat: no-repeat; } .blue_table { width: 602px; margin-bottom: 20px; } .blue_table .table_row { background-image: url('/images/common/tables/row_repeat.png'); background-repeat: repeat-y; position: relative; } .blue_table .table_row .left_cell { width: 540px; margin-left: 15px; padding-top: 10px; padding-bottom: 5px; word-wrap: break-word; } .blue_table .table_row .left_cell a, .blue_table .table_row .left_cell a:link, .blue_table .table_row .left_cell a:active, .blue_table .table_row .left_cell a:visited { font-weight: bold; color: #236B8E; text-decoration: none; border-bottom: 1px dotted; } .blue_table .table_row .expand_cell { position: absolute; top: 11px; right: 10px; font-size: 11px; cursor: pointer; } .blue_table .table_row .right_cell { width: 540px; margin-left: 35px; padding-top: 5px; padding-bottom: 5px; float: left; font-size: 12px; color: #404040; } .blue_table .table_row .bottom { background-image: url('/images/common/tables/row_bottom.png'); background-repeat: repeat-y; height: 8px; width: 602px; } .blue_table .table_row .top { background-image: url('/images/common/tables/row_top.png'); background-repeat: repeat-y; height: 3px; width: 602px; } .blue_table .table_header { width: 602px; height: 16px; background-image: url('/images/common/tables/table_top.png'); background-repeat: no-repeat; } .blue_table .table_top { width: 602px; min-height: 80px; background-image: url('/images/common/tables/table_top_repeat.png'); background-repeat: repeat-y; position: relative; } .blue_table .table_top .title { position: absolute; top: 0px; left: 15px; font-weight: bold; color: #000000; } .blue_table .table_top .subtext { position: absolute; top: 20px; left: 15px; color: #303030; font-size: 13px; padding-top: 4px; } .blue_table .table_bottom { width: 602px; height: 13px; background-image: url('/images/common/tables/table_bottom.png'); background-repeat: no-repeat; } .blue_table .table_bottom_2 { width: 602px; height: 16px; background-image: url('/images/common/tables/table_bottom_2.png'); background-repeat: no-repeat; } .spreadsheet_title, .spreadsheet_title a, .spreadsheet_title a:link, .spreadsheet_title a:active, .spreadsheet_title a:visited { float: left; margin-right: 9px; font-weight: bold; font-size: 16px; color: #404040; } .spreadsheet_title a:hover { border-bottom: 1px dotted #606060; text-decoration: none; } .row { margin-bottom: 10px; font-size: 12px; color: #404040; } .sml_btn_grey { background-image: url('/images/common/complete.png'); width: 78px; height: 27px; padding: 0px; margin: 0px; background-repeat: no-repeat; } .divider { width: 100%; height: 1px; background-image: url('/images/common/page_divide.png'); margin-bottom: 20px; margin-top: 20px; } .faq_link { font-size: 14px; font-weight: normal; color: #236B8E; text-decoration: none; } .faq_link:hover { font-size: 14px; font-weight: normal; color: #236B8E; text-decoration: none; border-bottom: 1px dotted; } .faq_entry { font-size: 14px; font-weight: normal; color: #236B8E; text-decoration: none; } .sign_up { width: 164px; height: 36px; background-image: url('/images/common/sign_up.png'); } .my_dashboard { width: 164px; height: 36px; background-image: url('/images/common/my_dashboard.png'); cursor: pointer; } /*test*/ .delivery_row { margin-bottom: 5px; padding-bottom: 8px; padding-top: 3px; border-bottom: 1px solid; border-color: #DDDDDD; width: 930px; } .header_row { margin-bottom: 5px; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px solid; border-color: #DDDDDD; color: #FFFFFF; width: 930px; background-image: url('images/header.png'); background-position: left bottom; background-repeat: repeat-x; } .row_number { float: left; width: 30px; font-family: Trebuchet MS; font-size: 12px; padding-top: 3px; text-align: center; } .row_cell { float: left; margin-right: 10px; width: 105px; font-family: Trebuchet MS; font-size: 12px; position: relative; text-align: center; } .small_row_cell { float: left; margin-right: 10px; width: 105px; font-family: Trebuchet MS; font-size: 12px; position: relative; text-align: center; } .medium_row_cell { float: left; margin-right: 10px; width: 140px; font-family: Trebuchet MS; font-size: 12px; position: relative; text-align: center; } .large_row_cell { float: left; margin-right: 10px; width: 280px; font-family: Trebuchet MS; font-size: 12px; position: relative; } .clear { clear: both; } .message_cell { position: absolute; left: 0px; top: 5px; font-family: Trebuchet MS; font-size: 11px; display: none; } .message_cell img { vertical-align: bottom; } .normal_input_select { border: 2px solid #CCCCCC; } .small_error_input_box { width: 174px; border: 2px solid #FF0000; } .small_row_cell .error_input_box { border: 2px solid #FF0000; width: 194px; background-color: #FFFFFF; } .small_row_cell .normal_input_box { border: 2px solid #CCCCCC; width: 100px; } .large_row_cell .error_input_box { border: 2px solid #CCCCCC; width: 273px; background-color: transparent; } .large_row_cell .normal_input_box { border: 2px solid #CCCCCC; width: 273px; } .large_row_cell .button { font-size: 11px; width: 50px; margin-left: 3px; } .clear_fields { float: right; margin-top: 1px; display: none; } .validated { position: absolute; top: 5px; left: 20px; display: none; } .tblDeliveryPoints { width: 600px; } .help_icon { width: 16px; height: 16px; background-image: url('images/help.png'); margin-top: 3px; position: absolute; right: 5px; bottom: 5px; } .help_icon_2 { width: 16px; height: 16px; background-image: url('images/help.png'); margin-top: 3px; position: absolute; right: 120px; bottom: 0px; } .help_box { width: 270px; background-color: #FFFFFF; border: 1px solid #000000; position: absolute; top: 16px; left: 0px; display: none; padding: 10px; z-index: 100; font-weight: normal; font-size: 12px; color: #000000; } .help_box_2 { width: 270px; background-color: #FFFFFF; border: 1px solid #000000; position: absolute; top: 3px; left: 18px; display: none; padding: 10px; z-index: 100; font-weight: normal; font-size: 12px; color: #000000; } .header { padding-right: 5px; font-size: 14px; } .header_cell { padding-top: 5px; float: left; padding-left: 10px; font-family: arial; font-size: 12px; position: relative; border-right: 1px dotted #77A9CE; height: 50px; } .hidden_validate { display: none; float: left; } .info_row { margin-bottom: 5px; padding-bottom: 8px; padding-top: 3px; border-bottom: 1px solid; border-color: #DDDDDD; width: 930px; font-size: 11px; font-family: Arial; color: #505050; } .header_text img { margin-right: 10px; position: relative; top: 10px; } .header_text { font-weight: bold; font-size: 18px; color: #2F4F4F; height: 35px; } .info_pane { margin-bottom: 10px; font-size: 12px; width: 800px; display: none; } .info_pane p { font-family: Trebuchet MS; } .info_textarea { font-family: Trebuchet MS; font-size: 12px; width: 500px; height: 250px; } #first_row { padding: 0px; margin: 0px; border-collapse: collapse; } #first_row td { border: 1px solid #909090; padding: 5px 10px; font-family: Trebuchet MS; font-size: 12px; } .header_tr, .header_tr td { background-color: #CCCCCC; background-image: url('images/table_header.png'); color: #FFFFFF; font-weight: bold; text-align: center; } .clear { clear: both; } #is_header { margin-top: 20px; } .below_please_enter { z-index: 30; position: relative; background-color: transparent; } .job_summary_box { margin-left: 10px; font-family: Trebuchet MS; font-size: 13px; margin-bottom: 10px; color: #707070; border: 1px solid #BBBBBB; padding: 8px; position: absolute; top: 0px; right: -200px; } .credit_use { float: left; margin-left: 10px; font-family: Trebuchet MS; font-size: 13px; margin-bottom: 10px; color: #707070; border: 1px solid #BBBBBB; padding: 8px; } .credit_use .title, .job_summary_box .title { font-size: 16px; font-weight: bold; color: #606060; font-family: arial; margin-bottom: 5px; } .credit_use .title img, .job_summary_box .title img { margin-right: 10px; } .paste_button { width: 125px; height: 30px; background-image: url('images/paste_button.png'); border: 0px; display: block; margin-bottom: 5px; } .upload_button { width: 125px; height: 30px; background-image: url('images/upload_button.png'); border: 0px; display: block; margin-bottom: 5px; } #errorBox { border: 3px solid #FF0000; color: #FF0000; margin-bottom: 10px; padding: 10px; font-family: Arial; font-size: 12px; width: 905px; display: none; font-weight: bold; } .blue_modal2 .title_bar { width: 100%; height: 49px; background-color: #CFEAFF; position: absolute; top: 0px; left: 0px; } .blue_modal2 .title_bar .title { position: absolute; top: 12px; left: 15px; font-family: Arial; font-size: 18px; font-weight: bold; color: #303030; } .blue_modal2 .main_content { position: absolute; top: 65px; left: 15px; } .blue_modal2 .main_content .title { display: block; font-weight: bold; font-size: 14px; color: #3792D8; margin-bottom: 10px; } .blue_modal2 .main_content .main_text { display: block; width: 210px; color: #404040; } .blue_modal2 .main_content .main_text a { font-weight: normal; cursor: pointer; border-bottom: 1px dotted #AAAAAA; color: #808080; } .blue_modal2 .main_content .main_text a:hover { font-weight: normal; cursor: pointer; border-bottom: 1px dotted #000000; text-decoration: none; } .blue_modal2 .main_right { position: absolute; top: 80px; right: 30px; } .blue_modal2 { width: 480px; height: 250px; background-color: #FFFFFF; position: absolute; top: 59px; left: 177px; border: 9px solid #707070; border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000; z-index: 15; /* For IE 8 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/ /* For IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/ } .blue_modal2 .cross { width: 24px; height: 25px; background-image: url('images/cross.png'); position: absolute; top: -14px; right: -14px; cursor: pointer; } .form_container_box { border: 1px solid #D9E8EF; padding-left: 50px; padding-right: 30px; padding-top: 10px; padding-bottom: 20px; position: relative; margin-bottom: 25px; width: 530px; } .form_indicator { position: absolute; top: 10px; left: -8px; width: 42px; height: 40px; background-image: url('/images/icons/reg_1.png'); background-repeat: no-repeat; font-family: Arial; font-size: 22px; font-weight: bold; text-align: center; padding-top: 4px; } .larger_para { font-size: 14px; } .smaller_para { font-size: 12px; margin-bottom: 10px; } .form_left { float: left; width: 80px; text-align: right; padding-right: 20px; font-weight: bold; padding-top: 10px; } .wide_txt { height: 25px; margin-right: 5px; width: 150px; margin-bottom: 3px; } .wide_txt_greyed { height: 25px; margin-right: 5px; width: 150px; margin-bottom: 3px; color: #888; } .error_wide_txt, .error_wide_txt_greyed { height: 27px; margin-right: 5px; width: 154px; margin-bottom: 3px; color: #888; border: 1px solid #FF0000; -moz-box-shadow: 0px 0px 5px #FF0000; } .error_wide_txt { color: #000; } .error_ddl { margin-right: 5px; width: 154px; margin-bottom: 3px; color: #000; border: 1px solid #FF0000; -moz-box-shadow: 0px 0px 5px #FF0000; } .extra_wide_txt { height: 25px; margin-right: 5px; width: 310px; margin-bottom: 3px; } .small_txt { width: 80px; height: 25px; } .label_error { font-weight: bold; color: #FF0000; } .activation_box { background-image: url('/images/common/activation_box.png'); width: 627px; height: 234px; padding: 0px; background-repeat: no-repeat; position: relative; } .activation_box .left { position: absolute; left: 30px; top: 20px; } .activation_box .right { position: absolute; right: 30px; top: 20px; } .activation_box .left p , .activation_box .right p { padding: 0px; margin: 0px; width: 250px; font-size: 14px; margin-bottom: 5px; } .activation_box .left .txt { width: 195px; height: 31px; background-image: url('/images/common/activation_txt.png'); background-repeat: no-repeat; position: absolute; top: 95px; left: 30px; } .activation_box .left .txt .box { margin: 0px; padding: 0px; top: 0px; left: 0px; position: absolute; } .activation_box .left .txt .btn { margin: 0px; padding: 0px; top: 0px; right: 0px; position: absolute; } .activation_box .left .tiny { font-size: 12px; text-align: center; } .activation_box .left .title , .activation_box .right .title { font-weight: bold; font-size: 16px; margin-bottom: 8px; color: #404040; } .activation_box .left .title { text-align: center; } .results_row { height: 50px; width: 625px; background-color: #CCD9EC; border: 1px solid #BECBDE; border-top: 0px; } .results_row .left_cell { width: 100px; height: 35px; border-right: 1px solid #BECBDE; text-align: center; padding-top: 15px; font-weight: bold; color: #8D9AAD; float: left; } .results_row .right_cell { float: left; padding-top: 15px; padding-left: 10px; font-weight: bold; color: #8D9AAD; } .results_section { width: 625px; background-color: #CCD9EC; border: 1px solid #BECBDE; border-top: 2px solid #BDB1C5; padding-top: 10px; } .results_row_active { height: 50px; width: 623px; background-color: #F9F9F9; border-left: 1px solid #79879A; border-right: 1px solid #79879A; } .results_row_active .left_cell { width: 100px; height: 34px; border-right: 1px solid #BECBDE; border-top: 1px solid #DEDEDE; text-align: center; padding-top: 15px; font-weight: bold; color: #787878; float: left; } .results_row_active .right_cell { float: left; padding-top: 15px; padding-left: 10px; font-weight: bold; color: #333333; border-top: 1px solid #DEDEDE; width: 512px; } .results_section_active { width: 623px; background-color: #F9F9F9; border: 1px solid #79879A; border-top: 2px solid #DAA8A8; padding-top: 10px; } .results_button_row { width: 625px; height: 53px; background-image: url('/images/common/job_summary_bar.png'); } .results_button_row .sat_nav { background-image: url('/images/buttons/export_sat_nav.png'); width: 148px; height: 53px; display: block; margin-left: 7px; float: left; } .results_button_row .sat_nav:hover { background-image: url('/images/buttons/export_sat_nav-o.png'); cursor: pointer; } .results_button_row .full_summary { background-image: url('/images/buttons/full-summary.png'); width: 148px; height: 53px; display: block; margin-left: 6px; float: left; } .results_button_row .full_summary:hover { background-image: url('/images/buttons/full-summary-o.png'); cursor: pointer; } .results_button_row .get_directions { background-image: url('/images/buttons/get_directions.png'); width: 148px; height: 53px; display: block; margin-left: 6px; float: left; } .results_button_row .get_directions:hover { background-image: url('/images/buttons/get_directions-o.png'); cursor: pointer; } .results_button_row .csv { background-image: url('/images/buttons/csv.png'); width: 148px; height: 53px; display: block; margin-left: 6px; float: left; } .results_button_row .csv:hover { background-image: url('/images/buttons/csv-o.png'); cursor: pointer; } .register_error { border: 1px solid #D09595; width: 610px; margin-bottom: 15px; background-color: #FFE7E7; font-weight: bold; font-size: 16px; text-align: center; color: #C91313; padding-top: 10px; padding-bottom: 10px; } /* NEW ACCOUNT SECTION CSS */ .depot_box { width: 336px; float: left; border: 1px solid #D5D5D5; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; -moz-box-shadow: 0px 2px 4px #BBB; -webkit-box-shadow: 0px 2px 4px #BBB; box-shadow: 0px 2px 4px #BBB; background-color: #FFFFFF; text-align: left; } .depot_box .banner { height: 37px; width: 100%; margin: 16px 0px; background-image: url('/images/new_account/bars/grey-repeat.png'); background-repeat: repeat-x; position: relative; } .depot_box .banner .text { font-family: Arial; font-weight: bold; color: #4B4B4B; position: absolute; top: 10px; left: 46px; text-shadow: 0px 1px 1px #FFF; } .depot_box .banner .grey_cross { background-image: url('/images/new_account/buttons/grey-cross.png'); background-repeat: no-repeat; width: 27px; height: 27px; position: absolute; top: 5px; right: 15px; cursor: pointer; } .depot_box .banner .grey_cross:hover { background-image: url('/images/new_account/buttons/grey-cross-over.png'); } .depot_box .banner .grey_edit, .depot_box .banner .grey_edit_2 { background-image: url('/images/new_account/buttons/grey-edit.png'); background-repeat: no-repeat; width: 27px; height: 27px; position: absolute; top: 5px; right: 47px; cursor: pointer; } .depot_box .banner .grey_edit:hover { background-image: url('/images/new_account/buttons/grey-edit-over.png'); } .depot_box .banner .grey_edit_2:hover { background-image: url('/images/new_account/buttons/grey-edit-over-2.png'); } .depot_box .banner .right_colour { width: 7px; height: 37px; position: absolute; right: 0px; top: 0px; background-color: #3EC33E; } .depot_box .banner .left_colour { width: 37px; height: 37px; position: absolute; left: -5px; top: 0px; background-color: #3EC33E; border-top-left-radius: 3px 3px; -moz-border-radius-topleft: 3px 3px; border-bottom-left-radius: 3px 3px; -moz-border-radius-bottomleft: 3px 3px; } .depot_box .banner .left_colour_shadow { width: 5px; height: 7px; position: absolute; left: -5px; top: 32px; background-color: #444; border-bottom-left-radius: 3px 3px; -moz-border-radius-bottomleft: 3px 3px; } .depot_box .vehicles { margin-left: 18px; margin-bottom: 13px; font-weight: bold; color: #4B4B4B; } .depot_box .vehicles img { float: left; margin-right: 15px; } .depot_box .tear { height: 14px; width: 100%; background-image: url('/images/new_account/bars/tear.png'); background-repeat: repeat-x; } .depot_box .notes_area { height: 92px; background-image: url('/images/new_account/bars/notes-repeat.png'); background-repeat: repeat-x; } .depot_box .notes_area .title { font-family: Arial; font-weight: bold; color: #9E6831; padding-top: 1px; margin-left: 18px; display: block; } .depot_box .map { height: 131px; width: 131px; background-image: url('/images/new_account/common/map_temp.png'); margin: 0px 18px 18px 18px; float: left; } .depot_box .location { float: left; font-family: Arial; font-weight: bold; font-size: 16px; color: #4B4B4B; line-height: 22px; margin-left: 20px; margin-bottom: 50px; border-bottom: 1px solid #CCC; padding-bottom: 5px; width: 296px; } .depot_box .location .title { font-family: Arial; font-weight: bold; font-size: 11px; margin-bottom: 2px; text-transform: uppercase; color: #929292; } .account_wrapper { min-height: 100%; position: relative; width: 100%; background-image: url('/images/new_account/common/bg.png'); } #sticky_main { height: auto; min-height: 100%; position: relative; overflow:auto; padding-bottom: 10px; } .account_page_container { min-width: 990px; text-align: center; margin: 0px; padding-bottom: 173px; overflow: hidden; } .new_account_header { height: 139px; width: 100%; background-image: url('/images/new_account/bars/banner.png'); } .new_account_header .logo { background-image: url('/images/common/banner_logo.png'); width: 208px; height: 52px; position: absolute; left: 0px; top: 17px; } .new_account_header .inactive_link { font-weight: bold; float: left; position: relative; top: 106px; font-size: 14px; margin-right: 50px; width: 90px; } .new_account_header .active_link { float: left; position: relative; top: 88px; font-size: 14px; margin-right: 50px; width: 185px; height: 51px; background-image: url('/images/new_account/buttons/active_tab_button_no_num.png'); margin-right: -20px; margin-left: -25px; } .new_account_header .active_link_no_num { float: left; position: relative; top: 88px; font-size: 14px; margin-right: 50px; width: 185px; height: 51px; background-image: url('/images/new_account/buttons/active_tab_button_no_num.png'); margin-right: -20px; margin-left: -25px; } .new_account_header .active_link span, .new_account_header .active_link_no_num span { color: #000000; font-weight: bold; position: relative; top: 18px; left: 25px; } .new_account_header .inactive_link span { color: #FFFFFF; font-weight: bold; } .new_account_header .active_link a, .new_account_header .active_link a:link, .new_account_header .active_link a:active, .new_account_header .active_link a:visited, .new_account_header .active_link a:hover { color: #000; text-decoration: none; font-size: 14px; } .new_account_header .active_link_no_num a, .new_account_header .active_link_no_num a:link, .new_account_header .active_link_no_num a:active, .new_account_header .active_link_no_num a:visited, .new_account_header_no_num .active_link a:hover { color: #000; text-decoration: none; font-size: 14px; } .new_account_header .inactive_link a, .new_account_header .inactive_link a:link, .new_account_header .inactive_link a:active, .new_account_header .inactive_link a:visited, .new_account_header .inactive_link a:hover { color: #FFF; text-decoration: none; font-size: 14px; } .blue_tab, .blue_tab_active { width: 104px; height: 30px; background-color: #52ABED; position: relative; float: right; top: 108px; border-bottom: 1px solid #4190CE; border-top-left-radius: 5px 5px; -moz-border-radius-topleft: 5px 5px; border-top-right-radius: 5px 5px; -moz-border-radius-topright: 5px 5px; margin-left: 5px; cursor: pointer; } .blue_tab_active { background-color: #DEDEDE; border-bottom: 1px solid #DEDEDE; } .blue_tab a, .blue_tab a:link, .blue_tab a:active, .blue_tab a:hover { text-decoration: none; } .blue_tab:hover { background-color: #52BBEF; text-decoration: none; } .blue_tab span, .blue_tab_active span { text-transform: uppercase; color: #FFFFFF; font-size: 12px; text-shadow: 0px 1px 1px #404040; position: absolute; top: 8px; left: 32px; } .blue_tab_active span { text-transform: uppercase; color: #434546; font-size: 12px; text-shadow: 0px 0px 0px #FFF; position: absolute; top: 8px; left: 32px; } .blue_tab img, .blue_tab_active img { position: absolute; top: 9px; left: 11px; border: 0px; } .add_new_depot_btn { width: 123px; height: 23px; background-image: url('/images/new_account/buttons/add-depot.png'); margin-bottom: 20px; display: block; float: left; cursor: pointer; } .vehicle_table { border-collapse: collapse; background-color: #FFFFFF; border: 1px solid #D5D5D5; margin-bottom: 30px; } .vehicle_header { background-image: url('/images/new_account/bars/grey-repeat-2.png'); background-repeat: repeat-x; } .vehicle_header td { padding: 0px; padding-left: 10px; padding-right: 10px; height: 38px; text-align: left; } .vehicle_header td .text { font-family: Arial; font-weight: bold; color: #4B4B4B; text-shadow: 0px 1px 1px #FFF; } .vehicle_row td { margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; height: 53px; background-image: url('/images/new_account/bars/grey-repeat-3.png'); background-repeat: repeat-x; border-top: 1px solid #D5D5D5; text-align: left; font-weight: bold; color: #4B4B4B; font-size: 14px; } .right_border { border-right: 2px dotted #D5D5D5; } .vehicle_row td .grey_cross { background-image: url('/images/new_account/buttons/grey-cross-2.png'); background-repeat: no-repeat; width: 27px; height: 27px; float: right; cursor: pointer; } .vehicle_row td .grey_cross:hover { background-image: url('/images/new_account/buttons/grey-cross-over-2.png'); } .vehicle_row td .grey_edit { background-image: url('/images/new_account/buttons/grey-edit-2.png'); background-repeat: no-repeat; width: 27px; height: 27px; float: right; cursor: pointer; margin-right: 7px; } .vehicle_row td .grey_edit:hover { background-image: url('/images/new_account/buttons/grey-edit-over-2.png'); } .vehicle_footer td { padding: 0px; margin: 0px; padding-left: 10px; padding-right: 10px; height: 52px; background-image: url('/images/new_account/bars/grey-repeat-4.png'); background-repeat: repeat-x; border-top: 1px solid #D5D5D5; text-align: left; } .optimise_ready { width: 212px; height: 59px; background-image: url('/images/new_account/buttons/optimise-ready.png'); cursor: pointer; margin-bottom: 20px; display: block; } .optimise_ready_large { width: 211px; height: 90px; background-image: url('/images/new_account/buttons/optimise-ready-large.png'); cursor: pointer; display: block; margin-bottom: 20px; } .add_vehicle_button { background-image: url('/images/new_account/buttons/add_vehicle_button.png'); width: 123px; height: 14px; display: block; margin-left: 5px; cursor: pointer; } .add_new_vehicle_2 { width: 138px; height: 23px; background-image: url('/images/new_account/buttons/add_vehicle_button_2.png'); margin-bottom: 20px; display: block; float: left; cursor: pointer; } #masknew { background-color: #000000; width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.7; filter: alpha(opacity=70); z-index: 2001; display: none; } .new_modal { background-color: #FFFFFF; z-index: 2002; position: fixed; top: 10%; left: 30%; width: 466px; border: 6px solid #818181; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000; display: none; text-align: left; } .new_modal .top { height: 49px; background-color: #CFEAFF; margin-bottom: 20px; } .new_modal .top span { position: absolute; top: 14px; left: 14px; font-weight: bold; color: #004096; } .new_modal .item_row { padding-left: 13px; font-weight: bold; font-size: 13px; color: #3C3D3E; margin-bottom: 20px; } .new_modal .button_row { margin: 20px; } .new_modal .item_row span { display: block; margin-bottom: 8px; } .new_modal .item_row .item_row_desc { float: left; width: 100px; } .btn_save_depot { width: 162px; height: 36px; background-image: url('images/new_account/buttons/save_depot.png'); display: block; color: transparent; float: right; } .small_text { width: 153px; height: 31px; background-image: url('images/new_account/common/small_text.png'); border-width: 0px; background-repeat: no-repeat; padding-left: 5px; float: left; } .mini_text_height { width: 40px; height: 30px; background-image: url('images/new_account/common/mini_text.png'); border-width: 0px; background-repeat: no-repeat; position:relative; left:-160px; top:-22px; } .mini_text_length { width: 40px; height: 30px; background-image: url('images/new_account/common/mini_text.png'); border-width: 0px; background-repeat: no-repeat; position:relative; left:100px; top:-50px; } .mini_text_width { width: 30px; height: 30px; background-image: url('images/new_account/common/mini_text_width.png'); border-width: 0px; background-repeat: no-repeat; position:relative; left:210px; top:-117px; } .mini_text { width: 30px; height: 30px; background-image: url('images/new_account/common/mini_text_width.png'); border-width: 0px; background-repeat: no-repeat; } .mid_text { width: 273px; height: 31px; background-image: url('images/new_account/common/mid_text.png'); border-width: 0px; background-repeat: no-repeat; padding-left: 5px; } .large_text { width: 418px; height: 31px; background-image: url('images/new_account/common/large_text.png'); border-width: 0px; background-repeat: no-repeat; padding-left: 5px; padding-right: 10px; } .find_address { background-image: url('images/new_account/buttons/find_address.png'); width: 113px; height: 32px; border-width: 0px; cursor: pointer; float: left; } .validate_address { background-image: url('images/new_account/buttons/validate-address.png'); width: 133px; height: 32px; border-width: 0px; cursor: pointer; float: left; } .item_bullet { padding: 0px; margin: 0px; padding-right: 10px; padding-top: 35px; background-repeat: no-repeat; text-align: center; } .could_save { width: 250px; border: 3px solid #E6ECF3; -moz-border-radius: 4px; border-radius: 4px; margin-top: 56px; } .could_save .top { height: 43px; width: 230px; background-image: url('images/new_account/bars/could_save_repeat.png'); padding: 10px; border-bottom: 3px solid #E6ECF3; } .could_save .top span { color: #393939; font-size: 15px; font-weight: bold; line-height: 23px; } .could_save .middle { background-color: #FFF; height: 68px; border-bottom: 1px solid #E6ECF3; position: relative; } .could_save .desc_text, .could_save .desc_text_green { font-weight: bold; color: #1D5D90; font-size: 14px; display: block; width: 120px; float: left; margin-top: 35px; margin-left: 10px; } .could_save .pound_text, .could_save .pound_text_green { font-weight: bold; color: #1D5D90; font-size: 16px; display: block; float: left; margin-top: 15px; margin-left: 15px; margin-right: 5px; } .could_save .price_text, .could_save .price_text_green { font-weight: bold; color: #1D5D90; font-size: 36px; display: block; float: left; margin-top: 13px; } .could_save .desc_text_green, .could_save .pound_text_green, .could_save .price_text_green { color: #6BB12B; } .could_save .bottom { background-image: url('images/new_account/bars/could_save_repeat.png'); padding: 10px; border-top: 2px solid #E6ECF3; } .could_save .bottom .tiny { font-size: 10px; display: block; } .could_save .bottom .blue_title { text-transform: uppercase; font-weight: bold; margin-top: 10px; margin-bottom: 8px; display: block; color: #1D5D90; font-size: 16px; } .could_save .bottom .text { font-size: 13px; display: block; } .could_save .buy_now { background-image: url('images/new_account/buttons/buy_now.png'); display: block; width: 142px; height: 33px; margin: 10px 0px; } .settings_table { text-align: left; border: 1px solid #D5D5D5; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 40px; -moz-box-shadow: 0px 3px 3px #999; -webkit-box-shadow: 0px 3px 3px #999; box-shadow: 0px 3px 3px #999; background-color: #FFF; padding-bottom: 10px; position: relative; } .settings_table_getting_started { text-align: left; border: 1px solid #D5D5D5; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 40px; -moz-box-shadow: 0px 3px 3px #999; -webkit-box-shadow: 0px 3px 3px #999; box-shadow: 0px 3px 3px #999; background-color: #FFF; padding-bottom: 10px; position: relative; float:left; width:700px; } .settings_table_flat { text-align: left; border: 0px solid #D5D5D5; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 40px; background-color: #FFF; padding-bottom: 10px; position: relative; } .settings_table .header { height: 43px; background-image: url('images/new_account/bars/grey-bar-header.png'); position: relative; border-top-left-radius: 4px 4px; -moz-border-radius-topleft: 4px 4px; border-top-right-radius: 4px 4px; -moz-border-radius-topright: 4px 4px; } .settings_table .header span { position: absolute; top: 9px; left: 10px; font-weight: bold; color: #484848; font-size: 16px; text-shadow: 0px 1px 1px #FFF; } .settings_table .header img { position: absolute; top: 10px; left: 10px; } .settings_table .title { color: #3994D7; margin-top: 17px; margin-left: 13px; margin-bottom: 10px; display: block; } .bold { font-weight: bold; } .settings_table .label, .optimise_pane .label, .settings_table_flat .label, .new_modal .label { display: block; width: 150px; margin-left: 15px; text-align: right; font-weight: bold; float: left; font-size: 12px; color: #404040; } .optimise_pane .label { width: 150px; padding-top: 3px; } .optimise_pane .label_left { width: 150px; padding-top: 3px; text-align:left; margin-left:0px; margin-right:30px; } .new_modal .label_left { width: 100px; padding-top: 3px; text-align:left; margin-left:20px; margin-right:30px; } .settings_table p .small_txt, .optimise_pane .small_txt { float: left; margin-left: 10px; width: 150px; height: 20px; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; } .settings_table p .large_txt, .optimise_pane .large_txt { float: left; margin-left: 10px; width: 310px; height: 20px; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; } .settings_table .error_row { background-color: #FFDFDF; position: relative; height: 50px; } .settings_table .standard_row { position: relative; height: 50px; } #populated_fields p { height: 50px; } .error_info { position: absolute; right: 15px; top: 4px; color: #AC0000; font-weight: bold; font-size: 14px; } .normal_box { border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; width: 200px; } .normal_error_box { margin-top: 17px; border: 1px solid #FF0000; border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; width: 215px; } .error_input { border: 1px solid #FF0000; float: left; margin-left: 10px; width: 150px; height: 20px; border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; } .settings_table .error_row .error_input_large { border: 1px solid #FF0000; float: left; margin-left: 10px; width: 310px; height: 20px; border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; } .settings_table p { min-height: 28px; } .save_changes { width: 162px; height: 36px; background-image: url('images/new_account/buttons/save_changes.png'); display: block; color: transparent; position: absolute; bottom: 10px; right: 10px; } .find_address_2 { width: 113px; height: 24px; background-image: url('images/new_account/buttons/find_address_23.png'); display: block; color: transparent; float: left; margin-left: 10px; border: 0px; cursor: pointer; } .onepxdivider { height: 1px; width: 935px; background-color: #CBCBCB; padding: 0px; margin-left: 15px; margin-top: 20px; margin-bottom: 15px; display: block; } .error_box_s { width: 710px; height: 39px; background-image: url('images/new_account/bars/error_small.png'); padding: 0px; margin: 0px 0px 20px 0px; text-align: left; position: relative; display: block; font-size: 14px; font-weight: normal; cursor: pointer; } .error_box_s .contain { position: absolute; top: 11px; left: 10px; } .error_box_s .contain .black_text { color: #444; } .error_box_s .contain .red_text { color: #AD3232; font-weight: bold; } .success_box, .error_box { width: 980px; height: 42px; background-repeat: no-repeat; cursor: pointer; padding: 0px; margin-bottom: 20px; position: relative; } .success_box { background-image: url('images/new_account/bars/saved_resize.png'); } .error_box { background-image: url('images/new_account/bars/error_bar.png'); } .success_box .normal_text, .error_box .normal_text { position: absolute; top: 8px; left: 17px; padding: 0px; margin: 0px; font-size: 12px; color: #000; float: none; } .success_box span .bold_starter, .error_box span .bold_starter { font-weight: bold; font-size: 12px; } .success_box span .bold_starter { color: #35A025; } .error_box span .bold_starter { color: #AC0000; } .error_box { width: 960px; height: 42px; background-image: url('images/new_account/bars/error_bar.png'); background-repeat: no-repeat; cursor: pointer; padding: 0px; margin-bottom: 20px; position: relative; } .success_box .normal_text { position: absolute; top: 8px; left: 17px; padding: 0px; margin: 0px; font-size: 12px; color: #000; float: none; } .validation_text { font-weight: bold; color: #16A126; margin-left: 10px; } #add_card_form { display: none; } .purchase_selection { width: 800px; margin-left: auto; margin-right: auto; margin-bottom: -5px; background-image: url('/images/common/purchase_background.png'); background-repeat: no-repeat; padding:20px 20px 20px 20px; } .purchase_selection .title { width: 100%; position: relative; font-size: 20px; padding: 0; margin: 0px 0 0px 0; color: #2273BB; } .purchase_selection .text { color: #000000; position:relative; left:0px; top:-8px; } .purchase_selection .buy_now_button_holder { float: right; width: 100px; position:relative; left:-236px; top:-56px; } .purchase_selection .buy_now_button { padding: 0px; width: 134px; height: 37px; background-image: url('/images/common/large_buy_now_button.png'); background-repeat: no-repeat; } .settings_bar { height: 44px; background-color: #DEDEDE; width: 100%; } .optimise_pane { width: 962px; background-color: #FFF; margin-top: 10px; -moz-box-shadow: 0 3px 3px #999999; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; } .optimise_pane .bar1, .optimise_pane .bar2, .optimise_pane .bar3, .optimise_pane .bar4 { height: 45px; width: 962px; } .optimise_pane .bar1 { background-image: url('images/new_account/bars/optimise_step_1.png'); } .optimise_pane .bar2 { background-image: url('images/new_account/bars/optimise_step_2.png'); } .optimise_pane .bar3 { background-image: url('images/new_account/bars/optimise_step_3.png'); } .optimise_pane .bar4 { background-image: url('images/new_account/bars/optimise_step_4.png'); } .optimise_pane .title_large { font-size: 22px; color: #434546; font-weight: bold; } .optimise_pane .title_small { font-size: 20px; color: #434546; } .optimise_pane .title_bar { text-align: left; padding-left: 21px; position: relative; height: 70px; padding-top: 30px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } .optimise_pane .title_desc { text-align: left; padding-left: 21px; padding-bottom: 20px; position: relative; padding-top: 0px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; font-size: 16px; color: #52575A; line-height: 25px; } .button_bar { text-align: left; height: 38px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; background-image: url('images/new_account/bars/optimise_button_bar.png'); position: relative; } .button_bar .report { position: absolute; top: 5px; font-size: 12px; right: 10px; font-weight: bold; color: #333; } .button_bar .report .entry { width: 80px; margin-right: 10px; } .dash_top { border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; height: 71px; background-color: #FFF; border-top-left-radius: 5px 5px; -moz-border-radius-topleft: 5px 5px; border-top-right-radius: 5px 5px; -moz-border-radius-topright: 5px 5px; } .dash_top .title { font-size: 18px; font-weight: bold; text-align: left; color: #2B92E2; margin-top: 23px; margin-left: 20px; } .optimise_pane .button_bar .paste_from_excel , .optimise_pane .button_bar .upload_file { height: 25px; float: left; margin-left: 8px; margin-top: 5px; cursor: pointer; border-width: 0px; } .optimise_pane .button_bar .paste_from_excel { width: 134px; background-image: url('images/new_account/buttons/paste_from_excel.png'); } .optimise_pane .button_bar .upload_file { width: 104px; background-image: url('images/new_account/buttons/upload_file.png'); } .optimise_pane .hide_map_bar { text-align: left; height: 21px; width: 960px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; background-color: #DDD; } .entry_header { text-align: left; height: 38px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-image: url('images/new_account/bars/grey-repeat-5.png'); } .optimise_pane .bottom_section { text-align: left; width: 960px; padding-top: 20px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; margin-bottom: 40px; } .entry_header .cell, .blank_row .cell, .entry_row .cell, .hover_row .cell, .error_row .cell { float: left; border-left: 1px dotted #CBCBCB; height: 38px; padding-left: 10px; display: table; position: relative; overflow: hidden; } .blank_row .cell, .entry_row .cell, .hover_row .cell, .error_row .cell { height: 53px; } .entry_header .cell span { padding-top: 11px; display: block; font-size: 14px; font-weight: bold; color: #4B4B4B; text-shadow: 0px 1px 1px #FFF; } .entry_header .cell .small_head, .small_head { padding-top: 11px; float: left; font-size: 12px; font-weight: bold; color: #4B4B4B; text-shadow: 0px 1px 1px #FFF; } .blank_row { text-align: left; height: 53px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-image: url('images/new_account/bars/blank_row.png'); } .blank_row .cell .bold_text, .entry_row .cell .bold_text, .error_row .cell .bold_text { font-weight: bold; display: block; padding-top: 17px; color: #4B4B4B; font-size: 14px; } .blank_row .cell .bold_text_small { font-weight: bold; display: block; color: #4B4B4B; font-size: 14px; height: 50px; top: 50%; display: table-cell; vertical-align: middle; } .error_row .cell .bold_text { color: #AC0000; } .blank_row .cell .blue_text { font-weight: bold; display: block; padding-top: 17px; padding-left: 5px; color: #2F6EA9; } .error_row { text-align: left; height: 53px; width: 967px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-color: #FFDFDF; } .error_row_small { text-align: left; height: 53px; width: 834px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-color: #FFDFDF; position:relative; } .error_row .cell .blue_text { font-weight: bold; display: block; padding-top: 17px; padding-left: 5px; color: #AC0000; } .entry_row { text-align: left; height: 53px; width: 960px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-image: url('images/new_account/bars/entry_row.png'); } .optimise_pane .entry_row .input_box, .optimise_pane .blank_row .input_box, .optimise_pane .hover_row .input_box, .optimise_pane .entry_row select, .optimise_pane .blank_row select, .optimise_pane .hover_row select { margin-top: 17px; width: 210px; } .cell_span { font-size: 12px; display: block; position: relative; top: 17px; } .hidden_span { display: none; } .optimise_pane .entry_row .cell .row_drop_down, .optimise_pane .error_row .cell .row_drop_down { height: 47px; width: 160px; margin-top: 4px; position: relative; } .optimise_pane .blank_row .cell .row_drop_down select, .optimise_pane .blank_row .cell .row_drop_down input { display: none; } .optimise_pane .entry_row .cell .row_drop_down select, .optimise_pane .error_row .cell .row_drop_down select { position: absolute; top: 13px; left: 0px; width: 200px; } .error_row .cell .error_select { border: 1px solid #FF0000; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; } .optimise_pane .entry_row .cell .row_drop_down input, .optimise_pane .error_row .cell .row_drop_down input { position: absolute; top: 13px; left: 200px; } #all_depots { display: none; } .optimise_pane .hover_row { text-align: left; height: 53px; width: 960px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; background-image: url('images/new_account/bars/hover_row.png'); } .optimise_pane .collapse_divider { text-align: left; background-image: url('images/new_account/bars/divider.png'); background-repeat: repeat-x; margin-right: 20px; padding-bottom: 24px; cursor: pointer; } .optimise_pane .collapse_divider span { color: #3994D7; font-weight: bold; font-size: 14px; padding-left: 20px; background-color: #FFF; padding-right: 20px; } .optimise_pane .collapse_divider .collapse_divider_expand { float: right; width: 16px; height: 12px; background-image: url('images/new_account/icons/expand.png'); background-position: right bottom; background-repeat: no-repeat; background-color: #FFF; } .optimise_pane .collapse_divider .collapse_divider_expand_rotate { float: right; width: 12px; height: 16px; background-image: url('images/new_account/icons/expand_rotate.png'); background-position: right bottom; background-repeat: no-repeat; background-color: #FFF; } .optimise_pane .row, new_modal .row { text-align: left; margin-left: 24px; margin-bottom: 22px; } .optimise_pane .row_no_bottom { text-align: left; margin-left: 24px; margin-bottom: 10px; margin-top: 10px; } .row .colour { width: 16px; height: 16px; margin-right: 10px; float: left; } .optimise_pane #map_canvas { width: 100%; height: 620px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; background-color: #000000; } .back_button { width: 162px; height: 36px; background-image: url('images/new_account/buttons/back.png'); float: left; color: transparent; border: 0px; display: block; margin-left: 20px; margin-bottom: 20px; cursor: pointer; position: relative; z-index: 2000; } .buy_now_button { padding: 0px; width: 134px; height: 37px; background-image: url('/images/common/large_buy_now_button.png'); background-repeat: no-repeat; } .quick_tip { position: absolute; top: 10px; right: 0px; width: 178px; height: 75px; margin-right: 18px; } /* CLOCK CSS */ .black_clock { background-image: url('images/new_account/buttons/clock_base.png'); width: 43px; height: 26px; float: left; margin-top: 15px; } .map_pane { width: 962px; background-color: #FFF; margin-top: 10px; -moz-box-shadow: 0 3px 3px #999999; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; } .map_pane_print_screen { width: 800px; height:800px; background-color: #FFF; margin-top: 10px; position:absolute; left:0px; top:0px; } .map_pane_print_screen .map_canvas_class { height:800px; width:800px; border: 1px solid rgb(213, 213, 213); float:left; margin-right:-15px; position:absolute; left:0px; top:0px; display:inline; } .map_pane .map_bar { height: 45px; width: 962px; } .map_pane .map_bar { background-image: url('images/new_account/bars/map.png'); } .map_pane .title_bar { text-align: left; padding-left: 21px; position: relative; height: 70px; padding-top: 30px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } .map_pane .title_large { font-size: 22px; color: #434546; font-weight: bold; } .map_pane .title_small { font-size: 20px; color: #434546; } .map_pane .entry_header .cell span { padding-top: 11px; display: block; font-size: 14px; font-weight: bold; color: #4B4B4B; text-shadow: 0px 1px 1px #FFF; } .map_pane .blank_row .cell .blue_text { font-weight: bold; display: block; padding-top: 17px; padding-left: 5px; color: #2F6EA9; } .map_pane .job_info_bar { text-align: left; padding-left: 21px; position: relative; height: 20px; padding-top: 9px; padding-bottom: 9px; border: 1px solid rgb(213, 213, 213); font-weight: bold; background-image: url('/images/new_account/bars/grey-repeat-6.png'); background-repeat: repeat-x; } .map_pane .bold_text { font-size: 15px; color: #4b4b4b; margin-right: 50px; } .map_pane .bold_text_no_margin { font-size: 15px; color: #4b4b4b; } .map_pane .vehicle_bar { text-align: left; padding-left: 21px; position: relative; height: 20px; padding-top: 9px; padding-bottom: 9px; border: 1px solid rgb(213, 213, 213); font-weight: bold; background-image: url('/images/new_account/bars/grey-repeat-7.png'); background-repeat: repeat-x; } .map_pane .light_grey_bold_text { font-size: 15px; color: #797979; margin-right: 50px; float:left; } .vehicle_button { height: 20px; padding: 3px 10px 1px 10px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .show_all_button { background-image: url('/images/new_account/buttons/show_all.png'); height:25px; width:83px; float:right; margin-right:10px; margin-top:-1px; cursor:pointer; } .map_pane .bottom_bar { text-align: left; padding-left: 21px; position:relative; height: 19px; padding-top: 9px; padding-bottom: 9px; border: 1px solid rgb(213, 213, 213); font-weight: bold; background-image: url('/images/new_account/bars/grey-repeat-8.png'); background-repeat: repeat-x; margin-bottom:20px; } .map_pane .bottom_bar .export_to_sat_nav { height:25px; width:134px; background-image: url('/images/new_account/buttons/export_to_sat_nav.png'); float:left; margin-right:10px; margin-top:-2px; cursor: pointer; } .map_pane .bottom_bar .download_directions { height:25px; width:153px; background-image: url('/images/new_account/buttons/download_directions.png'); float:left; margin-right:10px; margin-top:-2px; } .map_pane .bottom_bar .summary_csv { height:25px; width:124px; background-image: url('/images/new_account/buttons/summary_csv.png'); float:left; margin-right:10px; margin-top:-2px; } .map_pane .bottom_bar .full_summary { height:25px; width:124px; background-image: url('/images/new_account/buttons/full_summary.png'); float:left; margin-right:10px; margin-top:-2px; } .map_pane .map_container { text-align: left; padding-left: 21px; position:relative; height:622px; border: 1px solid rgb(213, 213, 213); font-weight: bold; } .map_pane .map_container_clear { border:0px; } .map_pane .map_canvas_class { height:622px; width:622px; border: 1px solid rgb(213, 213, 213); float:right; margin-right:0px; display:inline; position:absolute; top:0px; } .map_pane .vehicle_title { margin-left:-22px; margin-right:-1px; height:53px; width:315px; border: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/grey-repeat-9.png'); background-repeat: repeat-x; float:left; padding-left: 21px; } .map_pane .vehicle_title_high { margin-left:-22px; margin-right:-1px; height:115px; width:315px; border: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/grey-repeat-9-strech.png'); background-repeat: repeat-x; float:left; padding-left: 21px; } .map_pane .vehicle_title .title, .map_pane .vehicle_title_high .title { font-size: 18px; color: #2f6ea9; line-height: 53px; } .map_pane .vehicle_title_high .excluded_wp_text { font-size: 14px; color: #4b4b4b; line-height: 16px; padding-right:20px; } .map_pane .vehicle_job_info { margin-left:-22px; margin-right:-1px; height:22px; width:315px; border: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/grey-repeat-10.png'); background-repeat: repeat-x; float:left; padding-left: 21px; padding-top: 4px; } .map_pane .blue_text { font-size: 15px; color: #2f6ea9; } .map_pane .table_header { text-align: left; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #959595; background-color: #e6e6e6; margin-left:-22px; margin-right:-1px; height:22px; width:315px; float:left; padding-left: 21px; padding-top: 4px; } .map_pane .cell { float: left; border-left: 1px dotted #CBCBCB; height: 38px; padding-left: 10px; } .map_pane .table_text { float:left; font-size: 12px; color: #4b4b4b; } .map_pane .table_row { float:left; height:53px; width:319px; /*margin-left:-21px; margin-right:-20px;*/ padding-right:-20px; } .map_pane .table_cell { height:43px; padding-top: 10px; padding-left: 5px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); border-top: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/grey-repeat-11.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .first_table_cell { height:43px; padding-top: 10px; padding-left: 5px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); /*border-top: 1px solid rgb(213, 213, 213);*/ background-image: url('/images/new_account/bars/green-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .last_table_cell { height:43px; padding-top: 10px; padding-left: 5px; border-right: 1px dotted #CBCBCB; /*border-bottom: 1px solid rgb(213, 213, 213);*/ border-top: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/red-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .bold_table_text { font-size: 12px; font-weight: bolder; color: #353535; } .goto_print_map { background-image: url('/images/new_account/buttons/print-view.png'); height:25px; width:104px; float:right; margin-right:10px; margin-top:-1px; } .leave_print_map { background-image: url('/images/new_account/buttons/main-view.png'); height:25px; width:104px; position:absolute; left:350px; top:850px; } #pane2 span { padding: 0px; margin: 0px; margin-top: 16px; } #pane2 .checkbox_cell { float: left; width: 50px; } #pane2 .checkbox_cell input { width: auto; margin-left: 18px; margin-top: 20px; } #pane2 .entry_header .checkbox_cell input { width: auto; margin-left: 18px; margin-top: 14px; } #pane2 .entry_header .cell span { padding: 0px; margin: 0px; padding-top: 10px; } #pane2 .cell select { margin: 0px; padding: 0px; } #pane2 .cell input { margin: 0px; padding: 0px; } .tiny_txt { width: 40px; margin-top: 17px; margin-left: 10px; } .tiny_txt_2 { width: 40px; margin-left: 10px; margin-right: 10px; margin-top: 16px; } .tiny_txt_2_error { width: 40px; margin-left: 10px; margin-right: 10px; margin-top: 16px; border: 1px solid #FF0000; -moz-border-radius: 3px; -moz-box-shadow: 0px 0px 8px #FF8A8A; -webkit-box-shadow: 0px 0px 8px #FF8A8A; box-shadow: 0px 0px 8px #FF8A8A; } .tiny_txt_3 { width: 40px; margin-left: 10px; margin-right: 10px; } .right_white_box { width: 191px; background-color: #FFF; border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 20px; text-align: left; padding: 10px; } .right_white_box .small_centre { text-align: center; font-size: 12px; color: #555; display: block; margin-top: 10px; } .right_white_box .bottom_link { text-align: center; font-size: 12px; color: #003366; display: block; margin-top: 10px; font-weight: bold; } .right_white_box .title { font-size: 14px; font-weight: bold; color: #3C3D3E; margin-bottom: 15px; } .right_white_box .bottom_link a, .right_white_box .bottom_link a:link, .right_white_box .bottom_link a:active, .right_white_box .bottom_link a:visited { font-size: 12px; color: #003366; font-weight: bold; } .blog_title a, .blog_title a:link, .blog_title a:active, .blog_title a:visited { font-size: 20px; font-weight: normal; text-align: left; margin-bottom: 10px; color: #003366; display: block; } .blog_date { color: #52575A; font-weight: bold; text-align: left; font-size: 14px; margin-bottom: 5px; } .getting_started_row a, .getting_started_row a:link, .getting_started_row a:active, .getting_started_row a:visited { font-weight: normal; color: #52575A; } .getting_started_row { padding-left:20px; color: #52575A; text-align: left; font-size: 14px; margin-bottom: 10px; position: relative; background-color: #FFF; height:51px; } .getting_started_row .blue_text { color: #2B92E2; text-align: left; font-size: 16px; font-weight: bold; padding-left:10px; position:absolute; top:30%; } .click_here_depot { position:absolute; left:55px; top:110px; z-index:1000; } .click_here_vehicle { position:absolute; left:55px; top:170px; z-index:1000; } .click_here_optimise { position:absolute; left:55px; top:230px; z-index:1000; } .getting_started_intro { color: #000; text-align: left; font-size: 14px; font-weight: bold; margin-left:15px; margin-bottom:20px; line-height:20px; } .getting_started_row img { float: left; } .getting_started_row .bold_description { float: left; margin-left: 10px; margin-top: 17px; font-weight: bold; } .getting_started_row .normal_description { float: left; margin-left: 10px; margin-top: 17px; } .getting_started_row .number { float: left; margin-right: 10px; margin-top: 17px; font-weight: bold; } .blog_content a, .blog_content a:link, .blog_content a:active, .blog_content a:visited { color: #003366; font-size: 12px; margin-top: 10px; display: block; font-weight: normal; } .blog_content { color: #52575A; text-align: left; font-size: 14px; margin-bottom: 30px; } .news_items { width: 668px; background-color: #FFF; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; padding: 0px 20px; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; margin-bottom: 20px; } .top_right_info { position: absolute; top: 37px; right: 0px; color: #FFF; font-weight: bold; font-size: 12px; } .top_right_info a, .top_right_info a:link, .top_right_info a:active, .top_right_info a:visited { color: #FFF; font-size: 12px; } .grey { float: left; font-weight: normal; margin-left: 20px; margin-top: 1px; display: block; max-width: 200px; } .notes { font-size: 14px; margin-top: 5px; display: block; margin-left: 17px; margin-right: 20px; line-height: 21px; } .new_modal .saving_top { height: 52px; background-image: url('/images/new_account/bars/saving_modal_top.png'); background-repeat: repeat; font-size:18px; padding:15px; color: #434546; font-weight: bold; } .new_modal .small_blue_text, .settings_table_getting_started .small_blue_text { font-size:18px; color: #1d5d90; font-weight: bold; position:absolute; } .new_modal .big_blue_text, .settings_table_getting_started .big_blue_text { font-size:45px; color: #1d5d90; font-weight: bold; position:absolute; } .new_modal .saving_row { border-bottom: 1px solid #D5D5D5; height:50px; padding-top:20px; } .settings_table_getting_started .saving_row { height:50px; } .new_modal .small_green_text, .settings_table_getting_started .small_green_text { font-size:18px; color: #70bb2f; font-weight: bold; position:absolute; } .new_modal .small_green_text_plain { font-size:18px; color: #70bb2f; font-weight: bold; } .new_modal .smaller_green_text { font-size:12px; color: #70bb2f; } .new_modal .big_green_text { font-size:45px; color: #70bb2f; font-weight: bold; position:absolute; } .big_green_text { font-size:20px; color: #70bb2f; font-weight: bold; padding-left:15px; padding-top:20px; } .new_modal .big_green_text_plain { font-size:45px; color: #70bb2f; font-weight: bold; } .new_modal .saving_bottom { height: 145px; background-image: url('/images/new_account/bars/saving_modal_bottom_stretch.png'); background-repeat: repeat; } .new_modal .saving_bottom_small { height: 80px; background-image: url('/images/new_account/bars/saving_modal_bottom_stretch_small.png'); background-repeat: repeat; } .new_modal .saving_bottom .blue_text { font-size:14px; color: #1d5d90; padding-top: 10px; padding-left: 15px; font-weight: bold; } .new_modal .saving_bottom .black_text { font-size:14px; padding-top: 10px; padding-left: 15px; padding-right:60px; } .new_modal .saving_bottom .buy_now { background-image: url('/images/new_account/buttons/buy_now.png'); height:33px; width:142px; margin-left:15px; margin-top:10px; background-repeat:no-repeat; } .buy_now { background-image: url('/images/new_account/buttons/buy_now.png'); height:33px; width:142px; margin-left:15px; background-repeat:no-repeat; } .new_modal .close { background-image: url('/images/new_account/buttons/saving_modal_close.png'); height:20px; width:19px; background-repeat:no-repeat; position:absolute; top:5px; right:5px; cursor:pointer; } .new_modal .up_arrow { background-image: url('/images/new_account/buttons/temp_up_arrow.png'); height:20px; width:19px; background-repeat:no-repeat; position:absolute; top:5px; right:5px; cursor:pointer; } .new_modal .down_arrow { background-image: url('/images/new_account/buttons/temp_down_arrow.png'); height:20px; width:19px; background-repeat:no-repeat; position:absolute; top:5px; right:5px; cursor:pointer; } .below_black_text { font-size:10px; position:absolute; top:1090px; left:1122px; width:300px; background-color:transparent; display:none; } .new_modal .activation_title { font-size:17px; padding-left:35px; padding-right:35px; font-weight: bold; text-align:center; color: #52565d; } .new_modal .activation_text { font-size:13px; padding-left:35px; padding-top:7px; color: #52565d; } .new_modal .activation_divider { background-image: url('/images/new_account/bars/activation_divider.png'); height:190px; width:1px; background-repeat:no-repeat; position:absolute; top:0px; left:292px; } .new_modal .activation_code_tbx { margin-top:15px; margin-left:83px; padding-bottom:13px; } .new_modal .activation_go { background-image: url('/images/new_account/buttons/activation_go.png'); height:31px; width:32px; background-repeat:no-repeat; position:absolute; top:74px; left:189px; cursor:pointer; } .new_modal .activation_blue_text { font-size:12px; color: #2373b8; font-weight: bold; text-align:center; cursor:pointer; } .map_mask { background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); position:absolute; top:0px; left:0px; height:706px; z-index:100; width: 964px; } .static_map { background-image: url('/images/new_account/common/google_map_static_image.png'); background-repeat:no-repeat; height:622px; width:622px; } .activation_info { font-size:13px; text-align:center; color: #FF0000; margin-top:10px; } .new_modal .activation_text_blue_small { font-size:13px; padding-left:35px; padding-top:7px; color: #52565d; } #excel_paste_section { text-align: left; font-size: 14px; padding: 15px; display: none; } #excel_paste_section .title { font-weight: bold; margin-bottom: 15px; display: block; color: #505050 } .top_up_prominent { font-size: 16px; line-height: 24px; color: #005DAB; font-weight: normal; text-align:left; padding-left:50px; padding-right:50px; } .top_up_text { text-align:left; padding-left:50px; padding-right:50px; } .top_up_heading2 { text-align:left; height: 29px; font-size: 20px; color: #3A5887; padding-left:50px; } .top_up_selection { width: 646px; height:84px; margin-left: auto; margin-right: auto; background-image: url('/images/common/purchase_background.png'); background-repeat: no-repeat; margin-bottom:10px; } .top_up_selection .title { font-size: 20px; margin-left: 20px; padding-top: 20px; text-align: left; color: #2273BB; } .top_up_selection .text { color: #000000; position:relative; margin-left: 20px; text-align: left; font-size: 12px; } .top_up_selection .buy_now_button_holder { float: right; width: 100px; position:relative; left:-236px; top:-56px; } .top_up_selection .buy_now_button { width: 134px; height: 37px; background-image: url('/images/common/large_buy_now_button.png'); background-repeat: no-repeat; margin-top:22px; } .top_up_selection .buy_now_button_green { width: 142px; height: 33px; background-image: url('/images/new_account/buttons/buy_now.png'); background-repeat: no-repeat; margin-top:25px; } .top_up_selection .left_holder { width: 70%; float: left; } .top_up_selection .right_holder { width: 25%; float: right; } .delete_loc_button { float: right; margin-right: 10px; display: none; font-size: 10px; } .add_loc_button { float:right; margin-right: 10px; display: block; font-size: 10px; margin-top:16px; } .waypoint_cell { float: left; margin-right: 20px; } .settings_bar .menu .menu_text_no_pointer { display: block; margin-right: 20px; font-weight: bold; font-size: 13px; color: #404040; text-align: left; float:left; } .settings_bar .menu .menu_text_no_pointer2 { display: block; margin-right: 20px; font-weight: bold; font-size: 13px; color: #404040; text-align: left; float:left; } /**************************** CHRIS END **********************************/ /**************************** TOM START **********************************/ .top_up_prominent { font-size: 16px; line-height: 24px; color: #005DAB; font-weight: normal; text-align:left; padding-left:50px; padding-right:50px; } .top_up_text { text-align:left; padding-left:50px; padding-right:50px; } .top_up_heading2 { text-align:left; height: 29px; font-size: 20px; color: #3A5887; padding-left:50px; } .top_up_selection { width: 646px; height:84px; margin-left: auto; margin-right: auto; background-image: url('/images/common/purchase_background.png'); background-repeat: no-repeat; margin-bottom:10px; } .top_up_selection .title { font-size: 20px; margin-left: 20px; padding-top: 20px; text-align: left; color: #2273BB; } .top_up_selection .text { color: #000000; position:relative; margin-left: 20px; text-align: left; font-size: 12px; } .top_up_selection .buy_now_button_holder { float: right; width: 100px; position:relative; left:-236px; top:-56px; } .top_up_selection .buy_now_button { width: 134px; height: 37px; background-image: url('/images/common/large_buy_now_button.png'); background-repeat: no-repeat; margin-top:22px; } .top_up_selection .buy_now_button_green { width: 142px; height: 33px; background-image: url('/images/new_account/buttons/buy_now.png'); background-repeat: no-repeat; margin-top:25px; } .top_up_selection .left_holder { width: 70%; float: left; } .top_up_selection .right_holder { width: 25%; float: right; } .scroll_vehicle_next { background-image: url('/images/new_account/icons/scroll-arrows.png'); height:24px; width:23px; float:right; margin-right:5px; margin-top:-1px; } .scroll_vehicle_prev { background-image: url('/images/new_account/icons/scroll-arrows-reversed.png'); height:24px; width:23px; float:left; margin-left:-40px; margin-top:-1px; } .map_feedback_hide { background-image: url('/images/new_account/buttons/feedback_minimise.png'); height:25px; width:25px; float:right; margin-right:10px; margin-top:-1px; } /*.page_mask { background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); top:0px; left:0px; height:100%; z-index:100; width:100%; position:fixed; }*/ #page_mask { background-color: #000000; width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.7; filter: alpha(opacity=70); z-index: 2001; display: none; } .feedback_tab { background-image: url('/images/new_account/buttons/feedback-tab.png'); height:99px; width:35px; cursor:pointer; position: fixed; top:200px; left: 0px; } /*.success_box .bold_starter { position: absolute; top: 8px; left: 17px; padding: 0px; margin: 0px; float: none; color: #35A025; font-weight:bold; font-size:14px; }*/ .success_box .norm { position: absolute; top: 8px; left: 100px; padding: 0px; margin: 0px; font-size: 12px; color: #000; float: none; } .top_up_background { width:970px; background-color:#FFFFFF; margin-right:auto; margin-left:auto; -moz-box-shadow: 0 3px 3px #999999; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; border-top-left-radius: 5px 5px; -moz-border-radius-topleft: 5px 5px; border-top-right-radius: 5px 5px; -moz-border-radius-topright: 5px 5px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; padding-bottom:30px; } .top_up_background .blue_title { font-weight: bold; color: #3994d7; font-size:20px; margin-top: 20px; } .top_up_background .bold_text { font-weight: bold; color: #333333; font-size:14px; margin-top: 10px; margin-bottom: 30px; padding-left:40px; padding-right:40px; } .top_up_background .selection { width:250px; height:330px; background-color:#ddebf8; margin-right:auto; margin-left:auto; -moz-box-shadow: 0 3px 3px #999999; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomleft: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; border-top-left-radius: 5px 5px; -moz-border-radius-topleft: 5px 5px; border-top-right-radius: 5px 5px; -moz-border-radius-topright: 5px 5px; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; cursor:pointer; padding-bottom:20px; } .top_up_background .selection .title { font-weight: bold; color: #3994d7; font-size:20px; margin-top: 20px; margin-bottom: 10px; } .top_up_background .selection .bar { background-image: url('/images/new_account/bars/selection_bar.png'); width: 250px; height: 2px; margin-top: 15px; } .top_up_background .selection .text_area { padding:20px; margin-bottom:0px; } .top_up_background .selection .text { color: #333333; font-size:14px; } .top_up_background .selection .text_area .dot { background-image: url('/images/new_account/bars/dot_separator.png'); background-repeat:no-repeat; width: 10px; height: 10px; margin-top:10px; margin-bottom:10px; margin-left:100px; } .top_up_background .selection .buynow { background-image: url('/images/new_account/buttons/blueback_buynow.png'); width:162px; height:36px; margin-right:auto; margin-left:auto; } .populated_fields_row { margin-bottom:-40px; } .settings_bar .menu { margin-left: 465px; } .settings_bar .menu .menu_text { display: block; margin-right: 20px; font-weight: bold; font-size: 12px; color: #404040; text-align: left; cursor:pointer; float:left; } .settings_bar .menu .menu_text:hover { display: block; margin-right: 20px; font-weight: bold; font-size: 12px; color: #404040; text-align: left; cursor:pointer; float:left; text-decoration:underline; } .top_up_background .selection .best_for { font-weight: bolder; color: #494949; font-size:12px; margin-top: 1px; margin-bottom: 2px; } .top_up_background .selection .best_for_text { font-weight: bolder; color: #494949; font-size:13px; margin-top: 1px; margin-bottom: 2px; } .settings_table .top_up_divider { background-image: url('/images/new_account/bars/top_up_divider.png'); width: 958px; height: 30px; margin-top:-1px; color: #3994D7; font-weight:bold; padding-top:5px; padding-left:20px; } .confirm_button { background-image: url('/images/new_account/buttons/top_up_confirm.png'); height: 37px; width: 162px; } .settings_table .card_title { color: #3994D7; font-weight:bold; padding-left:20px; margin-bottom:20px; } .add_card { background-image: url('/images/new_account/buttons/add_card.png'); height: 25px; width: 113px; cursor:pointer; } .save_changes2 { width: 162px; height: 36px; background-image: url('images/new_account/buttons/save_changes.png'); display: block; bottom: 10px; right: 10px; } .add_a_depot { width: 162px; height: 36px; background-image: url('images/new_account/buttons/add_a_depot.png'); cursor:pointer; } .add_a_vehicle { width: 162px; height: 36px; background-image: url('images/new_account/buttons/add_a_vehicle.png'); cursor:pointer; } .setup_a_vehicle { width: 399px; height: 64px; background-image: url('images/new_account/buttons/setup_a_vehicle.png'); cursor:pointer; } .optimise_your_route { width: 387px; height: 63px; background-image: url('images/new_account/buttons/optimise_your_route.png'); cursor:pointer; } .optimise_route { width: 162px; height: 36px; background-image: url('images/new_account/buttons/optimise_route.png'); cursor:pointer; } .big_add_another_location { width: 336px; height: 310px; background-image: url('images/new_account/buttons/big_add_another_location.png'); cursor:pointer; } .map_title_blue_text { display: block; padding-top: 15px; padding-left: 5px; color: #2F6EA9; } .map_pane .bold_text .blue { font-size: 15px; color: #2F6EA9; margin-right: 50px; } .map_pane .first_table_cell2 { height:43px; padding-top: 10px; padding-left: 9px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); /*border-top: 1px solid rgb(213, 213, 213);*/ background-image: url('/images/new_account/bars/green-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; } .map_pane .first_table_cell2 { height:43px; padding-top: 10px; padding-left: 9px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); /*border-top: 1px solid rgb(213, 213, 213);*/ background-image: url('/images/new_account/bars/green-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .last_table_cell2 { height:43px; padding-top: 10px; padding-left: 9px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); /*border-top: 1px solid rgb(213, 213, 213);*/ background-image: url('/images/new_account/bars/green-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .last_table_cell2 { height:43px; padding-top: 10px; padding-left: 9px; border-right: 1px dotted #CBCBCB; /*border-bottom: 1px solid rgb(213, 213, 213);*/ border-top: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/red-repeat.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .map_pane .table_cell2 { height:43px; padding-top: 10px; padding-left: 9px; border-right: 1px dotted #CBCBCB; border-bottom: 1px solid rgb(213, 213, 213); border-top: 1px solid rgb(213, 213, 213); background-image: url('/images/new_account/bars/grey-repeat-11.png'); background-repeat: repeat-x; float:left; font-size: 12px; color: #4b4b4b; cursor:pointer; } .new_modal_test { background-color: #FFFFFF; z-index: 2002; position: fixed; top: 10%; left: 30%; width:560px; height:310px; border: 6px solid #818181; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000; display: none; text-align: left; } .new_modal_test .top { height: 49px; background-color: #CFEAFF; margin-bottom: 20px; } .new_modal_test .top span { position: absolute; top: 14px; left: 14px; font-weight: bold; color: #004096; } .new_modal_test .top_text { padding-left: 13px; font-weight: bold; font-size: 13px; color: #3C3D3E; margin-bottom: 20px; } .new_modal_test .satNavTable { float: left; width: 540px; font-family: Arial; font-size: 12px; color: #505050; padding: 10px; } .new_modal_test .viewPane { float: right; width: 390px; height: 120px; padding: 0px; } .new_modal_test .viewPaneText { font-family: Trebuchet MS; font-size: 12px; color: #707070; font-weight: normal; float: left; } .new_modal_test .modal_cross { background-image: url('/images/new_account/icons/modal-cross.png'); width:26px; height:27px; position:absolute; top: -5%; left: 98%; cursor:pointer; } .modal_cross { background-image: url('/images/new_account/icons/modal-cross.png'); width:26px; height:27px; position:absolute; top: -5%; left: 98%; cursor:pointer; } .settings_bar .menu .menu_text_selected { display: block; margin-right: 20px; font-weight: bold; font-size: 12px; color: #003366; text-align: left; cursor:pointer; float:left; } .settings_bar .menu .menu_text_selected:hover { display: block; margin-right: 20px; font-weight: bold; font-size: 12px; color: #003366; text-align: left; cursor:pointer; float:left; text-decoration:underline; } .add_card_button { background-image: url('/images/new_account/buttons/add_card.png'); width:113px; height:25px; cursor:pointer; } .show_div { display:block; } .hide_div { display:none; } .float_right_button { /*float:right; margin-right:10px; */ position:absolute; right:10px; z-index:1500; } .form_main .row .left_label { display:block; font-weight:bold; font-size:12px; color:#404040; width: 130px; height: 27px; float: left; padding: 5px 10px 0 0; text-align: right; } .page_mask { background-color: #000000; width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.7; filter: alpha(opacity=70); z-index: 2001; display: none; } .box_factswbg { background-color:#CEDCE7; padding:5px; } .box_factswbg_inner { background-color:#DFE8EF; padding:5px; } .table_title { font-size:14px; color:#1F3F70; margin-bottom:10px; } .blue_save_button_small { background-image: url('/images/new_account/buttons/btn_save_mini.png'); width:48px; height:24px; cursor:pointer; position:absolute; top:110px; left:0px; } img.center { display: block; margin-left: auto; margin-right: auto; } .vehicle_dimensions_img { position:relative; top:0px; left:80px; } .vehicle_units { font-size:13px; color:#3C3D3E; } .padding_top_img { padding-top:20px; } .enabled { width: 153px; height: 31px; background-image: url('images/new_account/common/small_text.png'); border-width: 0px; background-repeat: no-repeat; padding-left: 5px; float: left; } .disabled { width: 153px; height: 31px; background-image: url('images/new_account/common/small_text.png'); border-width: 0px; background-repeat: no-repeat; padding-left: 5px; float: left; } .img_validate_tick { margin-left:20px; margin-top:8px; } .job_setup_divider { background-image: url('images/new_account/bars/job_set_up_divider.png'); width:631px; height:1px; background-repeat: no-repeat; } .tool_tip { width:285px; background-color:#F2F2F2; float:right; margin-right:20px; margin-top:-20px; } .tool_tip .top { background-image: url('images/new_account/bars/tool_tip_top.png'); width:285px; height:5px; background-repeat: no-repeat; } .tool_tip .bottom { background-image: url('images/new_account/bars/tool_tip_bottom.png'); width:285px; height:12px; background-repeat: no-repeat; } .tool_tip .tool_tip_i { background-image: url('images/new_account/icons/tool_tip_i.png'); width:14px; height:15px; background-repeat: no-repeat; margin-top:10px; margin-left:15px; float:left; } .tool_tip .title { font-weight: bold; font-size: 16px; color: #404040; text-align:left; float:left; margin-left:10px; margin-top:7px; } .tool_tip .text { font-weight: normal; font-size: 12px; color: #404040; text-align:left; margin-left:10px; margin-right:10px; margin-top:10px; } .tool_tip .text .bold { font-weight:bold; } .error_text { font-weight: normal; font-size: 12px; color: #404040; text-align:left; } .blue_button { background-image: url('images/new_account/buttons/blue_button.png'); width:162px; height:28px; font-size:15px; font-weight:bold; color:#EEE; padding-top:8px; text-shadow: 0px 1px 1px #333; cursor:pointer; text-align:center; text-decoration:none; display:block; } .blue_button:hover { text-decoration:none; } .blue_button_next { background-image: url('images/new_account/buttons/blue_button.png'); width:162px; height:28px; font-size:15px; font-weight:bold; color:#EEE; padding-top:8px; text-shadow: 0px 1px 1px #333; cursor:pointer; text-align:center; text-decoration:none; float:right; margin-bottom:20px; margin-right:20px; z-index:2000; position:relative; display:block; } .blue_button_next:hover { text-decoration:none; } .grey_button { background-image: url('images/new_account/buttons/grey_button.png'); width:162px; height:28px; font-size:15px; font-weight:bold; color:#444; padding-top:8px; cursor:pointer; text-align:center; text-decoration:none; display:block; } .grey_button:hover { text-decoration:none; } .grey_button_back { background-image: url('images/new_account/buttons/grey_button.png'); width:162px; height:28px; font-size:15px; font-weight:bold; color:#444; padding-top:8px; cursor:pointer; text-align:center; text-decoration:none; float:left; margin-bottom:20px; margin-left:20px; position:relative; z-index:2000; display:block; } .grey_button_back:hover { text-decoration:none; } /**************************** TOM END **********************************/