/*
CSS Style Document - main
----------------------------
author: Anthony Coy
website: MyCalcs.com
---------------------------- */

*{margin:0;padding:0;line-height:1.25em}

body {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, Arial, Tahoma, sans-serif;
	color: #39444d;
	text-align:center;
	font-size:14px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-family: 'Georgia', Times, Serif;
}

/* links
---------------------------------------------------------- */
a,a:visited{text-decoration:none;color:#CB4200;}
a:active,a:hover{color:#000}

/* Generic links */
div.right a {
	margin: 0; padding: 1px 10px 2px 18px;
	background:#e0e0e0 url(/images/link_arrow_dark.gif) no-repeat 5px 50%;
	text-decoration: none;
	color: #424242;
	border: none;
}

div.right a:hover {
	color: #e0e0e0;
	background:#717171 url(/images/link_arrow_white.gif) no-repeat 5px 50%;
}

/* body
---------------------------------------------------------- */
div.container{
	width:700px;
	margin:0 auto;
	text-align:left
}

/* header
---------------------------------------------------------- */
#head{
	height:120px;
	background:#464646;
	font-weight:bold;
	font-size:26px;
}
#main{
	float:left;
	width:400px;
}
#main img{margin-top:10px;}
#name{padding:30px 0 0 10px;float:left}

#main strong{display:block;color:#fff;}
#main span{display:block;color:#b6b6b6;font-size:18px}

#info{
	float:left;
	width:300px;
	text-align:right;
	padding-top:10px;
	color:#d6d6d6;
	font-size:15px;
	font-weight:normal
}

#info a{color:#d6d6d6}
#info a:hover{color:#fff;}

/* title
---------------------------------------------------------- */
#title{
	background:#eee;
	border-bottom:1px solid #dadada;
	padding:15px 0;
}

/* body
---------------------------------------------------------- */
#content{
	width:600px;
	margin:0 auto;
	padding: 5px 25px 20px;
	color: #333;
	text-align:left;
}

td {
	padding: 0;
	vertical-align: top;
}

a img{border: none;}

h1{color: #555; font-size:30px;}
h2{color: #4E90C9; font-size:20px; margin:14px 0;}
h3{color: #3D5375;margin: 10px 0;}

h2 a,h2 a:visited{color:#4e90c9}
h2 a:hover, h2 a:active{color:#000}

p{margin: 14px 0;}

div.right {
	padding: 0px 0px;
	padding-top: 5px;
	color: #333;
	text-align: right;
}
div.analysis a{color:#000}
div.table-caption a{
	color:#000;
	font-size:80%;
	background:#eaeaea;
	border:1px solid #666;
	padding:1px 4px;
}

div.hr {
	border-bottom:1px dashed #ccc;
	height: 1px;
	overflow: hidden;
	margin: 15px 0;
}

/* Headers for the three tables: input table, results table and schedule table. */
div.table-caption {
	text-align: left;
	color: white;
	background: #999;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 10px;
	margin-top: 15px;
}

div.inputinfo {background: #4E90C9;}
div.analysis {background: #6EB46C;}
div.schedule {background: #878787;}


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

/* 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;
}

/* breadcrumbs */
div.nav{margin-top:15px;}
div.nav a{color:#4E90C9;font-weight:bold;}
div.nav a:hover{color:#CB4200}
div.nav a.current{color:#999;font-weight:normal}

/* ads */
div.ad{
	font-size:14px;
	padding:0 8px;
	background:#fffbcc;
	border:1px solid #ccc;
	margin-top:15px;
}

/* footer
---------------------------------------------------------- */
#disclaimer{
	margin-top:15px;
	color:gray;
}
#footer{
	margin-top:15px;
	border-top:1px solid #dadada;
	background:#eee;
	padding:15px 0;
	font-size:12px;
}
#prepared{
	float:left;
	width:500px;
}
#mycalcs{
	float:left;
	width:200px;
	text-align:right;
}