@charset "utf-8";
/* CSS Document Houston */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-family:Arial, sans-serif; font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}

html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background:url(images/background.jpg) repeat-x;
color:#373636;
}

a {color:#0066cc;}
a:hover {color:#a34e33; text-decoration:underline;}

img.nicepic {padding:5px; border:1px solid #acacac;}

ul.misc {margin:5px 0 15px 0;}
ul.misc li {margin:0 0 5px 0; background:url(images/grey-left-arrow.jpg) no-repeat 0 3px; padding:0 0 0 20px;}

h1 {font-size:22px; font-weight:bold; color:#913113;}
h2 {height:25px; border:1px solid #acacac; background:url(images/h2-bg.jpg) repeat-x; padding:3px 0 0 5px; color:#913113; font-size:17px;}
h2 span {color:#363636;}
h2.nobox, .descriptive_title {border:none; background:none; padding:0; width:auto; height:auto; color:#333; font-size:18px; font-weight:bold; margin:0 0 5px 0;}
h3 {font-size:17px; margin:0 0 10px 0; color:#913113; font-weight:bold;}
h4 {font-size:16px; color:#913113;}
h5 {font-size:13px; margin:0 0 5px 0; font-weight:bold;}

p {line-height:1.5; margin:0 0 10px 0;}

ol#pagination {overflow:hidden; margin:0 0 10px 0;}
ol#pagination li {float:left; border:1px solid #0066cc; margin:0 3px 0 0;}
ol#pagination li a {text-decoration:none; padding:3px; font-size:12px; display:block;}
ol#pagination li a:hover {background:#0066cc; color:#fff;}

#page {width:900px; margin:0 auto;}

#header {height:150px; background:url(images/header-bg.jpg) no-repeat;}

#thetop {height:106px; overflow:hidden;}
	#thetop div {float:left; width:450px;}
	#thetop div.logo {padding:15px 0 0 20px; height:91px; width:430px;}
	#thetop div.datetag {text-align:right; line-height:1.5; padding:20px 20px 0 0; height:86px; width:430px; font-size:11px;}
	#thetop div.datetag p.homedate {margin:25px 0 0 0;}

#navigation {}
	ul.menu {list-style:none; height:24px; width:860px; margin:0 20px; border-bottom:2px solid #913113;}
	ul.menu a {display:block; color:#000; text-decoration:none;}
	ul.menu a:hover {color:#666;}
	ul.menu li {position:relative; float:left; margin-right:5px;}
	ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
	ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;}
	ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1;}
	ul.menu ul li a:hover {background-color:#333333; color:#fff;}
	ul.menu ul ul {left:148px; top:-1px;}
	ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:auto;}
	ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif);}
	ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
	ul.menu .topline {border-top:1px solid #aaa;}
	
#content {width:848px; background:url(images/content-bg.jpg) repeat-y; padding:5px 26px 20px 26px;}
	#content p {line-height:1.5; margin:0 0 10px 0;}
	
	#focus {margin:20px 0 0 0;}
		#universal {border:5px solid #ccc; padding:20px 120px; background:#ececec;}
			form#indexsitesearch {}
			form#indexsitesearch input {}
			form#indexsitesearch input#q {float:left; background:#f6f6f6; padding:6px; border:1px solid #999; font-size:16px; color:#373636; width:400px; margin:0 15px 0 0;}
			form#indexsitesearch input#q:hover, form#indexsitesearch input#q:focus {border:1px solid #913113; background:#fdf4f1;}
		
		#tabs-rotate {clear:left; margin:20px 0 0 0;}	
			/* Caution! Ensure accessibility in print and other media types... */
			@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
				.ui-tabs-hide {display: none;}
			}
			
			/* Hide useless elements in print layouts... */
			@media print {
				.ui-tabs-nav {display: none;}
			}
			
			.ui-tabs-nav, .ui-tabs-panel {}
			.ui-tabs-nav {list-style:none; margin 0; padding:0 0 0 4px;}
			.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
				display:block; clear:both; content:" ";}
			.ui-tabs-nav li {float:left; margin:0 0 0 1px; min-width:84px; /* be nice to Opera */}
			.ui-tabs-nav a, .ui-tabs-nav a span {display:block; padding:0 10px; background:url(tab.png) no-repeat;}
			.ui-tabs-nav a {
				margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
				padding:0 10px 5px 0;
				color: #27537a;
				font-weight: bold;
				line-height: 1.2;
				text-align: center;
				text-decoration: none;
				white-space: nowrap; /* required in IE 6 */    
				outline: 0; /* prevent dotted border in Firefox */
			}
			.ui-tabs-nav .ui-tabs-selected a {
				position: relative;
				top: 1px;
				z-index: 2;
				border:1px solid #999;
				border-bottom:none;
				margin-top: 0;
				color: #000;
			}
			.ui-tabs-nav a span {
				width: 64px; /* IE 6 treats width as min-width */
				min-width: 64px;
				height: 18px; /* IE 6 treats height as min-height */
				min-height: 18px;
				padding-top: 6px;
				padding-right: 0;
			}
			*>.ui-tabs-nav a span { /* hide from IE 6 */
				width: auto;
				height: auto;
			}
			.ui-tabs-nav .ui-tabs-selected a span {padding-bottom:1px;}
			.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}
			.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
				background-position: 100% -100px;
			}
			.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
				background-position: 0 -50px;
			}
			.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
				background-position: 0 0;
			}
			.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				cursor: text;
			}
			.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
			.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
				cursor: pointer;
			}
			.ui-tabs-disabled {opacity:.4; filter:alpha(opacity=40);}
			.ui-tabs-panel {
				border-top: 1px solid #97a5b0;
				padding: 1em 8px;
				background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
			}
			.ui-tabs-loading em {padding 0 0 0 20px; background:url(loading.gif) no-repeat 0 50%;}
			/* Additional IE specific bug fixes... */
			* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
				display: inline-block;
			}
			*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
				display: inline-block;
			}
			#tabs-rotate div dl {overflow:hidden;}
			#tabs-rotate div dl dd {float:left; width:390px; padding:0 0 10px 0; margin:0 25px 10px 0; border-bottom:1px solid #ccc;}
			.tab-new {background:#913113; color:#fff; padding:2px; font-size:10px; margin:0 5px 0 0; font-weight:bold;}
			.tab-price {float:right; margin:0 5px 0 0; font-weight:bold;}

	#index-page {width:848px; overflow:hidden; clear:both; margin:0 0 15px 0;}
		#index-page-left {float:left; width:506px; margin:0 22px 0 0;}
			#index-page-left h2 {width:499px;}
				#featured-condo {width:504px; border:1px solid #acacac; height:150px; border-top:none;}
					p.featured-nav {text-align:center;}
					#slider ul, #slider li {
					margin:0;
					padding:0;
					list-style:none;
					}
					#slider {
					width:500px;
					height:200px;
					overflow:hidden;
 					}
					#slider li {
					padding:0 20px; 
					width:460px;
					height:200px;
					overflow:hidden; 
					}
					#slider li p {margin:0 0 3px 0;}
					#slider li img {float:left; width:120px; height:100px; margin:0 10px 0 0;}
					span#prevBtn{}
					span#nextBtn{}
		
		#index-page-right {float:right; width:320px;}
			#index-page-right h2 {width:313px;}
				#houston-hoods {width:308px; border:1px solid #acacac; border-top:none; padding:5px;}
					#houston-hoods ul {margin:0 0 10px 0;}
					#houston-hoods ul li {background:url(images/footer-arrow.jpg) no-repeat 0 1px; margin:0 0 2px 0; padding:0 0 0 17px;}
				
