@import url("master.css");

/* ----- IDS ----- */
body { background: #ddd; color: #043363; }
#container, #email-container { margin: 0 auto; background: #fff; border-top: 8px solid #005daa; }
#container, #siteby { width: 950px; margin: 0 auto; }
#email-container { width: 500px; }
#top-layer { padding: 1.5em; margin-top: 2px; border-top: 2px solid #00af9e; }
#top-layer #date { float: right; margin-top: 30px; }
#nav-layer { float: left; width: 213px; border-right: 1px solid #fff; }
#right-layer { float: right; width: 213px; border-left: 1px solid #fff; }
#main-layer { margin: 0 214px; }
#main-image { height: 230px; width: 522px; position: relative; }
#main-content { margin: 2em; text-align: justify; }
#clearing { clear: both; height: 2px; background: #00af9e; }
#footer { height: 50px; border-top: 2px solid #fff; background: #005daa; color: #fff; }

/* ----- CLASSES ----- */
.side-layer { padding: 0.5em 14px; }
.track-layer { background: #EEF3F6; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 218px; }
.ezone #main-layer { margin-right: 0; }
.ezone #main-content, .c4c #main-content { margin-top: 0; }
.c4c .track-layer { height: 196px; }
.background-body { margin: 0.5em 0 0; padding: 0.5em; background: #EEF3F6; }
.background-title { background: #CBD6DF; padding: 0.2em 0.5em; font-weight: bold; }
.people { margin-left: 100px; height: 1%; }
.slide { position: absolute; top: 0; left: 0; z-index: 1; }
.quote-price { line-height: 1.5em; font-size: 3.5em; }
.email { background: #fff; }
.note { padding: 0.5em; border: 1px solid #ccc; background: #eee; }
.note1 { padding: 0.5em; border: 1px solid #ccc; background: #ddd; }

/* ----- LISTS ----- */
#top-layer ul, #nav-layer ul, #main-side ul, #right-layer ul, #siteby ul { margin: 0; }

#top-layer ul { clear: right; float: right; }
#top-layer li { float: left; display: block; margin-top: 1.5em; padding: 0 1.2em; line-height: 1.1em; border-left: 1px solid #043363; }
#top-layer li a { color: #043363; }
#top-layer li.first { padding-left: 0; border: none; }
#top-layer li.last { padding-right: 0; }
#top-layer .date { margin-top: 10px; }
#top-layer .date li, #top-layer .info li { line-height: 16px; border-left: 0; }

#nav-layer ul, #main-side ul, #right-layer ul { float: left; }
#nav-layer li, #main-side li, #right-layer li { clear: left; float: left; display: inline; line-height: 32px; margin: 0 1px 1px 0; }
#nav-layer li.head, #main-side li.head, #right-layer li.head { line-height: 43px; color: #fff; font-weight: bold; text-indent: 35px; width: 213px; background: url('../../images/background-nav-extra.gif') no-repeat; }
#nav-layer li a, #main-side li a, #right-layer li a { float: left; color: #fff; font-weight: bold; text-indent: 35px; width: 213px; background: url('../../images/background-nav.gif') no-repeat; }
#right-layer li.head a, #right-layer li.head a:hover { background: none; }
#nav-layer li.selected a, #nav-layer li.selected a:hover { background-image: url('../../images/background-nav-selected.gif'); } 
#nav-layer li a:hover { background-image: url('../../images/background-nav-hover.gif'); }
#nav-layer li ul { display: none; }
#nav-layer li.selected ul { display: block; }
#nav-layer li li { line-height: 21px; }
#nav-layer li li.first { border-top: 1px solid #fff; }
#nav-layer li li a { color: #043363; background: #eee !important; }
#nav-layer li li a:hover { color: #fff; background: #00a99c url('../../images/blue-arrow.gif') no-repeat 15px 6px !important; }
#nav-layer li.icon, #right-layer li.icon { float: none; display: block; line-height: auto; padding: 30px 0 0; text-align: center; }
#nav-layer li.icon a, #right-layer li.icon a { float: none; display: block; text-indent: 0; background: none; }

#siteby li { float: left; display: block; background: none; padding: 0; margin-right: 2px; }
#siteby li.float-right { line-height: 12px; margin-top: 3px; padding: 0 0.3em 0 0.6em; }
#siteby li a { color: #043363; }

#main-content ul { list-style: disc; }
#main-content ol { list-style: decimal; }
.contact dt { float: left; width: 4em; }
.summary dt, .summary-milestone dt, .summary-dates dt, .summary dd, .summary-milestone dd, .summary-dates dd { margin: 0 0 1px; line-height: 22px; text-indent: 5px; }
.summary dt, .summary-milestone dt, .summary-dates dt { float: left; width: 220px; background: #005daa; color: #fff; border-right: 1px solid #fff; }
.summary-dates dt { width: 300px; }
.summary dd, .summary-milestone dd { background: #eee; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { color: #00a99c; }
h1, .h1, h2, .h2 { text-indent: 1.8em; background: url('../../images/icon-arrow.gif') no-repeat 0 5px; }
h2, .h2 { background-position: 0 4px; }

h2 span { padding-top: 0.25em; font-size: 0.75em; color: #043363; }
#footer p { text-align: center; margin-bottom: 0; padding-bottom: 0.5em; }

/* ----- LINKS ----- */
a { color: #00a99c; }

/* ----- IMAGES ----- */
img.req { float: right; margin: 0 5px 0 0; }

/* ----- TABLES ----- */
table caption { padding: 0.5em; margin: 0.5em 0; background: #005daa; color: #fff; font-weight: bold; text-align: left; }
table caption span { font-weight: normal !important; }
table caption a { color: #fff; white-space: nowrap; }

table.quote, table.fees { margin: 0.5em 0 0; }
table.fees { border: 1px solid #005daa; background: #eee; }
table.fees tfoot th, table.fees tfoot td { border-top: 1px solid #005daa; background: #005daa; color: #fff; font-weight: bold; }
table.fees th, table.fees td { padding: 0.3em 0.5em; }
table.fees th { text-align: left; }
table.fees td { text-align: right; }

.results { margin-bottom: 1em; }
.results caption { background: #fff; color: #043363; padding: 0.5em 0; }
.results td, .results th { padding: 5px; text-align: left; }
.results thead th { background: #005daa; color: #fff; font-weight: bold; background-repeat: no-repeat; background-position: right center; }
.results_over { background: #ccc; cursor: pointer; }
.results_head a { color: #fff; }
.results_head a:hover { text-decoration: none; }
.row1, .r0 { background: #ddd; }
.row2, .r1 { background: #eee; }
.desc-width { width: 450px; }
.case-width { width: 117px; }
.sortcol { cursor: pointer; padding-right: 20px; }
.sortasc { background-image: url('../../images/arrow-up.gif') !important; }
.sortdesc { background-image: url('../../images/arrow-down.gif') !important; }
.nosort { cursor: default; }

/* ----- FORMS ----- */
fieldset { margin: 0 0 0.8em 0; }
legend { color: #043363; margin-left: -3px; }
label { float: left; width: 180px; font-weight: bold; }
input, textarea, select { width: 170px; padding: 0.3em 0.5em 0; height: 1.5em; }
select { width: 184px; padding: 0; height: 1.7em; }
textarea { height: auto; }

fieldset.side-form { margin: 0; display: inline; }
legend.h2 { text-indent: 0; background: none; }
.side-form legend, .side-form label { display: none; }
.form-row { margin: 1em 0; }
.auto { width: auto !important; font-weight: normal; margin-right: 0.2em; border: 0 !important; }
.normal, .validation-passed { border: 1px solid #7f9db9; }
.disabled { color: #ACA899; border: 1px solid #C9C7BA; }
.active { border: 1px solid #529214; }
.validation-failed { border: 1px solid #d12f19; }
.validation-advice, .error { margin: 1em 0; padding: 0.5em; background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; font-weight: bold; }
.validation-advice { width: 170px; }

.radio { float: left !important; display: inline !important; margin-left: 0 !important; font-weight: normal; border: 0 !important; }
input.radio { width: auto !important; }
label.radio { width: 60px !important; }

#contact-form .validation-advice { margin-left: 180px; }
#contact-form input, #contact-form textarea, #contact-form .validation-advice { width: 250px; }
#contact-form select { width: 264px; }

/* ----- LIGHTBOX ----- */
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; background-color:#000; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
#overlay[id] { /* IE6 and below Can't See This */ position: fixed; }
.lightbox { width: 500px; background: #fff; padding: 10px; border: 2px solid #eee; }
#close { position: absolute; top: -5px; right: -5px; cursor: pointer; }

/* ----- CALENDAR ----- */
.calendar_date_select { color:white; border:#777 1px solid; display:block; width:195px; z-index: 1000; }
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker { position: absolute; z-index: 999; }
.calendar_date_select thead th { font-weight:bold; background-color: #aaa; border-top:1px solid #777; border-bottom:1px solid #777; color: white !important; }
.calendar_date_select .cds_buttons { text-align:center; padding:5px 0px; background-color: #555; }
.calendar_date_select .cds_footer { background-color: black; padding:3px; font-size:12px; text-align:center; }
.calendar_date_select table { margin: 0px; padding: 0px; }
.calendar_date_select .cds_header { background-color: #ccc; border-bottom: 2px solid #aaa; text-align:center; }
.calendar_date_select .cds_header span { font-size:15px; color: black; font-weight: bold; }
.calendar_date_select select { font-size:11px;}
.calendar_date_select .cds_header a:hover { color: white; }
.calendar_date_select .cds_header a { width:22px; height:20px; text-decoration: none; font-size:14px; color:black !important; }
.calendar_date_select .cds_header a.prev { float:left; }
.calendar_date_select .cds_header a.next { float:right; }
.calendar_date_select .cds_header a.close { float:right; display:none; }
.calendar_date_select .cds_header select.month { width:90px; }
.calendar_date_select .cds_header select.year { width:61px; }
.calendar_date_select .cds_buttons a { color: white; font-size: 9px; }
.calendar_date_select td { font-size:12px; width: 24px; height: 21px; text-align:center; vertical-align: middle; background-color: #fff; }
.calendar_date_select td.weekend { background-color: #eee; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.calendar_date_select td div { color: #000; }
.calendar_date_select td div.other { color: #ccc; }
.calendar_date_select td.selected div { color:white; }
.calendar_date_select tbody td { border-bottom: 1px solid #ddd; }
.calendar_date_select td.selected { background-color:#777; }
.calendar_date_select td:hover { background-color:#ccc; }
.calendar_date_select td.today { border: 1px dashed #999; }
.calendar_date_select td.disabled div { color: #e6e6e6; }
.fieldWithErrors .calendar_date_select { border: 2px solid red; }