﻿
/* CSS Document */
.MainDesc {
font-size: 9pt; 
font-weight: bold;
}

#content { /* These style rules will apply to the middle "content" div */
width:542px;
margin:5px 165px 0 218px;
padding:0 10px 0 10px;
font-size:12px;
background:#FFFFFF;
}

#content td {
text-align:left;
}

#content li {
padding:0 0 5px 0;
margin-bottom:5px;
}

#content h4 { /* Bold, black heading */
margin-top:0;
font-size:15px;
text-align:left;
}

#content h5 { /* Thin, red heading */
margin-top:0;
font-size:15px;
font-weight:normal;
text-align:left;
color:#ef3c39;
}

#content hr { /* Makes all hr look the same when used in the content area, unless otherwise specified by other styles */
width:95%;
color:#CCCCCC;
height:2px;
}

#contentHeaderIMG { /* Used around the header images at the top of pages */
margin:0 0 20px 0;
}

#contentColumn1 { /* Style used to make 2 columns of content on a page; This is the left column...See Property page as example */
width:250px;
float:left;
}

#contentColumn2 { /* Style used to make 2 columns of content on a page; This is the right column...See Property page as example */
width:250px;
float:right;
}

#contentColumn1 p a, #contentColumn2 p a {
line-height:20px;
font-size:10px;
}

.verticalLine { /* Makes a solid, veritcal line; can be placed between two elements when one is floated right and the other left */
width:2px;
height:100px; 
margin:0 auto;
background:#CCCCCC;
}

.finePrint { /* This style can be used for things that you think of as "fine print" */
font-size:10px;
font-style:italic;
}

.floatLeft { /* Generic style used to float an element to the left */
float:left;
margin:0 5px 1px 0;
}

.floatRight { /* Generic style used to float an element to the right */
float:right;
margin:0 0 1px 5px;
}



.clearFloat { /* Use this style to force any element to appear below a floated element instead of wrapping around it */
clear:both;
}

.alignRight {
text-align:right;
}
/*-----------------------------------------------------GENERAL STYLE RULES */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#e1e1e1;
font-size:12px;
}

a {
outline:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#315399;
text-decoration:underline;
}

a:visited {
color:#315399;
text-decoration:underline;
}

a:hover {
color:#4994cd;
text-decoration:underline;
}

img { /* Removes all spacing, padding, or borders from all images */
border:none;
margin:0;
line-height:0.0;
padding:0;
}

input, textarea { /* Formats the textareas and textfield */
margin:2px 0 0 0;
/*border:solid 1px;*/
font-size:12px;
/*border-color:#999999;*/
}

#clientServices input, textarea {
width:136px;
}

.sectionTitle {
font-size:16px;
font-weight:bold;
margin:0 0 5px 0;
color:#999999;
}

/*-------------------------------------------------------------WRAPPER STYLE RULES */
#wrapper { /* This "wrapper" refers to the div that surrounds all other divs in the site */
width:983px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
background:url(/agent_locate/Images/dropShadowSides.jpg);
}

/*--------------------------------------------------------------HEADER STYLE RULES */
#header {
width:963px;
/*margin:-20px 9px 0 10px;*/
margin:-40px 9px 0 10px;
}

/*--------------------------------------------------------------MAIN STYLE RULES */
#main { /* This rule refers to the div that contains the columns, and the main content area */
font-size:11px;
background:#FFFFFF;
background:url(/agent_locate/Images/dropShadowSides.jpg);
}

#main h1 {
font-size:22px;
font-weight:normal;
margin:0;
line-height:0.8;
color:#FFFFFF;
}

/*--------------------------------------------------------------COLUMN1 STYLE RULES */
#column1 { /* These rules affect column1 div, which is the left column in the wrapper */
float:left;
width:182px;
text-align:center;
margin:0 0 0 32px;
background:#FFFFFF;
}

#column1 p {
text-align:left;
}

#column1 hr {
color:#FFFFFF;
}

#column1 img {
margin:0 0 20px 0;
}

