* {margin: 0; padding: 0;}
body {font: 0.8125em/1.5 Verdana, sans-serif; color: #000;
	background: #efefef;}/* url(graphics/bkg.jpg) repeat */

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited, a:active {color: #555; border-bottom: 1px solid #555;}
html body a:hover {color: #000; border-bottom: 1px solid #000;}

/* text formatting */

h1 {font: bold 1.5em/1.5 Verdana, sans-serif; color:#036; padding-bottom:4px;}
h2 {font: bold 1.5em/1.5 Verdana, sans-serif; color:#036; padding-bottom:4px;}
h3 {font: bold 1.1em/1.5 Verdana, sans-serif;}
h4 {font: bold 1em/1.5 Georgia, "Times New Roman", serif;}
.fineprint {font: .7em/1.5 Verdana, sans-serif;}
.disclaimer {font-size:9px; padding-top:20px; color:#666;}
.hidden {visibility:hidden; position: absolute;left: -1500em;}
ul, ol {padding: 0 0 10px 14px;}
li {list-style: square outside none;}
p {padding-bottom: 10px}
blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; margin: 0.25em 0;}

#header h1 {font: bold 1.8em/1 Georgia, "Times New Roman", serif; text-align: left; color:#9cf; padding:4px 0 0 20px}
#header h2 {padding-top:8px}

#banner h1 {font: bold 1.8em/1 Georgia, "Times New Roman", serif; text-align: left; color:#9cf; padding:4px 0 0 20px}
#banner h2 {font: 1.1em/1.2 Verdana, sans-serif; text-align: left; color:#fff; padding-left:20px}

/* form params */

form p {clear: both; padding-bottom: 8px;}
form label {float: left; width: 15%; padding-right: 10px; text-align: right; font-weight:bold;}
form fieldset {border:0px solid #ccc; padding: 0px;}

#formula p {clear: both; padding-bottom: 8px;}
#formula label {float:left; text-align:right; width:35%; padding-right:10px; font-weight:bold;}
#formula fieldset {border:0px solid #ccc; padding: 0px;}

input.text, input.password {width: 75%;}
input.submit {border:1px solid black; background: white; width:50px;}
select {width: 20%;}
/* textarea {width: 75%; height: 4em;}
textarea#body {height: 10em;} visibility:hidden; */
.amor-table {background:#ccc; width:100%; height:200px;}
.form-col {float:left; text-align:right; width:35%; padding-right:10px;}
.form-col-num {float:left; text-align:right; width:5%; padding-right:10px;
	font: bold 1.5em Verdana, sans-serif; color:#036;}
.form-col-alt {float:left;}
.form-button {clear:both; padding:10px 0 0 34px;}
/* navigation FBFAF4*/


#tabs {float:left; width:100%; background:#ccc; font-size:93%; line-height:normal;
	border-bottom:1px solid #666;} /* #efefef */
#tabs ul {margin:0; padding:10px 10px 0 20px; list-style:none;}
#tabs li {display:inline; margin:0; padding:0;}
#tabs a {float:left; background:url(/graphix/tableft.gif) no-repeat left top;
	margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom: 0;}
#tabs a span {float:left; display:block; background:url(/graphix/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px; color:#666;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#FFF;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}


body#sectionHOME #tabs li#home a,
body#sectionREQUEST #tabs li#request a,
body#sectionRESOURCES #tabs li#resources a,
body#sectionRATES #tabs li#rates a,
body#sectionADVISOR #tabs li#advisor a {background-position:0% -42px;}

body#sectionHOME #tabs li#home a span,
body#sectionREQUEST #tabs li#request a span,
body#sectionRESOURCES #tabs li#resources a span,
body#sectionRATES #tabs li#rates a span,
body#sectionADVISOR #tabs li#advisor a span {background-position:100% -42px;}

/* well rounded */
.dialog {width:100%; margin:0px auto; color:#000; padding-top:8px;}
.dialog .hd .c,
.dialog .ft .c {font-size:1px; /* ensure minimum height */ height:20px;}
.dialog .ft .c {height:20px;}
.dialog .hd {background:transparent url(/graphix/tl.gif) no-repeat 0px 0px;}
.dialog .hd .c {background:transparent url(/graphix/tr.gif) no-repeat right 0px;}
.dialog .bd {background:transparent url(/graphix/ml.gif) repeat-y 0px 0px;}
.dialog .bd .c {background:transparent url(/graphix/mr.gif) repeat-y right 0px;}
.dialog .bd .c .s {margin:0px 8px 0px 4px; padding:0 1em 0 1em;}
.dialog .ft {background:transparent url(/graphix/bl.gif) no-repeat 0px 0px;}
.dialog .ft .c {background:transparent url(/graphix/br.gif) no-repeat right 0px;}
.dialog select {font: .8em/1.5 Verdana, sans-serif; margin-bottom:10px; width:144px}
html>body .dialog pre {font-size:1.1em;}

/* layout params */

#wrapper {background: #fff; margin: 0px auto; padding: 0; border-right: 10px solid #036; border-left: 10px solid #036;}
#header {float: left; font-size: 0.88em; padding: 0 0 0 20px; border-bottom: 1px solid #ccc;}
#header-supplement {padding-right: 20px; padding-left: 0;}
#header-spotlight {width: 324px;}
#header-sidebar {padding-left: 20px;}
#main {float: left; font-size: 0.88em; padding: 1.5em 0 1.5em 20px;}  /* shift main */
#supplement {padding-right: 20px; padding-left: 0;}
#spotlight {width: 324px;}
#sidebar {padding-left: 20px;}
#stage {padding: 0;}
/* IE5.x/Win hacks */
#wrapper {width: 760px; voice-family: "\"}\""; voice-family: inherit; width: 760px;}
#header {width: 740px; voice-family: "\"}\""; voice-family: inherit; width: 740px;}
#header-supplement {width: 174px; voice-family: "\"}\""; voice-family: inherit; width: 174px;}
#header-sidebar {width: 174px; voice-family: "\"}\""; voice-family: inherit; width: 174px;}
#main {width: 740px; voice-family: "\"}\""; voice-family: inherit; width: 740px;}
#supplement {width: 174px; voice-family: "\"}\""; voice-family: inherit; width: 174px;}
#sidebar {width: 174px; voice-family: "\"}\""; voice-family: inherit; width: 174px;}
#stage {width: 524px; voice-family: "\"}\""; voice-family: inherit; width: 524px;}
/* IE5/Mac hacks */
/*\*//*/
#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/










#banner {background: #069; margin: 0; padding: 0; height: 50px;}
#masthead {position: relative; z-index: 5; top: -20px; left: -20px;}
#promo {background: #fff; margin: 20px 20px 0 20px; padding: 0; border: 0px solid #ccc; height: 40px;}
#footer {clear: both; margin-bottom: 0em; border-top: 0px solid #000; background:#000;
	font: 0.75em/1.5 Verdana, sans-serif; text-align:center; color:#fff;}
#bottom {text-align:center; font: 0.75em/1.5 Verdana, sans-serif; color:#999; padding-top:8px;}
#bottom .affiliations {vertical-align:middle;}
.column {float: left;}
.featured-list {padding: 10px; margin: 10px 0 0 0; border: 1px solid #ccc; position: relative;}
.featured-title {position: absolute; top: -.9em; background-color: #fff; padding: 0 .25em;
	font: bold 1.5em/1.5 Verdana, sans-serif;}
.searchbar {float: right; padding: 10px; margin: 4px; border: solid 0px #FAF0E6;}
.alt-col {float:left; width:50%; margin-bottom:10px;}
.col-calc {float:left; width:46%; margin:0 4px 0 0; padding:4px; border: solid 1px #000; background:#ccc;}
.alt-col-calc {float:left; width:46%; margin:0; padding:4px; border: solid 1px #000; background:#ccc;}















td {
	padding: 0;
	vertical-align: top;
	font-size: 11px;
}

td.content {
	padding: 20px 25px;
	padding-top: 5px;
	color: #333;
}

td.content div.right {
	padding: 0px 0px;
	padding-top: 5px;
	color: #333;
	text-align: right;
}

td.content a {
	color: #333;
}

td.content div.right a {
	color: #F65D00;
	text-decoration: none;
}

div.hr {
	background: url(../images/aux06.gif) left center repeat;
	height: 1px;
	overflow: hidden;
	margin: 15px 0;
}


/* Headers for the three tables: input table, results table and schedule table. */
div.table-caption {font:bold 1em/1.5 Verdana, sans-serif; color: #000;
	text-align: left;
	color: white;
	background: #999;
	padding: 6px 10px;
}

div.inputinfo {
	background: #036;
}

div.analysis {
	background: #069;
}

div.schedule {
	background: #878787;
}


/* Input table */
table.calc {
	background: #f2f2f2;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px #EAEAEA solid;
}


table label {float:none; width:100%; padding-right: 0px; text-align: right; font-weight:normal;}

/* Each td in input table */
table.calc td {
	padding: 6px 12px;
	border-bottom: 1px white solid;
}

/* Each td with width of 25% */
table.calc td.td25 {
	padding: 6px 10px;
	text-align: left;
	border-right: 1px #f2f2f2 solid;
	border-bottom: 1px white solid;
	width: 25%;
}


table.calc td.lefttext {
	text-align: left;
}

table.calc td.righttext {
	padding: 6px 0px;
	text-align: right;
}

/* Last td in the row. Must reflect right and bottom borders */
table.calc td.last {
	text-align: left;
	border-bottom: 1px white solid;
	border-right: 1px #EAEAEA solid;
}

/* First td in the row. Must reflect left border */
table.calc td.first {
	text-align: right;
	padding-top: 7px;
	padding-right: 0;
	border-left: 1px #EAEAEA solid;
	border-right: none;	
}

table.calc td.td50 {
	width: 49%;
}

table.calc td.chapter {
	text-align: center;
	background: #f2f2f2;
	padding-top: 7px;
	padding-right: 0;
	font-weight: bolder;

	border-left: 1px #EAEAEA solid;
	border-right: 1px #EAEAEA solid;
}

table.calc td.chapter25 {
	text-align: center;
	background: #f2f2f2;
	padding-top: 7px;
	padding-right: 0;
	font-weight: bolder;
	width: 25%;
}

table.calc td.chapter50 {
	text-align: center;
	background: #f2f2f2;
	padding-top: 7px;
	padding-right: 0;
	font-weight: bolder;
	width: 50%;
}


/* Text fields */
table.calc input.text {
	font-size: 10px;	
}

/* Radio-buttons */
table.calc select {
	width: 40px;
	font-size: 10px;
}

/* Radio-button labels */
table.calc span.radio input {
	position: relative;
	top: 3px;
	width: 12px;
}

table.calc span.radio input.second {
	margin-left: 8px;
}

/* Submit button cell */
table.calc td.button {
	border-left: 1px #EAEAEA solid;
	border-right: 1px #EAEAEA solid;
	border-bottom: none;
	text-align: center;
}

/* Submit button style */
table.calc td.button input {
	width: 100px;
	font-size: 11px;
}


/* Analyss result table */
table.results {
	background: #f2f2f2;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px #EAEAEA solid;
}

/* Total row. Must diffs from the regular row. */
table.results tr.total {
	font-weight: bold;
}

/* Results cell */
table.results td {
	padding: 8px 10px;
	border-bottom: 1px white solid;
	width: 50%;
	border-right: 1px white solid;
}

/* Result cell with 25% width */
table.results td.td25 {
	padding: 8px 10px;
	border-bottom: 1px white solid;
	width: 25%;
	text-align: center;
	border-right: 1px white solid;
}

/* Last cell in the result row. Must reflect the right border. */
table.results td.last {
	padding: 8px 10px;
	border-bottom: 1px white solid;
	border-right: 1px #EAEAEA solid;
}

/* Last row in the result table. Must not display bottom border, since it is 
   already defined in the table's class. */
table.results tr.last td {
	border-bottom: none;
}

/* First cell in the results table. Must reflect left border. */
table.results td.first {
	border-right: 1px white solid;
	border-left: 1px #EAEAEA solid;
}


/* Schedule table */
table.schedule {
	width: 100%;
	color: #333;
	font-size: 10px;
}

/* Header of the schedule table */
table.schedule th {
	text-align: right;
	background: #BABABA;
	border-left: 1px white solid;
	padding: 2px 5px 3px 8px;
}


table.schedule th.first {
	border-left: none;
}

/* Cell of te schedule table */
table.schedule td {
	background: #F2F2F2;
	border-bottom: 1px white solid;
	border-left: 1px white solid; 
	text-align: right;
	padding: 2px 5px 3px 8px;
	font-size: 10px;	
}

table.schedule tr.last td {
	border-bottom: 1px #EAEAEA solid;	
}

table.schedule td.first {
	border-left: 1px #EAEAEA solid;
	text-align: right;
}

table.schedule td.last {
	border-right: 1px #EAEAEA solid;	
}

/* Subtotal cells. Must differs from the regular cells. */
table.schedule td.subtotal {
	text-align: right;
	font-weight: bolder;
	vertical-align: bottom;
}

/* Total cells. Must differs from the regular cells. */
table.schedule td.total {
	text-align: right;
	font-weight: bolder;
}