/* ------------------------------------------------------------------
Default Stylesheet
Contains all the styles for screen display
------------------------------------------------------------------ */



/* Layout Elements
------------------------------------------------------------------ */
body { text-align: center; background:#9FC5DF; /*background: url(../images/body-bg.gif);*/ color: #333; }
#container { background: #fff; width: 992px; margin: 0 auto; text-align: left; }
#content { padding: 0 20px; }
/* self clear floated parent containers */
#footer:after,#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
/*#footer,#content {zoom:1;} /* IE */	
#bofe {clear:both;}

/* Layouts
------------------------------------------------------------------ */
.layout-fla #main { display: inline; width: 480px; float: left; margin-left: 230px;}/*was 468px and 242*/
.layout-fla #main2 { display: inline; width: 690px; float: left; margin-left: 242px;}
.layout-fla #main3 { display: inline; width: 735px; float: left; margin-left: 197px;} /* for rates page only */
.layout-fla #side { width: 210px; float: left; margin-left: -698px; margin-top: 25px;} /* was 222 and -710 */
.layout-fla #side2 { width: 222px; float: left; margin-left: -932px;}
.layout-fla #extra { width: 222px; float: right; }
#extra h2 {text-align:center; margin-left:-25px;}
#side a:hover{text-decoration:underline;}
.layout-fla #main2 span.days-rates {
color:#0060BF;
}

.layout-fla #main2 p {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}


.layout-fla #main2 p a {
color:#0060bf;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

.layout-fla #main2 table.rates1 td {
border:solid 1px #ccc;
padding:8px 5px 8px 5px;
background-color:#e2ecf9;
}

.layout-fla #main2 table.rates td {
border:solid 1px #ccc;
padding:4px 5px 4px 5px;
}

.layout-fla #main2 .l-rates {
float:left;
}

.layout-fla #main2 .r-rates {
float:right;
margin-left:10px;
margin-right:50px;
width:275px;
height:255px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}


.layout-fla #main2 .l-rates1 {
float:left;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

.layout-fla #main2 .r-rates1 {
float:right;
margin-left:10px;
margin-right:10px;
padding-left:3px;
width:275px;
height:185px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

/*///////////  for search rates page ONLY  //////////*/


.layout-fla #main3 table.rates1 td {
border:solid 1px #ccc;
padding:8px 5px 8px 5px;
background-color:#e2ecf9;
}

.layout-fla #main3 table.rates td {
border:solid 1px #ccc;
padding:4px 5px 4px 5px;
}

.layout-fla #main3 .l-rates {
float:left;
}

.layout-fla #main3 .r-rates {
float:right;
margin-left:10px;
margin-right:50px;
width:275px;
height:255px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}


.layout-fla #main3 .l-rates1 {
float:left;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

 /////* on California Rates page *//////
.layout-fla #main3 .l-rates1a {
float:left;
width:300px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

.layout-fla #main3 .r-rates1 {
float:right;
margin-left:10px;
margin-right:70px;
padding-left:3px;
width:275px;
height:255px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

/* ////// on  refinance rates page *///////
.layout-fla #main3 .r-rates1a {
float:left;
margin-left:10px;
margin-right:170px;
padding-left:3px;
width:275px;
height:185px;
border:1px solid #ced2d7;
-moz-border-radius:5px;
}

/*///////     end /////////////////////// */

.cities {
	padding: 10px 0 2px 0px;
	border-top: 1px solid #999;
	line-height: 1.4em;
	margin: 0 0 25px 0;
	}
	
.city p {
	border:none;
	}

.city .title {
	font-size: 1.0em;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	}
	
.city ul {
   font-size:0.8em;
   list-style-type:none;
}

	
/* state page */	
.find_box {margin:0px 0px 16px 0px;
		width:665px;}


.multipleCol {width:660px; float:left;}

.multipleCol ul{
					float:left;
					margin:0px 0px 12px 0px;
					width:120px;
					list-style:none;
					}
					
.multipleCity ul li a:hover 
{text-decoration:underline;
color:#0060BF;
}

