﻿body { font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #000000; margin: 0px; background-color: #003e7e; } /*331800*/
form { margin: 0px; }
div { font-size: 13px; line-height: 130%; }
table { font-size: 13px; line-height: 130%; border: 0px; }
img { border: 0px; }
	
ol { margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; margin-left: 15px; }
ul { margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; margin-left: 15px; }
li { padding-bottom: 2px; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type:	lower-alpha; }
ol ol ol li { list-style-type:	lower-roman; }
ul li { list-style-type: disc; }
ul li li { list-style-type: circle; }
ul li li li { list-style-type: disc; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: black; font-weight: bold; margin: 0px; padding: 0px; line-height: 100%; letter-spacing: -1px; } /* page headers */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #1677bb; font-weight: bold; margin: 0px; padding: 0px; line-height: 120%; letter-spacing: -1px; } /* content headers */
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #c59f70; font-weight: bold; margin: 0px; margin-bottom: 10px; margin-top: 3px; padding: 0px; line-height: 110%; letter-spacing: -1px; } /* nav col headers */
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; line-height: 120%; }

.clear { clear:both }

.contenth3 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: black; font-weight: bold; margin: 0px; padding: 0px; line-height: 110%; letter-spacing: -1px; }
a.contenth3link:link, a.contenth3link:visited, a.contenth3link:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 21px; font-weight: bold; letter-spacing: -1px; color: black; }
a.contenth3link:hover { text-decoration: underline; }

