/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html {}
body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #000}
#main_container {width: 900px; margin-right: auto; margin-left: auto; background: #fff; background: url(../images/bg.gif) repeat-y 0 0 }
#main_table {width: 900px}
.main_header {padding:0 67px; }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
#userTabs img {position: fixed; cursor:pointer}

.template1 .main_header {height:360px; }
.template1 .main_header #noflashcontent { display:none}
.template1 #main_table {background:url(../images/bgMainLarge.jpg) no-repeat 0 0}
.template1 .signoutTab {margin:360px 0 0 37px}
.template1 .editTab {margin:360px 0 0 833px}
.template1 .previewTab {margin:500px 0 0 833px}


.template2 .main_header {}
.template2 .main_header #flashcontent{ display:none}
.template2 #main_table {background:url(../images/bgMainSmall.jpg) no-repeat 0 0}
.template2 .signoutTab {margin:220px 0 0 37px}
.template2 .editTab {margin:220px 0 0 833px}
.template2 .previewTab {margin:360px 0 0 833px}


p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.4em}
h1 {font-size: 16px; line-height: 1em; color: #2e629b; margin:0px 0px 15px 0px; }
h2 {font-size: 14.5px; line-height: 1.2em; color: #2e629b; margin:0px 0px 10px 0px; }
h3 {font-size: 13.5px; line-height: 1.2em; color: #2e629b; margin:0px 0px 7px 0px; }
h4 {font-size: 13.5px; line-height: 1.2em; color: #2e629b; margin:5px 0px 10px 0px; padding-top:5px; border-top: dashed 1px #ccc; }
h5 {font-size: 13px; line-height: 1.2em; color: #2e629b; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #31659b}
b, strong {color:#434343}

blockquote { margin:0 15px 10px}

p a { font-weight:bold}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 0px; padding-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #4e96e3; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #2e629b; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #d2e1f3; border-right: 0px; border-bottom: 0px; border-left: 0px; }
th { text-align:left}

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666666; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#eee}
.formtextarea { padding: 2px 0px; background-color:#eee}
.formselect { padding: 0; }
.formselect option {padding:0 3px;}
.formbutton { padding: 2px 3px; background: #4e96e3; cursor:pointer; border:none; color:#eee }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent {padding:20px 97px; }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { padding:15px 30px;color:#999;font-size:10px;line-height:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#999; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#333;}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { }


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #26350c;background: #f9f6e9;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/

/* ul */.SideNav { list-style-type: none; margin:0; padding:0;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:100px;padding:0px 0px 0px 0px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #fff url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background: #fff url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:100px;padding:0px 0px 0px 0px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 11px; line-height: 13px; }


/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:100px;padding:0px 0px 0px 0px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px; }
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { width:100px;padding:0px 0px 0px 0px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -500px; font-size: 11px; line-height: 13px; }


/*----- PAGE ELEMENTS -----*/

.ShareLinks { padding-top:15px;margin-top:60px;border-top: 1px solid #ccc; clear:both; }
.ShareLinks a:link, .ShareLinks a:visited { text-decoration:none; }
.ShareLinks a:hover, .ShareLinks a:active { text-decoration:underline; }

.Footer { background:url(../images/bgFooter.gif) no-repeat 0 0; padding:0 120px 0; height:109px}
.Footer table {margin-top:30px}
.Footer td { color: #A7A7A6; font-size: 11px; line-height: 1.6em; vertical-align:top }
.Footer a:link, .Footer a:visited { text-decoration:underline; }
.Footer a:hover, .Footer a:active { text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#A7A7A6;}
.Footer .col1 { border-right:dotted 1px #A7A7A6}
.Footer .col2 { padding:0 0 0 30px}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.flashcontent div { padding-top:-64px}
.userNav { background:url(../images/navigation/bg-bottom.gif) repeat-x 0 bottom; margin:5px 0 20px}

.textCallout { background:#eff4fb; border-color:#ccc #d2e1f3; border-width:2px 1px; border-style:solid; margin:0px 0px 10px 0px;}
div.textCallout, p.textCallout, .textCallout th, .textCallout td, .textCallout .title td, .textCallout .title2 { padding:8px 10px}
.textCallout th { background:#d8e5f2; border-bottom: solid 1px #d2e1f3}
.textCallout th h2 { margin:0; font-weight:normal}
.textCallout td { vertical-align:top; color:#2e629b; background:#eff4fb; }
.textCallout table td { padding:0 5px 5px 0;}

.formEdit, .noForm { color:#000; font-size:12px}
.noForm { padding:4px 2px 0; width:100%; text-align:center}

.editPage .formEdit { border: solid 1px #2e629b; background:#f7ffd7}
.previewPage .formEdit, .noForm { border:0; background:transparent;border:1px solid transparent}

input.formEdit { padding:2px; text-align:center}

textarea.formEdit { padding:2px; text-align:left; margin:5px 0 0; overflow:auto; font-family:Arial, Helvetica, sans-serif}

.formEdit.small, .noForm.small {width: 35px}
.formEdit.medium {width: 90px}
.formEdit.large {width: 140px}
.formEdit.xlarge {width: 195px}
.formEdit.xxlarge {width: 250px}
.formEdit.rateSet { width:70px}
.editPage .formEdit.rateSet { background-image: url(../images/icons/16x16/money_dollar-edit.gif); background-repeat:no-repeat; background-position:2px 2px; cursor: pointer;}
.formAdditionalCharge .formEdit { width:70px}
.formAdditionalCharge .noForm { text-align:left}
.previewPage select.formEdit { background: inherit}

.textCallout .noValue { color:#999}
.textCallout .bullet, .textCallout .odd .bullet, .textCallout .even .bullet {background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0 2px; padding:6px 5px 6px 15px; white-space:nowrap; font-style:italic; line-height:1.2em}
.textCallout.Chart3 .bullet, .textCallout.Chart3 .odd .bullet, .textCallout.Chart3 .even .bullet {padding:3px 5px 3px 15px;}
.textCallout .title td {border-bottom: solid 1px #d2e1f3; font-size:11px; font-weight:bold; vertical-align:bottom; text-align:center; line-height:1.2em}
.textCallout .title td.big { font-size:14px; text-align:left}
.textCallout .title2 { background:#b4d1e5}
.textCallout .title2 h3 { float:left; font-weight:normal; font-style:italic; font-size:12px; margin:3px 5px 0 0}
.textCallout .title2 .formEdit { float:left; text-align:left; font-weight:bold; margin-right: 10px}
.textCallout .odd td { background-color:#fff}
.textCallout .odd td, .textCallout .even td { padding-top:2px;padding-bottom:2px; line-height:1.2em}
.textCallout.Chart1 td { text-align:center}
.textCallout.Chart1 .bullet { text-align:left}
.editPage .textCallout .delete { float:right; padding:2px 0 0}
.previewPage .textCallout .delete { display:none}
.previewPage .textCallout .zip { display:none}
.editPage .textCallout .zip { float:right;}
.textCallout.Chart2 .acceptAgreement {background:#4e96e3; text-align:center; vertical-align:middle}
.textCallout.Chart2 .acceptAgreement a { color:#ffffff}
.textCallout.Chart3 .formEdit { text-align:center}
.editPage .textCallout .bullet .formEdit { text-align:left}
.previewPage .textCallout .bullet .formEdit { text-align:left; margin:1; font-style:italic;color: #2e629b;}

.textCallout.Chart4 td { vertical-align:top}

.textCallout.Chart2 .title td { text-align:left}
.textCallout.Chart2 .rightCol, .textCallout.Chart2 .title .rightCol { text-align:right; padding-right:3px}
.textCallout .odd td, .textCallout .even td { padding-top:3px; padding-bottom:3px}


.addTransfer { float:right;padding:4px 0 4px 20px; background: url(../images/icons/16x16/add.gif) no-repeat 0 3px}
.previewPage .addTransfer { display:none}
.selectTransfer {border:1px solid #d2e1f3; background:#fff url(../images/icons/down-arrow.gif) no-repeat right top; padding:3px; width:370px; float:left;color: #4e96e3; }
.titleTransfer { float:left;padding:4px 4px 4px 0;}
.addTransfer.networkIcon { background: url(../images/icons/16x16/chart_organisation.gif) no-repeat 0 3px}

.userNav2 { background:url(../images/navigation/bg-bottom.gif) repeat-x 0 bottom; margin:5px 0 20px}
.networkViewing {background: url(../images/navigation/activetab_bg.gif) no-repeat right top; width: 300px; height: 18px; border-left: 2px solid #cccccc; padding: 7px 9px 0 7px; font-weight:bold; color:#666;}
.networkViewing em { font-weight:normal}
.networkTab a:link, .networkTab a:visited { display:block; float:right;background: url(../images/navigation/offtab_bg.gif) no-repeat right top;height: 18px; padding: 7px 9px 0 9px; margin-left:5px; text-decoration:none; font-weight:bold}
.networkTab a:hover, .networkTab a:active { display:block; float:right;background: url(../images/navigation/hovertab_bg.gif) no-repeat right top;height: 18px;  border-left: 2px solid #cccccc; padding: 7px 9px 0 7px; margin-left:5px; text-decoration:none; font-weight:bold}
.networkTab.on a:link, .networkTab.on a:visited {display:block; float:right; position:relative;z-index:3;background: url(../images/navigation/activetab_bg.gif) no-repeat right top;height: 18px;  border-left: 2px solid #cccccc; padding: 7px 9px 0 7px; margin-left:5px; text-decoration:none; font-weight:bold; color:#000000}

.formAccess input { text-align:left}
.textCallout .formAccess td.bullet, .textCallout .formAccess td { padding-top:3px}

input.left { text-align:left}
.chartCenterTD .odd td, .chartCenterTD .even td { text-align:center}
.chartCenterTD .odd td.bullet, .chartCenterTD .even td.bullet { text-align:left}
.textCallout td.noformPadding { padding-top:2px; white-space:nowrap}


.rateSetPop { background:#fff; margin:50px auto; width:450px}
.rateSetPop td, .rateSetPop th { vertical-align:top}
.rateSetPop th { background:#e4ebf5; border-bottom:solid 1px #d2e1f3; padding:10px 10px}
.rateSetPop th h2 { margin:0; text-align:center}
.rateSetPop .close { text-align:right;}
.rateSetPop td {background:#fff; padding:0 0 5px 5px; text-align:left}
.rateSetPop .closeButton { vertical-align:bottom}
.rateSetPop .title td {border-bottom:solid 1px #d2e1f3; padding:10px; font-style:italic}
.rateSetPop .title2 td {border-top:solid 1px #d2e1f3; padding:10px; font-style:italic}
.rateSetPop .title3 td {padding: 0 10px 10px; font-style:italic}
.rateSetPop td.valueLabel {color: #2e629b; font-style:normal; text-align:right; padding-right:0}
.rateSetPop .valueRow .valueLabel {padding-top:5px}
.rateSetPop .valueCheck { width:1%}
.rateSetPop .valueLarge {color: #2e629b; text-align:right; font-size:14px; font-weight:bold}
.rateSetPop .valueSmall{color: #2e629b; text-align:right; padding-right:10px; padding-top:5px}
.rateSetPop .valueName { font-style:italic;color: #2e629b; padding-top:5px }
.rateSetPop .noValue { color:#999}
.rateSetPop .formbutton { padding:5px; width:50px; border:1px solid #2e629b; font-style:normal; font-size:14px; font-weight:bold; text-align:center}
.rateSetPop input { margin:0 0 0 5px}
#overlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000;
	z-index:100;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: '100%';
	z-index: '100';
}

.rateSetPop .title td ._calDay {padding:5px 0}


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */