body { background-color: #FFF; margin-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px;background-image:  url(/images/background.png);background-repeat: repeat;background-attachment:fixed;background-position: center; font: 70% Arial, Helvetica, sans-serif; }
h1 {
        font: bold 18px Verdana, Arial, Helvetica, sans-serif;
        color: #4D73B2;
        margin: 0;
        padding: 6px 6px 6px 6px;
		text-transform:capitalize;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #4D73B2;
        margin: 0;
        padding: 6px 6px 6px 6px;
		text-transform:capitalize;
}

h3 {
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: #4D73B2;
        margin: 0;
        padding: 6px 6px 6px 6px;
		text-transform: capitalize;
}

P {
		margin: 6px 6px 6px 6px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
		
}

HR {
	height: 1px;
	color: #C6CEA1;
}

img {
border: none;
}
/* CSS Tabs Menu */
img {
border: none;
}

/*- Menu Tabs */
#box {

      width:100%;
      font-size:93%;
      line-height:normal;      
	  color:#CCC;
      }
#box a {
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      color:#CCC;
	  }
#box a:hover {
      text-decoration:underline;
      color:#FFF;
	  }			  

    #tabs {
      width:100%;
      font-size:85%;
      line-height:normal;
	  padding:0px 0px 2px 0px;
      }
    #tabs ul {
          margin:0;
          padding:10px 10px 0px 0px;
          list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(/images/tableft4.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url(/images/tabright4.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
	  text-decoration:underline;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

      #tabs #current a {
              background-position:0% -42px;
      }
      #tabs #current a span {
              background-position:100% -42px;
      }

/*- Menu Tabs 2--------------------------- */

    #tabs2 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #84776B;
      }
    #tabs2 ul {
          margin:0;
          padding:0px 10px 10px 12px;
          list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url(/images/tableft2.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url(/images/tabright2.gif) no-repeat right top;
      padding:0px 10px 4px 6px;
      color:#84776B;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#74675B;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

      #tabs2 #current a {
              background-position:0% -42px;
      }
      #tabs2 #current a span {
              background-position:100% -42px;
      }


/* Simple Menu */
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
/* Positioning */
#menu { position: absolute; z-index:100; left:auto; top:auto; }
/* Button Postioning */
#menu dl { float: left; width: 9.6em; margin: 1px 1px 0 0; }
/* Buttons */
#menu dt { cursor: pointer; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000; background: #4D73B2; border: 1px solid #4D73B2; }
/* Dropdown Container */
#menu dd { border: 1px solid #CCC; margin: 1px 0 0 0; }
/* List */
#menu li { text-align: center; margin: 0 0 0 0px; background: #FFF; color:#000; }
/* List Link */
#menu li a, #menu dt a { color: #000; text-decoration: none; display: block; height: 100%; border: none; }
/* List Link Hover*/
#menu li a:hover, #menu dt a:hover { background: #FFF; color:#000; }
a:link {
	color: #4D73B2;
}
a:visited {
	color: #4D73B2;
}
.light {color: #4D73B2; font-size: 9px; }
.style1 {
	font-size: 10px;
	color: #CCCCCC;
}
.style2 {font-size: 14px}
.style5 {font-family: Arial, Helvetica, sans-serif;}
.style6 {color: #000000;}
.style7 {font-size: 11px;}
.nav {padding-left:0px; background-color:transparent; }
.nav2 {padding-left:10px; }

        /* Dom Tabs */
		div.domtab{
			width:100%;
			font-size:70%;
					}
		/* Position Tabs */
		ul.domtabs{
			float:left;
			width:100%;
			margin: 6px 6px 6px 0px;				
		}
		ul.domtabs li{
			float:left;
			padding:6px 6px 6px 0px;
		}
		/* Boxes */
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:12em;
			padding: 6px 6px 6px 6px;			
			display:block;
			background:#fff;
			border-width: 1px; border-style:solid;  color:#000;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{

		}
		/* Boxes Hover */
		ul.domtabs a:hover{
			background:#333;
		}
		/* Content Box */
		div.domtab div{
			clear:both;
			width:auto;
			background:#FFFFFF;
			border-width: 1px; border-style:solid; 
			color:#CCCCCC;
			padding:6px 6px 6px 0px;
		}
		/* Boxes Active */
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background: #4D73B2;
			border-width: 1px; border-style:solid; 
			color:#000;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color: #4D73B2;
		}
		
		pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        	color: #4D73B2;
        	margin: 0px;
        	padding: 6px 6px 6px 6px;
			text-transform:capitalize;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        	color: #4D73B2;
        	margin: 0px;
        	padding: 6px 6px 6px 6px;
			text-transform:capitalize;
		}
		
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}
.mainAreaInternal {
   position: absolute;
   top: 40px;
   left: 0px;
   width: 500px;
   height: 300px;
   background-color: #FFFFFF;
   border: 1px solid #f0f0f0;
   overflow: auto;
   padding: 6px 6px 6px 6px;
   z-index: 0;
 }

 .mainAreaLoading {
   position: absolute;
   top: 40px;
   left: 0px;
   width: 500px;
   height: 300px;
   background-color: #FFFFFF;
   z-index: 1;
 }
 
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
padding: 1px 2px;
font: 11px Arial, Helvetica, sans-serif;
background:url(/images/formbg.gif) repeat-x left top;
}

/* Calculators */

td.content {
	padding: 6px 6px;
	padding-top: 0px;
	color: #333;
}

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

td.content a {
	color: #333;
}

td.content h1 {
	    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
        color: #4D73B2;
        margin: 0;
        padding: 0px 0px 0px 0px;
		text-transform:capitalize;
}

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

/* 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: #4D73B2;
}

div.analysis {
	background: #4D73B2;
}

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