#content-int {width:848px; background:url(images/content-bg.jpg) repeat-y; padding:5px 26px 20px 26px; overflow:hidden;}
	#content-header {width:848px; margin:0 0 15px 0; overflow:hidden; border-bottom:1px dotted #777777; padding:0 0 15px 0;}
		p.breadcrumbs {font-size:10px;}
		div.int-title {float:left; width:624px;}
			div.int-title span {color:#333;}
		div.share-site {float:right; width:224px; text-align:right;}
		div.share-site p {clear:both; padding:6px 0 0 0;}
		
	#content-int-left {width:600px; float:left; margin:0 30px 0 0; line-height:1.5;}
	#content-int-left p {margin:0 0 15px 0;}
	
	/*Terms*/
	#content-int-left ol.terms {margin:0 0 15px 0;}
		#content-int-left ol.terms li {margin:0 0 5px 15px; list-style-type:decimal;}
		#content-int-left ol.terms ol li {list-style-type:lower-roman;}
	
	/*Hoods*/
	ul#neighborhoods {margin:15px 0 0 0;}
	ul#neighborhoods li {overflow:hidden; margin:0 0 10px 0;}
	ul#neighborhoods li img {float:left; border:1px solid #ccc; width:100px;}
	ul#neighborhoods li div {float:right; width:468px; padding:0 15px;}
	
	/*Hood Specific*/
	div.inhood {margin:0 0 10px 0;}
	
	ul#misc {margin:5px 0 0 0;}
	ul#misc li {margin:0 0 5px 0; background:url(images/grey-left-arrow.jpg) no-repeat 0 3px; padding:0 0 0 20px;}
	
	#content-int-right {width:218px; float:right;}
		#content-int-right h2 {height:25px; border:1px solid #acacac; background:url(images/h2-bg.jpg) repeat-x; padding:3px 0 0 5px; color:#913113; font-size:17px; width:211px;}
		#content-int-right h2 span {color:#363636;}
		div.module {border:1px solid #acacac; border-top:none; padding:5px; width:206px; margin:0 0 15px 0; font-size:12px;}
		div.requestmod {position:relative}/*details lead form*/
		div.module ul li {margin:0 0 4px 0;}
		
	/*Full Details*/#content-int-full {width:848px;}
		
	/*Explore*/
	#explorer {width:846px; overflow:hidden; border:1px solid #acacac; border-top:none; margin:0 0 20px 0;}
		#explorer-nav {width:838px; overflow:hidden; padding:12px 4px; border-bottom:1px solid #acacac;}
		#explorer-nav dl dd {background:url(images/footer-arrow.jpg) no-repeat 0 2px; float:left; padding:0 0 0 15px; margin:0 0 0 6px; font-size:13px;}
		#explore-left {width:187px; padding:10px; float:left;}
			
		#explore-right {float:right; width:638px; border-left:1px solid #acacac;}
		#explore-right div.googlemap {width:638px; height:350px;}
	
	/*For Sale Results*/
	#resultsheader {float:right;}
	ul#searchresults {margin:25px 0; border-top:1px dotted #acacac;}
	ul#searchresults li {border-bottom:1px dotted #acacac; padding:5px 0; height:180px; clear:both; position:relative;}
		ul#searchresults li.foursale {background:url(images/for-sale-sign.jpg) no-repeat 0 5px;}
		ul#searchresults li.fourclose {background:url(images/for-close-sign.jpg) no-repeat 0 5px;}
		ul#searchresults li.fourrent {background:url(images/for-rent-sign.jpg) no-repeat 0 5px;}
	ul#searchresults li #for-sale-info {position:absolute; left:435px; top:70px;}
	ul#searchresults li #for-sale-info img {margin:0 0 10px 0;}
		#result-images {float:left; width:140px;}
		.morephotos {background:#666; width:140px; padding:1px 6px; text-align:center;}
		.morephotos a {color:#fff; font-weight:bold; font-size:12px; text-decoration:none;}
		.morephotos a:hover {color:#ccc;}
	ul#searchresults address {font-size:16px; font-weight:bold; padding:0 0 0 60px; color:#913113; margin:0 0 10px 0;}
	ul#searchresults address span {color:#000; padding:0 15px 0 0;}
	ul#searchresults li div#for-sale-detail {float:right; width:430px;}
	p.searchblurb {width:100%; font-size:11px; margin:0 0 20px 0;}
	
	/*Search Results*/	
	
	/*Details 848px*/
	div.foursale {background:url(images/for-sale-sign.jpg) no-repeat; position:relative;}
	div.fourrent {background:url(images/for-rent-sign.jpg) no-repeat; position:relative;}
		h2.foursaledetails {margin:0 0 15px 55px; border:0; background:none;}
		h2.foursaledetails span {color:#000; float:left; font-weight:bold; margin:0 10px 0 0;}
		h2.foursaledetails address {float:left;}
	#details-nav {border-bottom:1px solid #999; margin:30px 0 15px 0; height:33px;}
		#details-nav a {border:1px solid #999; border-bottom:none; float:left; padding:8px; display:block; margin-right:10px;}
		#details-nav a.theone {border-bottom:1px solid #fff;}
	#detailphotos {overflow:hidden; margin:0 0 20px 0;}
	#detailphotos img#mainimage {float:left; margin:0 15px 0 0;}
	#detailphotos p {font-size:15px; margin:0 0 7px 0;}
	#detailphotos p span {font-size:11px; padding:0 0 5px 20px; background:url(images/map-this.jpg) no-repeat;}
	#detailphotos p strong {margin:0 10px 0 0;}
		ul#detailthumb {overflow:hidden;}
		ul#detailthumb li {float:left; margin:0 4px 5px 0;}
	h3.maindescription {clear:both;}
		#explanation {overflow:hidden; margin:0 0 20px 0;}
		#explain-left {float:left; width:350px; margin:0 20px 0 0;}
		#explain-right {float:right; width:418px; border:10px solid #dedddd; background:#f4f3f3; padding:10px 20px;}
	
	/*calc*/
	.panel {position:absolute; top:125px; left:0; display:none; background:#fff; border:1px solid #666; width:225px; height:auto; padding:15px 15px 5px 15px;}
	p.calculate a {font-size:12px;}
	form#mortgageCalc label {float:left; font-weight:bold; width:120px;}
	form#mortgageCalc fieldset {margin:0 0 4px 0;}
	form#mortgageCalc input, div.module form#mortgageCalc select {border:1px solid #999; padding:2px;}
	form#mortgageCalc input#calcthis {background:#913113; color:#fff; padding:4px; font-weight:bolder;}
	form#mortgageCalc div.easyanswer { border-top:1px dashed #913113; padding:8px 0 0 0; margin:8px 0 0 0;}
	form#mortgageCalc div.easyanswer input {color:#006633; font-weight:bold;}
	
	/*Walkscore*/
	#ws-walkscore-tile{position:relative;text-align:left;}
	#ws-walkscore-tile *{float:none;}
	#ws-footer a, #ws-footer a:link {font:11px Verdana,Arial,Helvetica,sans-serif;margin-right:6px;white-space:nowrap;padding:0;color:#000;font-weight:bold;text-decoration:none;}
	#ws-footer a:hover{color:#777;text-decoration:none;}
	#ws-footer a:active{color:#b14900;}
	
	/*GreatSchool*/
	div#GS_schoolSearchWidget { border: solid 4px #fff; border-bottom-width: 20px; background-color: #fff; width: 592px; position: relative; font-family: Arial, Arial, sans-serif; }  div.GS_widget_innerBorder { border: solid 1px #000000; }  div.GS_widget_footer { height: 40px; padding: 0 5px 0 15px; }  div.GS_widget_footer img { margin-top: 8px; float: left; border: 0 }  div.GS_seo { float: right; text-align: right; width: 120px; margin-top: 3px; font-size: 13px; line-height: 17px; }  div#GS_schoolSearchWidget a, div#GS_schoolSearchWidget a:hover { text-decoration: underline; }  div#GS_schoolSearchWidget div.GS_seo a, div#GS_schoolSearchWidget div.GS_seo a:hover { color: #666; font-size: 10px; }  div.GS_getWidget { position: absolute; bottom: -17px; right: 8px; }  div#GS_schoolSearchWidget div.GS_getWidget a, div#GS_schoolSearchWidget div.GS_getWidget a:hover { color: #0066B8; font-size: 11px;}
	
	/*Building Directory*/
	ul#directory-featured {overflow:hidden; margin:0 0 10px 0;}
	ul#directory-featured li {float:left; border:1px solid #acacac; width:293px; margin:0 5px 0 0;}
	ul#directory-featured li p {width:273px; padding:10px;}
	ul#directory-featured li p img {float:left; margin:0 10px 10px 0;}
	ul#directory-featured li h2 {height:22px; border:none; border-bottom:1px solid #acacac; background:#9e492e; padding:3px 0 0 5px; color:#ffffff; font-size:14px; width:288px;}
	
	ul#condo-gallery {clear:left; overflow:hidden; margin:0 0 10px 0;}
	ul#condo-gallery li {width:183px; text-align:center; padding:5px; height:245px; float:left; border:1px solid #acacac; margin:0 5px 5px 0; background:#f5f4f3;}
	ul#condo-gallery li img {margin:0 0 5px 0;}
	ul#condo-gallery li p {margin:0 0 5px 0;}
	
	/*Forms*/
	form#contactus {border:10px solid #e5e5e5; padding:20px; width:400px; background:#faf9f9;}
	form#contactus fieldset {margin:0 0 10px 0;}
	form#contactus label {float:left; width:100px; font-weight:bold;}
	form#contactus input.classy, form#contactus textarea.classy {border:1px solid #b2b2b2; width:270px; padding:5px; font-size:13px; color:#a34e33; font-family:Arial, Helvetica, sans-serif;}
	form#contactus input#phone1, form#contactus input#phone2, form#contactus input#phone3 {width:30px;}
	
	form#availablecondo{}
	form#availablecondo fieldset {margin:0 0 10px 0;}
	form#availablecondo label {float:left; width:100px; font-weight:bold;}
	form#availablecondo input.classy, form#availablecondo textarea.classy, form#availablecondo select.classy {border:1px solid #b2b2b2; width:270px; padding:5px; font-size:13px; color:#a34e33; font-family:Arial, Helvetica, sans-serif;}
	form#availablecondo input#phone1, form#availablecondo input#phone2, form#availablecondo input#phone3 {width:30px;}
	form#availablecondo select#price, form#availablecondo select#timeframe {width:150px;}
	
	form#availableunit {}
	form#availableunit fieldset {margin:0 0 10px 0;}
	form#availableunit label {float:left; width:100px; font-weight:bold;}
	form#availableunit label.error {width:250px; color:#990000; font-size:12px;}
	form#availableunit input.classy, form#availableunit textarea.classy, form#availableunit select.classy {border:1px solid #b2b2b2; width:270px; padding:5px; font-size:13px; color:#a34e33; font-family:Arial, Helvetica, sans-serif;}
	form#availableunit input#phone1, form#availableunit input#phone2, form#availableunit input#phone3 {width:30px;}
	form#availableunit select#price, form#availableunit select#timeframe {width:150px;}

	
	form#sitesearch {margin:10px 0 0 0;}
	form#sitesearch input {float:right;}
	form#sitesearch input#q {margin:0 5px 0 0; width:220px; border:1px solid #cdcdcd; padding:3px; color:#666;}
	
	/*Errors*/
	#contactus_errorloc, #availablecondo_errorloc, #request_errorloc {color:#990000;}
	#request_errorloc {position:absolute;}
	#contactus_errorloc ul, #availablecondo_errorloc ul, #request_errorloc ul {margin:0 0 15px 0;}
	#contactus_errorloc ul li, #availablecondo_errorloc ul li, #request_errorloc ul li {margin:0 0 3px 0; padding:0 0 0 20px; background:url(images/error-field.png) no-repeat;}
	
	#footer {padding:25px 0 0 0; clear:both;}
		#footer ul {overflow:hidden; border-top:1px dotted #777777; margin:15px 0 0 0; padding:15px 0 0 0;}
		#footer ul li {float:left; border-right:1px solid #d4d4d4; width:180px; margin:0 30px 0 0;}
		#footer ul li.theend {margin:0; border:none;}
			#footer ul li dl {margin:7px 0 0 0;}
			#footer ul li dl dd {margin:0 0 4px 0; padding:0 0 0 20px; background:url(images/footer-arrow.jpg) 0 1px no-repeat;}
	
	#thebottom {background:url(images/footer-bg.jpg) no-repeat top; padding:22px 0; color:#a9a9a9; clear:left;}
	#thebottom p {margin:0 0 10px 0;}

/*Popup Form*/	
#backgroundPopup {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000;
border:1px solid #cecece;
z-index:2;
}

#popupContact {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:450px;
width:400px;
background:#fff;
border:10px solid #e5e5e5;
z-index:3;
padding:20px;
font-size:13px;
}
#popupContact.dir {height:475px;}

#popupContact h1 {
text-align:left;
color:#913113;
line-height:1.4;
border-bottom:1px dotted #D3D3D3;
padding-bottom:10px;
margin-bottom:10px;
}

#popupContact h1 span {font-size:13px; color:#373636;}

#popupContactClose {
cursor:pointer;
font-size:15px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#913113;
font-weight:bold;
display:block;
}

/*Tooltip*/
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer; z-index:1;}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat; z-index:1;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden;}

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