/*------------------------------------------------------------- FIND AN AGENT STYLE RULES */
#findAgentTop {
background:url(/agent_locate/Images/findAgentTop.png) no-repeat;
width:182px;
height:11px;
margin:4px 0 0 0;
padding:0;
}

#findAgent {
background:url(/agent_locate/Images/findAgentMiddle.png) no-repeat;
padding:0 7px;
margin:0;
width:168px;
}

#findAgent p {
padding:0;
margin:0;
}


#findAgent form {
margin:0;
padding:0;
}

/*-------------------------------------------------------COLUMN2 STYLE RULES */
#column2 { /* These rules affect column2 div, which is the right column */
float:right;
width:182px;
text-align:center;
margin:5px 14px 0 0;
background:#FFFFFF;
}

#column2 p {
text-align:left;
padding:0;
margin:0;
}

#column2 hr {
color:#CCCCCC;
height:1px;
}

/*------------------------------------------------------FOOTER STYLE RULES */

#footer {
width:464px;
clear:both;
text-align:center;
margin: 10px auto 0 auto;
padding:0 30px;
font-size:9px;
color:#666666;
}

#footer hr {
width:50%;
}

#footer h6 {
font-size:10px;
margin:0;
padding:0;
line-height:1.4;
}


/*--------------------------------------------------------WHITEBOX STYLE RULES */
.whiteBoxTop { /* Adds the top part of the drop shadow found in the "whiteBox" divs */
background:url(/agent_locate/Images/whiteBoxTop.jpg) no-repeat;
width:154px;
height:7px;
margin:0;
padding:0;
margin:0 auto;
}

.whiteBox { /* the whiteBox style controls the display of the white areas inside elements in the wrappers */
background:url(/agent_locate/Images/whiteBoxMiddle.jpg) repeat-y;
width:147px;
padding:0 0 3px 7px;
margin:0 0 10px 0px;
line-height:1.3;
margin:0 auto 10px auto;
}

.whiteBox ul {
margin:0 0 0 0px;
padding:0 0 0 20px;
text-align:left;
}

/*------------------------------------------------------------------------------SPACER STYLE RULES */
.sidebarSpacer { /* Adds whitespace between elements in the columns, like between find an agent and client services */
height:10px;
width:182px;
}

#clearSidebars { /* Makes sure columns stay inside the content area and dont overlap it. Adds drop shadow to bottom of content */
margin-top:10px;
margin-left:2px;
clear:both;
height:11px;
background:url(/agent_locate/Images/dropShadBottomBar.jpg) no-repeat center;
}

/*-----------------------------------------------------------------------------TEXT SIZE CHANGER STYLES */
#textChanger {
background:url(/agent_locate/Images/textChangerBG.jpg) no-repeat;
color:#666666;
font-family:Verdana , Arial, Helvetica, sans-serif;
width:154px;
height:50px;
text-align:left;
padding:2px 3px 0px 20px;
font-size:12px;
/*margin:25px 0 -15px 5px;*/
position:relative;
top:45px;
left:5px;
z-index:5;
}

#textChanger div {
display:inline;
color:#666666;
font-weight:bold;
text-decoration:underline;
}

/*-------------------------------------------------------RIGHT SIDE CONTENT STYLE RULES */
#RightSideContent {
background:url(/agent_locate/Images/RightSideContentMiddle.jpg) repeat-y;
padding:0 7px;
margin:0;
width:168px;
}

#RightSideContent .whiteBox p {
margin:0 0 15px 0;
}

#RightSideContent .whiteBox {
margin-bottom:0px;
}

#RightSideContent h5 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
text-align:left;
}

#RightSideContentTop {
background:url(/agent_locate/Images/RightSideContentTop.jpg) no-repeat;
margin:0;
padding:0;
width:182px;
height:20px;
}

#RightSideContentBottom {
background:url(/agent_locate/Images/RightSideContentBottom.jpg) no-repeat;
margin:0;
padding:0;
width:182px;
height:20px;
}