.multipleCity {width:660px; float:left;}

.multipleCity ul{
					float:left;
					margin:0px 0px 12px 0px;
					width:120px;
					list-style:none;
					padding:20px;
					}
					
.multipleCity ul li a:hover 
{text-decoration:underline;
color:#0060BF;
					}

/* interior Box  */
#int_box{border-right:#b2aea1 1px solid; padding-right:7px; border-top:#b2aea1 1px solid; padding-left:7px; padding-bottom:7px; border-left:#b2aea1 1px solid; width:430px;/*747px;*/ padding-top:7px; border-bottom:#b2aea1 1px solid; height:215px; background-color:#e8ebed}

#int_box_1a{padding-right:7px; padding-left:16px; float:left; padding-bottom:7px; width:167px; margin-right:0px; padding-top:5px; height:115px; background-color:#fff; text-align:left; margin-left:6px}
#int_box_2a{padding-right:7px; padding-left:16px; float:left; padding-bottom:7px; margin:0px 0px 0px 6px; width:167px; padding-top:5px; height:115px; background-color:#fff; text-align:left}
#int_box_3a{padding-right:7px; padding-left:16px; float:left; padding-bottom:7px; margin:6px 0px 0px 6px; width:167px; padding-top:5px; height:115px; background-color:#fff; text-align:left}
#int_box_4a{padding-right:7px; padding-left:16px; float:left; padding-bottom:7px; margin:6px 0px 0px 6px; width:167px; padding-top:5px; height:115px; background-color:#fff; text-align:left}

/* Paragraph class for smaller font for cities*/
.tike {font-size:12px; /*font-family:Geneva, Arial, Helvetica, sans-serif*/
}
.tike2 {font-size:11px;
}

