body { background-color: #fff; font-family: "Helvetica Neue",Helvetica,Verdana,Arial,Helvetica,sans-serif; color: #333; font-size: 14px; line-height: 1.3; }
img { border: 0; }
h1 { margin: 0;  }
h2,h3,h4,h5 { font-size: 18px; }
h1,h2,h3,h4,h5 { color: #333; }
a { color: #507886; }
button { padding: 5px 10px; }

input,select {
   vertical-align: top
}

table,td,tr { padding: 0; margin: 0; }

/* a.action,span.action { color: #f5750d; } */

#wrapper 	{ width: 955px; margin: 0 auto; padding: 0; }
#header 	{ overflow: hidden; }
#footer		{ clear: both; padding-top: 30px; margin-bottom: 10px; }

/* logo */
#logo 		{ float: left; }

/* section */
.section { 
	padding-top: 15px;
}

/* navigation elements */
div#nav { float: right; text-align: right; padding-top: 15px; padding-right: 15px; width: 500px; }
div#nav a:hover { color: #5da9b3; }
div#nav a { text-decoration: none; color: #50A4BF; }

div#main-nav { margin-top: 45px; font-size: 16px; }
div#main-nav a { text-decoration: none; color: #50A4BF; }

ul.nav {
	margin: 0; padding: 0;
}

ul.nav li {
	background: none;
	padding: 0 0 10px 0;
}

ul.nav li a {
	padding: 3px 0 3px 0;
	font-size: 16px;
}

ul.nav li a:hover {
	background-color: #385f6c;
	color: #fff;
}

ul.inline li {
	display: inline;
	margin-right: 5px;
}

/* content */

div#content { margin-top: 5px; clear:both; width: 960px; border-top: 1px solid #ccc; }

div#primarycontent { float: left; width: 640px; margin: 0 10px 0 0; padding: 0;  }
div#primarycontent .header { height: 16px; }
div#primarycontent .body { min-height: 448px; padding: 0 20px; }
div#primarycontent .footer { height: 13px;  } 
div#primarycontent h1,h2,h3,h4,h5 { color: #333333; font-weight: normal; }
div#primarycontent h3 span { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding-right: 5px; padding-bottom: 5px; }
div#primarycontent .heading { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; }

div#primarycontent p { margin-bottom: 0; }

div#primarycontent .heading h1 { font-size: 20px; }

div#primarycontentwide { width: 750px; background-color: #fdfdfd; }
div#primarycontentwide .header { background-color: #daeeed; padding: 5px 10px; }
div#primarycontentwide .body { padding: 5px 0; }
div#primarycontentwide h1 { font-size: 14px; }

div#widecontent { width: 950px; }
div#widecontent .header { height: 32px; }
div#widecontent .body { min-height: 336px; padding: 1px 15px; }
div#widecontent .footer { height: 34px; }
div#widecontent h1,h2,h3,h4,h5 { color: #333; font-weight: normal; }
div#widecontent h3 span { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding-right: 5px; padding-bottom: 5px; }
div#widecontent .heading { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; }
div#widecontent .heading h1 { margin: 0; padding: 0; font-size: 20px; }

div#widepaper { width: 910px; background: #eee; padding: 0 20px 20px 20px;}
div#papertop { width: 950px; background: #888; height: 10px; min-height: 10px; padding-top: 5px; }
div#papertoppaper { width: 600px; height: 10px; margin: 0 auto; padding: 0 15px 0 15px; background-color: #fff; border-top: 1px solid #ddd; border-bottom: none; }
div#paperpage { width: 600px; margin: 0 auto; padding: 5px 15px 15px 15px; background-color: #fff; border-left: 3px solid #ddd; border-right: 3px solid #ddd; border-top: none; border-bottom: 1px solid #ddd; }
div#paperpage h1,h2,h3,h4,h5 { color: #333; font-weight: normal; font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #888; }

div#sidebarwidepaper { float: left; width: 287px; margin: 0; padding: 0; font-size: 16px; background: #eee; padding: 0 0 0 0;}
div#sidebarpapertop { float: left; width: 287px; background: #7dbad3; height: 10px; min-height: 10px; padding-top: 5px; }
div#sidebarpapertoppaper { width: 230px; height: 10px; margin: 0 auto; padding: 0 15px 0 15px; background-color: #fff; border-top: 1px solid #ddd; border-bottom: none; }
div#sidebarpaperpage { width: 230px; margin: 0 auto; padding: 5px 15px 15px 15px; background-color: #fff; border-left: 3px solid #ddd; border-right: 3px solid #ddd; border-top: none; border-bottom: 1px solid #ddd; }
div#sidebarpaperpage h1,h2,h3,h4,h5 { color: #333; font-weight: normal; }


/* sidebar */
div#sidebar { float: left; width: 310px; margin: 0; padding: 0; font-size: 16px;  }
div#sidebar .toptitle,div#sidebar .header { min-height: 18px; padding: 15px 15px 0 15px; }
div#sidebar .signuptoptitle { height: 18px;  }
div#sidebar .midtitle { padding: 15px 15px 0 15px;  }
div#sidebar .toptitle h3, div#sidebar .midtitle h3,div#sidebar .header h3,div#sidebar .signuptoptitle h3 { font-size: 20px; font-weight: normal; border-bottom: 1px solid #67a5bc; }
/* div#sidebar .topbody,div#sidebar .topbodyshort { background: url('/img/site/sb_topbody.gif') top left no-repeat; width: 247px; padding: 20px;  } 
div#sidebar .topbody { min-height: 135px; } */
div#sidebar .body,div#sidebar .midbody { }
div#sidebar .midbody,div#sidebar .topbody,div#sidebar .topbodyshort {  padding: 15px; }
div#sidebar .bottom,div#sidebar .footer  { height: 17px; }
div#sidebar .header h3,div#sidebar .toptitle h3,div#sidebar .midtitle h3 { margin-bottom: 0; padding-bottom: 5px;  }
div#sidebar h3 { margin-top: 0; border-bottom: 1px solid #67a5bc; padding-bottom: 5px; }
div#sidebar .notice   { background: url('/img/site/notice_bg.gif') top left no-repeat; height: 206px; border: 0; color: #8B7E5E; padding: 10px; font-size: 16px; }
div#sidebar .notice img { border: 0; margin: 0; padding: 0; }
div#sidebar .notice p { padding-top: 20px; }
div#sidebar .notice .button { background: url('/img/site/notice_button.gif') top left no-repeat; width: 258px; height: 44px; color: #285F6C; padding: 8px 12px; }
div#sidebar .notice .button a { color: #285F6C; }
div#sidebar .notice .beta { background: url('/img/site/beta.gif') top left no-repeat; width: 84px; height: 82px; float: right; z-index: 2; margin-top: -35px; }
div#sidebar ul { margin-bottom: 10px; }

div#homecontentwrapper { background: url('/img/site/homecontentwrapper.gif') top left no-repeat; text-align: center; padding-top: 30px; height: 556px; }

div.columns { overflow: hidden; }
div.halfcolumn { float: left; width: 300px; }

/* form action */
div.action { border-top: 1px solid #888; padding-top: 10px; margin-top: 10px; text-align: right; color: #000; vertical-align:middle; }
div.action a { color: red; }
div.action a:hover { background-color: red; color: #fff; }
div.action form, div.action div { display: inline; }

p.action { border-top: 1px solid #888; padding-top: 10px; margin-top: 10px; padding-bottom: 0; margin-bottom: 0; text-align: right; color: #000; vertical-align:middle; }
p.action a { color: red; }
p.action a:hover { background-color: red; color: #fff; }


/* button style */

.clear { overflow: hidden; width: 100%; }
a.button {
	background: transparent url('/img/site/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    clear:both;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    margin-bottom: 10px;
    text-decoration: none;
}
a.button span {
    background: transparent url('/img/site/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* list items */

.list-wrapper 				{ padding-top: 10px; }
.list-items					{ clear: both; overflow: hidden; }
.list-item 					{ clear: both; margin-top: 10px; overflow: hidden; background-color: #fff; border: 1px solid #E2DFD8; padding: 5px; color: #322929; line-height: 1.8; }
.list-item-active			{ clear: both; margin-bottom: 10px; overflow: hidden; background-color: #fff; border: 1px solid #E2DFD8; padding: 5px; color: #322929; background: #e8f2f5 url('/img/site/active_section_bg.gif') top left repeat-x; }

.list-item .subitemphoto, .list-item-active .subitemphoto		{ clear: both; float: left; width: 125px; padding-right: 10px; padding-bottom: 10px; margin-top: 10px; text-align: center; }
.list-item .subitemdetail, .list-item-active .subitemdetail 	{ float: left; clear: both; }
.list-item-title 			{ color: #333; font-size: 16px; }
.list-item-title a			{ font-size: 14px; color: #295F6C; text-decoration: none; }
.list-item-title span 		{ font-size: 12px; }
.list-item-title h3			{ padding: 0; margin: 0; }
.list-item-detail			{ padding: 10px;  }
.list-item-detail h3		{ padding: 0; margin: 0; }
.list-item-detail table tr td { padding-bottom: 10px;}
.list-item-detail-vspaced { line-height: 1.8; }

.list-subitem				{ padding: 5px; background-color: #EBF7FC; border: 1px solid #E2DFD8; margin: 5px -5px 0 -5px; overflow: hidden;  }
.list-item-img-125px 		{ width:125px; float:left;  text-align: center; }
.list-item-instruction		{ float: right; width:150px; }
.list-item-detail-action 	{ text-align: right; }
.buttons					{ float: right; width: 150px; text-align: right; }
.rightpad10					{ padding-right: 10px; }

.buttontr td					{ padding-bottom: 10px;}


/* form items */

input,select,textarea { margin-bottom: 5px; }
/* input,select,textarea { font-size: 14px; padding: 1px; margin-bottom: 3px; }
input[type=checkbox] { margin: 0 5px 0 0; }
textarea { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; } */
/* input { margin: 5px 5px 5px 0; } */
input[type=radio] { margin: 0 5px 5px 0; padding: 0; }
input[type=checkbox] { margin: 0 5px 0 0; padding: 0; }
/* select { margin: 5px 5px 5px 0; padding: 1px 0 1px 0;}  */
input[type=image],input[type=submit] { margin: 0; padding: 0; }

.inputbutton, .inputsubmit {
	background-color:#B7DEE3;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#444;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
	padding:2px 15px 3px;
	margin: 0;
	text-align:center;
}

/* stars */
.stars {
	margin: 5px 0;
	background: url('/images/5-stars.gif') no-repeat top left;
	height: 23px;
}

/* notices */
.notice,.errorExplanation { background-color: #fff; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; }
.errorExplanation h2 { margin-top: 0; }


/* span required field */
span.required_field { color: red; margin-left: 2px; }

/* agent profile layout */

.profile { overflow: hidden; margin-top: 10px; }
.profile .photo-rating { float: left; text-align: center; padding-right: 10px; padding-top: 10px; width: 125px; }
.profile .contact-info { float: left; text-align: left; width: 400px;  }

/* info display */
.info-wide 			{ margin-top: 10px; overflow: hidden; }
.info-wide .header 	{ font-weight: bolder; }
.info-wide .body 	{  }
.info-half-container { margin-top: 10px; clear: both; overflow: hidden; }
.info-half			{ float: left; width: 49%; padding-right: 5px; }
.info-half .header 	{ font-weight: bolder; }

/* data groupings */

.group-a { background-color: #a2d39b; padding: 10px; }

/* ul and li */
ul 		{ 	list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			padding: 0; margin: 0;
		}	
ul li 	{ 	background: transparent url(/img/site/ai-bullet.gif) no-repeat scroll 2px 0.6em;
			padding-left: 12px;
			margin-bottom: 5px;
 }

ol li {
   margin-bottom: 5px;
   
}

/* errors */
.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #f7dddd;
}

/* calculator table */

table.calculator { border-collapse: collapse; border-spacing: 0; }
table.calculator td { padding: 2px 5px; font-size: 12px; }
td.calcRow1title,td.calcRow2title,td.calcRow3title,td.calcRow4title,td.calcLabel {background-color: #e0e9f0; padding: 5px 10px; }
tr.savings td { background-color: #e0e9f0; padding: 2px 5px; font-weight: bolder; }
table.calculator-noline { border-collapse: collapse; border-spacing: 0; }
table.calculator-noline td { padding: 2px 5px; }

/* what is this */
.what-is-this { font-size: 22px; }

/* calculator queries and results */

div.inputQuestion {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 5px;
	width: 500px;
	vertical-align: middle;
	align: center;
}

div.inputQuestion input,div.inputQuestion select {
   padding: 0; margin: 0;
   font-size: 16px;
   vertical-align: middle;
}

div.outputAnswer {
	background-color: #fff; 
	border: 1px solid #a9dfe3;	
	padding: 5px;
	font-weight: bolder;
	text-align: center;
}

/* heavy text input table */

table.heavyText td {
	padding: 10px;
}

.selectedRow {
	background-color: #e1edf2;
}

.highlight {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.highlight h5 { padding: 0; margin: 0 0 5px 0; }

div.buttonrow input { padding: 0; margin: 0; }

/* AGENT AD */
		
.agent-ad-wrapper {
	width: 285px;
	height: 145px;
	min-height: 145px;
	max-height: 145px;
	background-color: #eee;
	border: 2px solid #eee;
	padding: 5px;
	color: #666;
}		
			
.agent-ad {
	height: 120px;
	min-height: 120px;
	max-height: 120px;
}

.agent-ad .ad-image {
	float: left;
	width: 80px;
	margin-right: 5px;
	text-align: center;
	background-color: #efefef;
}

.agent-ad .ad-body {
	float: left;
	width: 177px;
	height: 120px;
	padding: 5px;
	font-size: 10px;

}

.agent-ad .ad-functions {
	width: 285px;
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	background-color: #fff;
	padding: 5px;
}

.agent-ad .tagline { 
	font-size: 10px;
}

.agent-ad .name { font-size: 14px; color: #666;}
.has-profile .name { font-size: 14px; color: #333; }
.selectedAgent { 
				border-bottom: 2px solid #C2CBCE; 
			   	border-right: 2px solid #C2CBCE;
			   	border-top: 2px solid #E8F3F8;
			   	border-left: 2px solid #E8F3F8;
			   	background-image: url('/img/site/chosen-agent-card.gif');
			   	color: #333; }

.ad-functions a { text-decoration: underline; color: #295f6c; }

.ad-functions ul { list-style-type: none; }
.ad-functions li { background: none; display: inline; padding: 0 5px 0 5px; margin: 0; }

.has-profile { border-bottom: 2px solid #777; 
			   border-right: 2px solid #777;
			   border-top: 2px solid #CCC;
			   border-left: 2px solid #CCC;
			   background-color: #fff;
			   background-image: none;
			   color: #333; }

.tooltip {  }

div.calltoaction {
	padding: 10px;
}

div.calltoaction h1 {
	font-size: 18px;
	font-weight: normal;
}

div.bigstory {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

div.bigstory h2,div.bigstory h3 {
	padding: 0;
	margin: 0;
	font-weight: bolder;
}

div.biglink a {
	font-size: 18px;
}

div.bigstory div.photo {
	float: right;
	width: 180px;
}

div.bigstory div.content {
	float: left;
	width: 520px;
	padding-top: 10px;
	font-size: 16px;
}

div.bigstory div.content h2 {
	padding-bottom: 5px;
	font-size: 18px;
}

div.story {
	font-size: 16px;
}

div.story ul {
	margin:0; padding:0;
}

div.story h3 {
	margin:0; padding:0;
}

div.bignumber {
	float: left;
	font-size: 36px;
	color: #67a5bc;
	padding: 0 10px;
	width: 50px;
}

span.bignumber {
	font-size: 32px;
	color: #67a5bc;
	border: none; margin: 0; 
}

#searchform {
	float: left;
	width: 150px;
	margin-right: 20px;
}

#chosen_agents {
	border: 1px solid #C2CBCE;
	background-color: #fff;
	padding: 10px;
}

#chosen_agents a { 
	color: #588327;
}

tr.unregistered_agent td {
	background-color: #e1edf2;
	padding: 5px;
	
}

.topborder td {
	border-top: 1px solid #50a4bf;
}

td h5 {
	padding: 0; margin: 0; font-size: 14px;
}

tr.unregistered_agent a { 
	color: #588327;
}

.profile-link {
	background-color: #e1f1ca;
	font-size: 14px;
}

#find_an_agent {

}

.importantText { font-size: 14px; font-weight: bolder; }

/* new home specific items */

div.top {
	background-color: #e8f0f4;
	padding: 20px;
	overflow:hidden;
	clear:both;
}

div.top h1 { font-size: 22px; color: #295F6C; margin-bottom: 10px; }

div.sales h1 {
	font-size: 38px;
	color: #242424;
	line-height: 1;
}

div.sales h3 {
	margin: 10px 0 0 0; padding: 0;
	font-size: 22px;
}

div.direction,div.videonav,div.hstepnav {
	padding: 0 20px;
}

div.contentstart {
	background-image: url('/img/frontpage/fp-content-bg.gif');
	min-height: 150px;
}

div.direction h3,div.hstepnav h3 {
	font-size: 18px;
	margin:10px 0 0 0; padding:0;
	font-weight: bolder;
	color: #295F6C;
}

div.videonav h3 {
	font-size: 16px;
	margin: 0px 0 10px 0; padding:0;
	font-weight: bolder;
	color: #295F6C;
}

div.videonav h1,div.videonav h2,div.videonav h3,div.videonav h4,div.videonav h5 { font-weight: bolder;}

div.direction h3 a {
	color: #295F6C;
	text-decoration: none;
}

div.direction p {
	padding: 0; margin: 5px 0 0 0;
	font-size: 16px;
}

div.hstepnav p {
	padding: 0; margin: 5px 0 0 0;
	font-size: 14px;
}

div.videonav p {
	padding: 0; margin: 20px 0;
	font-size: 16px;
}

div.videonav p strong {
	color: #295f6c;
}

div.mid h2 { 
	font-size: 18px;
	font-weight: bolder;
}

div.halfpagecolumn {
	width: 440px;
	padding: 0 20px;
}

div.twothirdspagecolumn {
	width: 630px;
	padding: 0 20px;
}

div.halfpagecolumn p,div.halfpagecolumn li,div.twothirdspagecolumn p,div.twothirdspagecolumn li {
	font-size: 16px;
}

div.halfpagecolumn h1,div.twothirdspagecolumn h1 {
	color: #295F6C;
	margin: 10px 0;
	font-weight: normal;
}

div.hstepnav .nav a { font-size: 14px; }

div.tool {
   padding: 10px;
   background-color: #fff;
   border: 1px solid #ccc;
   
}

/* logins */
div.loginleft {
   width: 22%;
   float: left;
   height: 120px;
}

div.loginright {
   width: 78%;
   float: left;
   height: 120px;
}


div.loginleft input, div.loginright input { 
      vertical-align: middle;
      padding: 0;
      margin: 0;
}

table.graystars td {
   padding-bottom: 5px;
   
}

div.legend {
   padding: 10px;
   border: 1px solid #ccc;
   
}

table.reviews td input {
   width: 185px;
   
}

.brokerage {
	font-size: 11px;
}

ul.sublist { list-style-type: square; padding-left: 20px; }
ul.sublist li { background: none; }