/*------------------------------------------------------------------CLIENT SERVICES STYLE RULES */
#clientServices {
background:url(/agent_locate/Images/clientServMiddleTest.jpg);
padding:0 7px;
margin:0;
width:168px;
}

#clientServices .whiteBox {
text-align:left;
}

#clientServices h6 {
margin:3px 0 3px 0;
text-align:center;
font-size:12px;
}

#clientServices p {
font-size:13px;
margin:0 5px 0 0;
text-align:left;
font-weight:bold;
}

#clientServices ul {
color:#333333;
margin:5px 0 10px 0;
text-align:left;
padding:0 0 0 45px;
font-size:12px;
}

#clientServicesTop {
background:url(/agent_locate/Images/clientServTop.png) no-repeat;
width:182px;
height:17px;
margin:0;
padding:0;
}

#clientServicesBottom {
background:url(/agent_locate/Images/clientServBottom.png);
width:182px;
height:17px;
margin:0;
padding:0;
}

#clientServicesRegister {
font-size:11px;
margin:-5px 0 0px 5px;
line-height:1.5;
color:#333333;
text-align:center;
}


#forgotUserIDpassword {
margin:0 0 1px 0;
text-align:left;
font-size:10px;
}

#clientServices .whiteBox ul {
margin-top:0;
}

#hideCS {
display:none;
}

#showCS {
color:#333333;
}

#showCS ul {
color:#333333;
margin:5px 0 10px -20px;
text-align:left;
padding:0 0 0 45px;
font-size:12px;
}

#clientServicesRegister_showCS {
font-size:11px;
margin:-15px 0 0 0;
line-height:1.3;
color:#333333;
text-align:center;
}

#showCS .whiteBox {
margin-bottom:0;
padding-bottom:5px;
}

#btnLogin {
max-width:67px;
width:67px;
height:25px;
}

.rptHeader{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #ffffff; text-decoration: none; background-color: #313A99; 
}
.rptSubHeader{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; 
}

.grpHeader
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #313A99;
	text-decoration: none;
	font-weight: bold;
}

.rptRow{
background-color: #DCDCDC;
}

.rptAltRow{
background-color: White;
}

.rptAltRowOld{
background-color: #C0A992;
}

/*---------------------------------YOUR AGENT STYLES----------------------------*/
#yourAgent {
background:url(/agent_locate/Images/YourAgentGrad.jpg) no-repeat;
padding:0 7px 70px 7px;
margin:0;
width:168px;
}

#yourAgent img {
margin-bottom:0;
}
/*---------------------------------SIGN IN PAGE STYLES---------------------------*/
#csWrapper {
border:solid #cccccc 1px;
width:506px;
margin-left:15px;
padding:3px
}
.exp_whiteBoxTop {
background:url(/agent_locate/Images/exp_whiteBoxTop.jpg) repeat-x;
height:7px;
margin:0;
padding:0;
margin:0 auto;
width:233px;
border-top:outset 6px;
border-right:outset 6px;
border-left:outset 6px;
}

.exp_whiteBox {
background:url(/agent_locate/Images/exp_whiteBoxMiddle.jpg) repeat-y;
padding:0 0 5px 8px;
margin:0 0 10px 0px;
line-height:1.3;
margin:0 auto 10px auto;
width:225px;
border-bottom:outset 6px;
border-right:outset 6px;
border-left:outset 6px;
}
/*---------------------------------LINK_LIST STYLES------------------------------*/
#link_list {
text-align:center;
}

#link_list ul {
margin:40px 0 0 0;
}

#link_list li {
display:inline;
font-size:10px;
}

.FindAgentButton 
{
	background:url(/agent_locate/Images/findAgentButton.png) no-repeat;
	display:inline;
	height:30px;
	width:69px;
}

.LoginButton
{
	background:url(/agent_locate/Images/LoginButton.png) no-repeat;
	display:inline;
	height:30px;
	width:76px;
	cursor:pointer;
}

.SearchButton
{
	background:url(/agent_locate/Images/Search.png) no-repeat;
	display:inline;
	height:30px;
	width:78px;
}