/* Miscellaneous Classes
------------------------------------------------------------------ */
.separator { border-top: 1px solid #c6c8ca; height: 1px; margin-bottom: 15px; }


/* Links
------------------------------------------------------------------ */
a:link, a:visited {text-decoration:none;color:#336699;/*color: #21a6bf; text-decoration: none;*/ }
a:hover {text-decoration:underline; color:#0060BF;/*color: #85C91A;*/}
/*a:link{text-decoration:none;}
a:visited{text-decoration:none;}*/

#main2 h2.emph a {text-decoration:none;color:#F30;/*color: #21a6bf; text-decoration: none;*/ }
#main2 h2.emph a:hover {text-decoration:underline; color:#0060BF;/*color: #85C91A;*/}
/*a:link{text-decoration:none;}
a:visited{text-decoration:none;}*/

#main2 h2.org a {text-decoration:none;color:#ff6600;/*color: #21a6bf; text-decoration: none;*/ }
#main2 h2.org a:hover {text-decoration:underline; color:#ff6600;/*color: #85C91A;*/}
/*a:link{text-decoration:none;}
a:visited{text-decoration:none;}*/

/* Header
------------------------------------------------------------------ */
#header { margin: 0 auto; height: 115px; position: relative; }
#header h2 { margin: 0; position: absolute; left: 20px; top: 10px; width: 296px; height: 57px; }

#header img {padding-top:7px;}

.right {float:right; width:140px;height:13px; padding-top:5px;}

#breadcrumb
{
	width: 850px;
	text-align: left;
	padding: 10px 0px 10px 15px;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #062754;
}

#breadcrumb a
{
	color: #062754;
	text-decoration: none;
}

#breadcrumb a:hover
{
	color: #0060BF;
	text-decoration: underline;
}




/* Footer
------------------------------------------------------------------ */
#footer {/*color: #999; */
font:11px; 
font-family: helvetica,arial,sans-serif;
margin-bottom:10px;
width:100%;
border-top:1px solid #000;
padding-right:7px; padding-left:7px; padding-bottom:7px; padding-top:8px; height:auto; }
/*#footer a:link, #footer a:visited { color: #999; text-decoration: underline;}
#footer a:hover { color: #666; }*/


 #footer p {
        padding:10px;
        margin:0;
		text-align:center;
    }
	.footer_style{font-size:12px; font-weight: bold;font-style:Arial,Helvetica,sans-serif;}
.links_footer{font:11px Verdana,Arial; color:#036; line-height:18px; text-decoration: none;}
.links_footer a{text-decoration:none;color:#336699;}
.links_footer a:link{text-decoration:none}
.links_footer a:visited{text-decoration:none}
.links_footer a:hover{text-decoration:underline; color:#0060BF}
.links_footer a:active{text-decoration:none}
.footer_copyright{font:12px arial; color:#333333; text-align:center;}
.footer_copyright a{font:12px arial; color:#333333}
.footer_copyright a:hover{font:12px arial; color:#0060bf}

/* Box
------------------------------------------------------------------ */
.box { border:0px; /*1px solid #dfdfdf*/ border-left: 0; border-right: 0; padding: 15px 0 0 0; margin-bottom: 15px; font:13px geneva,helvetica,arial,sans-serif;}

.boxL { border:0px solid #dfdfdf; border-left: 0; border-right: 0; padding: 15px 0 0 0px; margin-bottom: 15px; font:12px helvetica,arial,sans-serif;}

/* for styling for program content within box */
.box h3 {margin-bottom: 3px; font-weight: bold; color: #336699;}
/* Top Row Elements (Immediately after header)
------------------------------------------------------------------ */
#welcome { height: 79px; margin: 0; text-indent: -999em; background: url(../images/welcome-text.gif) no-repeat; }
#search-form { height: 79px; margin: 0; }
#search-form p { margin: 0; }
#search-form input#search-text {  }
#search-form input#search-go { width: 27px; margin-bottom: 3px; vertical-align: bottom; }
#adsense { height: 79px; margin: 0; }


/* Post
------------------------------------------------------------------ */
.post h3 { margin-bottom: 0; font-size: 105%; }
.post h2 { margin-bottom: 0; }
.post .meta { color: #999; margin-bottom: 5px; }
.post .meta a:link, .post .meta a:visited { color: #999; }
.post .meta a:hover { color: #666; }


/* Buttons
------------------------------------------------------------------*/

.button2 { 
	margin: 0;
	margin-left: 60px; 
	padding: 2px 3px; 
	font: bold 12px Arial, Helvetica, sans-serif; 
	background: #336699;
	border: 1px solid #f2f2f2;
	color: #f5f5f5;	
	width: 120px;
	vertical-align: top;
}


/* Comments
------------------------------------------------------------------ */
.comments { }


/* Form
------------------------------------------------------------------*/
.findit {
width: 350px; text-align:center; border:none;/*n 1px solid #5a698b*/
}

/* Table
------------------------------------------------------------------*/
.lender_list {
width: 450px; text-align:left; border:0; padding:0;/*n 1px solid #5a698b*/
}
.lender_list a{color:#0000FF;text-decoration:underline;}

.lfloat  {float:left;width:40%;}
.rfloat  {float:right;width:55%;text-align:center;}

.lender_info {
width: 440px; text-align:left; border:0; padding:2px 2px 2px 2px; line-height:normal;background-color:#e5e5e5;/*n 1px solid #5a698b*/
}

/* Search Form
------------------------------------------------------------------ */
.tops { float:right; padding: 15px; border: 1px solid #DFDFDF; background: #F6F6F6;color: #999; width: 125px; height:15px; }
.tops input { width: 90%; }
.tops .input-button { text-transform: uppercase; }


/* Post Comment Form
------------------------------------------------------------------ */
#comment-form { padding: 15px; border: 1px solid #DFDFDF; background: #F6F6F6; }
#comment-form label span { color: #999; }
#comment-form .input-text { width: 90%; }
#comment-form .input-button { text-transform: uppercase; }


/* Padding  Form
------------------------------------------------------------------ */

 .listingform input {
         margin-bottom:0px;
		 margin-top:3px;
		 }


/* Side Links
------------------------------------------------------------------ */
.sidelinks-1 { padding: 1px; list-style-type: none; color: #999; margin-left: 0px; }
.sidelinks-1 a { color: #336c9f; text-decoration: none; margin-left:0px;}
.sidelinks-1 a:hover { color: #85C91A;text-decoration: underline;  }

/* mls1
------------------------------------------------------------------ */
/* These are standard mls1 styles... do not modify */
.mls-flash { visibility: visible !important; margin: 0; }
.mls1-replaced { visibility: visible !important; }
span.mls1-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
span.loan-Column { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;color:#CC6600;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.mls-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the mls1 text metrics since the mls1 text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.mls-hasFlash #content h2.title { visibility: hidden; }
.mls-hasFlash #content h3.title { visibility: hidden; }
.mls-hasFlash #content h4.title { visibility: hidden; }
.mls-hasFlash #content h5.title { visibility: hidden; }

#erateWidget{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
}
#erateWidget table.ratesTable{
	font-size:12px;
	padding:2px;
	margin:0px auto;
	border-color:#b0c1d9;
	width:100%;
}

#erateWidget table.ratesTable td{
	border-color:#b0c1d9;
	font-size:12px;
}

#erateWidget table.ratesTable th.top{
	font-weight:bold;
	color: #255488;
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	border-top: 1px solid #b0c1d9;
	text-align: left;
	padding: 5px;
	background: #e2ecf9;
	font-size:12px;
}

#erateWidget table.ratesTable .left{
	border-left: 1px solid #b0c1d9;
	width:50%;
}

#erateWidget table.ratesTable th.tick{
	color: #255488;
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	border-left: 1px solid #b0c1d9;
	text-align: left;
	padding-left:4px;
	border-top: none;
	background: #ffffff;
	/*color: /*255488*/;
	font-weight: normal;
	font-size:12px;
}

#erateWidget table.ratesTable td{
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	background: #ffffff;
	padding: 2px;
	color: #333333;
	text-align:center;
}

#erateWidget table.ratesTable th.tdcenter{
	text-align:center;
	width:25%;
}

#erateWidget .caption{
	padding: 4px 0px;
	font-size: 10px;
	text-align: center;
	color: #333333;	
}
#erateWidget .caption a, #erateWidget .caption a:hover, #erateWidget .caption a:visited{
	text-decoration:none;
	color: #333333;
	font-size:14px;
}
//////////*  on rates page */////////////


#erateWidget1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:275px;
}
#erateWidget1 table.ratesTable{
	font-size:12px;
	padding:2px;
	margin:0px auto;
	border-color:#b0c1d9;
	width:100%;
}

#erateWidget1 table.ratesTable td{
	border-color:#b0c1d9;
	font-size:12px;
}

#erateWidget1 table.ratesTable th.top{
	font-weight:bold;
	color: #255488;
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	border-top: 1px solid #b0c1d9;
	text-align: left;
	padding: 5px;
	background: #e2ecf9;
	font-size:12px;
}

#erateWidget1 table.ratesTable .left{
	border-left: 1px solid #b0c1d9;
	width:50%;
}

#erateWidget1 table.ratesTable th.tick{
	color: #255488;
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	border-left: 1px solid #b0c1d9;
	text-align: left;
	padding-left:4px;
	border-top: none;
	background: #ffffff;
	/*color: /*255488*/;
	font-weight: normal;
	font-size:12px;
}

#erateWidget1 table.ratesTable td{
	border-right: 1px solid #b0c1d9;
	border-bottom: 1px solid #b0c1d9;
	background: #ffffff;
	padding: 2px;
	color: #333333;
	text-align:center;
}

#erateWidget1 table.ratesTable th.tdcenter{
	text-align:center;
	width:25%;
}

#erateWidget1 .caption{
	padding: 4px 0px;
	font-size: 10px;
	text-align: center;
	color: #333333;	
}
#erateWidget1 .caption a, #erateWidget1 .caption a:hover, #erateWidget1 .caption a:visited{
	text-decoration:none;
	color: #333333;
	font-size:14px;
}