.contenth3-bgwrapper { padding: 10px; background-color: #f1f5f3; }

.cblack { color: #000000; }
.cbrown { color: #592800; }
.cblue { color: #1677bb; }
.arrowtext { font-size: 16px; font-weight: bold; color: black; }
.searchbox { padding: 10px; border: 1px #dddddd solid; background-color: #f1f5f3; }

.spacer25 { height: 25px; }

.breadcrumb { padding-bottom: 10px; border-bottom: 1px #e9e9e9 solid; margin-bottom: 15px; }

.branchinfoContainer { border-top: 1px #5e3612 solid; background-color: #2f1401; padding: 10px 10px 15px 35px; color: white; }
.branchinfoHeader { color: #7e6350; font-style: italic; }
.branchimgborder { border: 1px #003e7e solid; }

/* REA profile styles */
.reainfoContainer { border-top: 1px #5e3612 solid; background-color: #2f1401; padding: 10px 5px 15px 15px; color: white; }
.reainfoContainer a { color: #99ccff!important; text-decoration:none!important; }
.reainfoContainer a:hover { text-decoration:underline!important; }
.reainfoContainer .hd { float: left; width: 70px; line-height:normal; }
.reainfoContainer .bd { overflow: hidden; line-height: normal; }
.reainfoHeader { color: #7e6350; font-style: italic; }
.reaimgborder { border: 1px #003e7e solid; }


.menu-section-wrapper { padding: 15px 0; border-top: 1px #E9E9E9 solid; border-bottom: 1px #E9E9E9 solid; }

/* training styles */
.training-section-wrapper { padding: 15px 0; border-top: 1px #E9E9E9 solid; }
.training-section-last { border-bottom: 1px #E9E9E9 solid; }
.training-section-bg { background-color: #F1F5F3; }
.training-section-innerpad { padding-left: 20px; padding-right: 20px; }
.training-section-wrapper ul { margin-top: 5px; margin-bottom: 0px; }
.training-section-wrapper ol { margin-top: 5px; margin-bottom: 0px; }
.training-section-wrapper li { padding-bottom: 7px; }
.training-section-wrapper ol li li { list-style-type: lower-alpha; padding-bottom: 1px; }
.training-section-crumb { padding: 0 0 15px; }


/* main content styles */
#contentouterContainer { background-image: url(/images/Template/bgr_content-outer-top.jpg); background-position: left top; background-repeat: repeat-x; line-height: 140%; }
#contentContainer {
	width: 1000px; text-align: left;
	background-image: url(/images/Template/bgr_content-blackopac50.png); background-position: left top; background-repeat: repeat;
}
#contentPageHeader { border-top: 1px #003e7e solid; border-bottom: 1px #003e7e solid; background-color: #001b37; padding: 10px 25px 11px 25px; }
#contentPageHeader	h1 { color: white; }
#contentPad { padding: 25px 25px 25px 25px; }
#contentMain { width: 654px; background-color: white; }
#contentMainPad {
	padding: 16px 25px 18px 25px;
}
#contentSub { width: 271px; }
#contentSpacer { width: 25px; }
#contentFull { width: 950px; background-color: white; }


/* linked account floating button - for wholesale and clp */
#linkedAccountWholesale { position: absolute; margin-left: 793px; margin-top: -32px; }
#linkedAccountCLP { position: absolute; margin-left: 759px; margin-top: -32px; }
#linkedAccountWholesale img, #linkedAccountCLP img { border: 0; vertical-align: middle; margin-top: -2px; }
#linkedAccountWholesale a, #linkedAccountCLP a { font-family: Arial; font-size: 14px; font-weight: bold; color: #cce5ff; padding: 5px 11px 5px 12px; background-color: #003e7e; text-decoration: none; }
#linkedAccountWholesale a:hover, #linkedAccountCLP a:hover { background-color: #421f00; }


/* sub nav column elements */
.subnavContainer { 
	background-image: url(/images/Template/bgr_navitem-blackopac30.png); background-position: left top; background-repeat: repeat; 
	border-top: 1px #003e7e solid;
}
.subnavLogin { border-top: 1px #5e3612 solid; background-color: #2f1401; padding: 10px 10px 10px 15px; color: white; }
.loginsubtext { font-size: 11px; color: #667e97; line-height: 120%; padding: 12px;}
.navitem { font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 0px 15px; color: #99ccff; border-bottom: 1px #002750 solid; font-size: 13px; }
.navitem a:link, .navitem a:visited, .navitem a:active { font-family: Arial, Helvetica, sans-serif; color: #cce5ff; text-decoration: none; letter-spacing: normal; padding: 4px 0 4px 0; display: table; width: 100%; line-height: 140%; }
.navitem a:hover { text-decoration: none; }
.navitemRO { font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 0px 15px; color: #99ccff; border-bottom: 1px #002750 solid; font-size: 13px; background-color: black; }
.navitemRO a:link, .navitemRO a:visited, .navitemRO a:active { font-family: Arial, Helvetica, sans-serif; color: #99ccff; text-decoration: none; letter-spacing: normal; padding: 4px 0 4px 0; display: table; width: 100%; line-height: 140%; }
.navitemRO a:hover { text-decoration: none; }


/* navigation elements */
.navitemTB { float: left; margin-right: 4px; }
.navitemTB2 { float: right; margin-right: 4px; }

#topnavBG { background-color: #421f00; padding: 3px; }
#topnavContainer { width: 1000px; text-align: left; }
#topnav { padding: 0px; margin-bottom: 5px; margin-top: 5px; }
#topnav a:link, #topnav a:visited, #topnav a:active {
	font-family:Arial, Helvetica, sans-serif; 
	padding: 3px 12px 3px 12px; 
	background-color: #592800; 
	color: #c59f70; font-size: 16px; font-weight: bold;
	text-decoration: none; letter-spacing: normal;
}
#topnav a:hover { background-color: #2f1401; color: white; }

#logoBG {
	background-color: white; height: 166px; /* height: 203px; bgr_houses-outer_166pxh.jpg */
	background-image: url(/images/Template/bgr_houses-outer_166pxh.jpg); background-position: center bottom; background-repeat: repeat-x;
}
#logoContainer { 
	height: 166px; width: 1000px; text-align: right; /* height: 203px; */
	background-image: url(/images/Template/bg_logo-tag.jpg); background-position: right bottom; background-repeat: no-repeat;

}
#mainnav { padding: 17px 0 0 0; text-align:right; } /* padding: 22px 0 0 0; */
#mainnav a:link, #mainnav a:visited, #mainnav a:active {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 3px 10px 3px 10px; 
	color: #713e0f; font-size: 16px; font-weight: bold;
	text-decoration: none; letter-spacing: normal;
}
#mainnav a:hover { background-color: #f1f5f3; }

#footernavContainer{ height: 58px; width: 1000px; text-align: left; }
#footernav { padding: 10px 0 0 10px; }
#footernav a:link, #footernav a:visited, #footernav a:active {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 3px 10px 3px 10px; 
	color: #d0d0d0; font-size: 14px; font-weight: bold;
	text-decoration: none; letter-spacing: normal;
}
#footernav a:hover { background-color: #001f3f; }
/* end nav elements */

#footerBG { background-color: #421f00; }
#footerContainer { height: 82px; width: 1000px; text-align: left; }
.footertext {
	color: #957355; font-size: 12px; font-weight: bold;
}

/* calendar styles */
.calmonthheader { font-size: 16px; font-weight: bold; color: white; font-family: Arial, Helvetica, sans-serif; background-color: #003367; line-height: 110%; height: 30px; }
.caldaywrapper { font-size: 11px; line-height: 110%; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; }
a.callink:link, a.callink:visited, a.callink:active { font-family: Arial, Helvetica, sans-serif; color: #003367; text-decoration: none; }
a.callink:hover { text-decoration: underline; }

/* career styles */
a.careerlink:link, a.careerlink:visited, a.careerlink:active { text-decoration: none; font-size: 16px; font-weight: bold; }
a.careerlink:hover { text-decoration: underline; }

/* arrow styles */
a.arrow:link, a.arrow:visited, a.arrow:active { text-decoration: none; font-size: 16px; font-weight: bold; }
a.arrow:hover { text-decoration: underline; }
.arrowimg { border: 0px; margin-bottom: 2px; }

/* main logged in page quicklinks */
a.quicklinks:link, a.quicklinks:visited, a.quicklinks:active { text-decoration: none; font-size: 16px; font-weight: bold; color: #0066ff;  }
a.quicklinks:hover { text-decoration: underline; }



a:link, a:visited { color: #0066ff; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }


.logintextbox { width: 140px; }


/* LO / REA styles (used w/ grid) */
.profile-item-wrapper { padding: 10px; border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid; background: url(/images/REA/bgr_profile.jpg) repeat-x left bottom; }
.profile-item-wrapper.no-top { border-top: 0; }
.profile-item-wrapper > .hd { width: 120px; float: left; }
.profile-item-wrapper > .bd { overflow: hidden;  }
.bd.profile-details { color: #333; }
.bd.profile-details a { font-size: 12px; text-decoration: none; }
.bd.profile-details a:hover { text-decoration: underline; }
.bd.profile-details > .bd { overflow: hidden; padding-right: 15px; } /* main info */
.bd.profile-details > .bd > div > strong, .bd.profile-details > .bd > strong { color: #000; }
.bd.profile-details > .bd > div > span { color: #003399; font-weight: bold; }
.bd.profile-details > .hd { float: right; font-size: 12px; } /* phone numbers */
.bd.profile-details > .hd span { float: left; width: 50px; color: #666; }
.bd.profile-details > .fd { font-size: 12px; line-height: 120%; padding-top: 10px; } /* bio/description */
.profile-ctas { font-size: 12px; color: #999; text-align: right; padding: 5px 10px 15px 0; }
.profile-ctas a { text-decoration: none; }
.profile-ctas a:hover { text-decoration: underline; }

.rea-search-wrapper { padding: 10px 0 10px 30px; border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid; background-color: #f1f5f3; }
.rea-search-label { font-size: 13px; padding-bottom: 5px; }
.rea-search-textbox { border: 1px #cccccc solid; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px; height: 20px; }


/* REA Homes styles - regular repeater view */
.rea-property-wrapper { padding: 15px 0; border-bottom: 1px #e9e9e9 solid; }
.rea-property-wrapper > .hd { float: left; width: 230px; }
.rea-property-wrapper > .hd img { background: #fff; padding: 6px; border: 1px #ccc solid; }
.rea-property-wrapper > .hd a:hover img { padding: 4px; border: 3px #ccc solid; }
.rea-property-wrapper > .hd .img { padding-bottom: 5px; }
.rea-property-wrapper > .hd .status { padding-left: 5px; font-size: 12px; color: #006600; font-weight: bold; }
.rea-property-wrapper > .hd .status.red { color: #cc0000; }
.rea-property-wrapper > .hd .foreclosure { padding-right: 20px; font-size: 12px; color: #006600; }
.rea-property-wrapper > .bd { overflow: hidden; }
.rea-property-wrapper > .bd .name-loc { font-size: 18px; }
.rea-property-wrapper > .bd .name-loc a { text-decoration: none; }
.rea-property-wrapper > .bd .name-loc a:hover { text-decoration: underline; }
.rea-property-wrapper > .bd .price-type { font-size: 16px; color: #003399; padding-top: 5px;  }
.rea-property-wrapper > .bd .separator { border-bottom: 1px #f1f5f3 solid; margin-bottom: 10px;  }
.rea-property-wrapper > .bd .description { font-size: 12px; padding-top: 10px; }
.rea-property-wrapper > .bd .details > div { padding-bottom: 2px; }
.rea-property-wrapper > .bd .details.details-col1 { }
.rea-property-wrapper > .bd .details.details-col1 span { width: 80px; float: left; }
.rea-property-wrapper > .bd .details.details-col2 { }
.rea-property-wrapper > .bd .details.details-col2 span { width: 70px; float: left; }
.rea-property-wrapper .featured-flag { position: absolute; width: 93px; height: 80px; background: url('/images/Icons/icon_featured-flag.png') no-repeat left top; margin-left: -7px; margin-top: -4px; }
.rea-property-wrapper .info-divider { color: #999; font-weight: normal; }


/* REA Homes styles - property details page */



/* form styles */
.formValidation { font-size: 13px; font-weight: normal; color: red; }
.formValidator { font-size: 16px; font-weight: bold; color: red; }
.button { color: #333333; font-family: Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; padding: 7px 12px 7px 12px; }
.NormalButton { color: white; font-family: Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; padding: 7px 12px 7px 12px; border: 1px #cdcdcd solid; background-color: #34406C; }
.NormalButtonSM { color: white; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; padding: 2px; border: 1px #cdcdcd solid; background-color: #34406C; }

.formMultibox { font-family: Arial, Helvetica, sans-serif; }
.textbox-lg { padding: 3px; height: 20px; }

/* form submission response styles */
.responseRow { padding: 15px; background-color: #eff5ea; border: 1px #95a486 solid; color: #3d6611; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 160% }
.completebutton { padding: 7px 10px 7px 10px; background-color: #eff5ea; border: 1px #95a486 solid; color: #3d6611; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 160% }
.deletebutton { padding: 7px 10px 7px 10px; background-color: #ffebeb; border: 1px #cc0000 solid; color: #cc0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 160% }
.completedtext { color: #3d6611; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.subtext { color: #666666; font-size: 11px; }
.redtext { color: #cc0000; }


