/* WRE CSS 09-05
Organization is general from top level elements down, with site-specific
differences toward the bottm. Most of these are used on all three sites.
*/

html   { font-family: Arial, Helvetica, Sans-Serif; }
body   { 
	   background-image: url(/images/bg.gif);
	   background-repeat: repeat;
	   background-color:#000000;
	   color: #000000;
	   margin:0px 0px 12px 0px;  /* T R B L */
	   font-family: Arial, Helvetica, Sans-Serif;
	   }

			   /* from ere, not actually applied yet */
body.nobg      { background-color: #ffffff; background-image:none; }

			   
h2,h3,h4,h5 {
       color: #333464;
	   }
	   
h2,h3  {
	   text-align:center;
	   }
	
.small {
       font-size: 10px;
	   }
	   
form label { font-weight: 700; }

.footlinks   { 
                  font-size: 12px;
                  white-space:nowrap; 
				  text-align:center;
	              margin: 0px;
	              padding: 0px;
			   }
.footlinks li  { 
                  list-style-type:none; 
				  display: inline; 
			   }
.footlinks    { 
                font-size: 12px;
				text-align:center;
			   }

.blk           { background-color: #000000; color: #ffffff; font-weight: 700; text-align: center; }
.blkrt         { background-color: #000000; color: #ffffff; font-weight: 700; text-align: right; } 
.wht           { background-color: #FFFFFF; }
.cwht          { background-color: #FFFFFF; text-align: center; }
.center        { text-align: center; }
.right         { text-align: right; }
.sm_center     { font-size: 12px; text-align:center; }
.ltGray        { background-color: #F5F5F5; }
.CltGray       { background-color: #F5F5F5; text-align: center; }
.ltGrayRt      { background-color: #F5F5F5; text-align: right;  }
.medGray       { background-color: #EFEFEF;  }
.medGrayRt     { background-color: #EFEFEF; text-align: right; }
.searchResGray { background-color: #7DA6BD; }
.emph          { font-weight:700; color: #FF0000; font-style:italic; }
.small         { font-size: 11px; }
.medium        { font-size: 80%; }
.added         { text-align:center; background-color:#7DA6BD; font-size: 11px; }
.clear         { clear: both; }  
.cleardiv      { text-align: center; clear: both; } 
.nodot         { list-style: none; }
 
.heads         {  background-color: #c0c0c0; text-align: center;  font-weight: 700; }
.added         { text-align:center; background-color:#BECEE0; font-size: 11px; }
.main          { background-color: #ffffff;  }

/*///////////////////////////////////////*/
/* Search results and listing detail     */
/*///////////////////////////////////////*/

.searchHead    { background-color: #FFEDCA; color: #000000; text-align: center; font-weight: 700; }
.searchResBG   { background-color: #FEF8E2; }
.listingDetail { background-color: #F4F4F4; border: 3px solid #9297d1; }
#search_links  { width: 95%; margin: 12px auto; background-color: #f5f5f5; font-size: 75%; text-align:center; margin-bottom: 12px; padding: 6px; }

/* Placeholder for now, may need ot build as center column when ads are added */
#content_inner  { width: 75%; margin: auto; }

/*agent search results */

.agent_display                { float: left; width: 98%; margin: 0 auto 6px auto; padding: 4px; border: 2px solid #6cb5a6; }
.agent_thumb, .no_agent_thumb { float: left; width: 60px; margin: 0 8px 0 3px; text-align: right;}
.agent_thumb img              { padding: 2px; border: 1px solid #c8c8c8; }
.agent_preview                { margin-left: 70px; text-align: left; }
.agent_preview h4             { font-size: 105%; margin:0; padding:0; }
.agent_preview h5             { font-size: 90%; margin:0; padding:0; }
.agent_preview h6             { font-size: 100%; margin:0; padding:0 4px 0; display: inline; font-style:italic; }
.agent_preview p              { font-size: 80%; margin: 0; padding:0; display: inline;  }
/*///////////////////////////////////////*/
/* end S.R                               */
/*///////////////////////////////////////*/


#participation {
                 background-color: #ffffff;
	             border-top: 4px double #306499;
	             border-left: 4px double #306499;
	             border-right: 6px solid #306499;
	             border-bottom: 6px solid #306499;
               }
#participation td     {  color: #000000; }
#participation td.blk { color: #FECDFF;  }
	   


/* specific to WRE, but border[#] is used on others */

td.border1 { background-color: #84C1C1; }
td.border2 { background-color: #408080; }
td.border3 { background-color: #F0F1F9; } 

#logo   { 
       background-color: #000000;
	   text-align:center;
	   background-image: url(/images/logobg.gif);
	    }

#navstrip   { 
       background-color: #000000;
	   text-align:center;
	   white-space: nowrap;
	   background-image: url(/images/navbg.gif);
	    }
#bottom  { 
       background-color: #000000;
	   background-image: url(/images/bottombg.gif);
	    }

/* End WRE specific styles */


/* Used only in the member control panel */

#ctrl { width: 75%; margin:auto; border-collapse:collapse; }
#ctrl td { padding: 12px; }
#ctrl_content  { font-family: verdana, helvetica, sans-serif; padding: 12px; }
#ctrl_panel_head { text-align:center;padding: 3px 12px 0 12px; margin: 0; }
#participation {
       margin: 12px auto 12px auto;
       background-color: #ffffff;
	   border-top: 4px double #00455b;
	   border-left: 4px double #00455b;
	   border-right: 6px solid #00455b;
	   border-bottom: 6px solid #00455b;
       }
#participation td     {  color: #000000; }
#participation td.blk { color: #c5be98; }

#member_url           { font-size: 80%; text-align:center; }
#member_url a { font-size: 120%; font-weight: 700; text-decoration:none; }

#announcements        { 
                        border: 1px solid #ff0000;
						background-color: #f4f4f4;
						font-family: Arial, Helvetica, Sans-Serif; font-size: 90%;
					  }
#announcements h4     { padding: 3px; margin:0px; color: #ffffff; background-color: #ff0000; }

#announcements a      { font-weight: 700; } /* in case they don't */
#announcements ul      { padding:0; margin:6px; }
 .ctrl_box li,
#announcements li,
#admin_links li          { margin:0; list-style:none; padding: 2px 0 0 3px; } 
#admin_links             { font-size: 12px; white-space: nowrap; } 
 
#message_text         { font-size:110%; }
#member_opener        { font-size: 90%; }

	  
a.side_nav:link           { color: #595cd9; font-weight: 700; text-decoration: underline; }
a.side_nav:visited        { color: #595cd9; font-weight: 700; text-decoration: underline; }
a.side_nav:active         { color: #ff0000; font-weight: 700; text-decoration: underline; }
a.side_nav:hover          { color: #0000ff; font-weight: 700; text-decoration: underline; }

 .ctrl_box                { border: 1px solid #9E9E9E; margin:0; padding:0; font-size:12px; background-color: #f8f8f8; white-space:nowrap;}
 .ctrl_subhead            { white-space: nowrap; background-color: #9E9E9E; text-align:center; }
 .ctrl_subhead  h4        { color:#ffffff; margin:0; padding: 3px 12px 2px 12px; text-align:center; }

 .ctrl_box ul, #admin_links ul { margin:6px; padding:0; }
 
 .edit_form, .other_form   { font-size: 90%; width: 95%; margin: auto; }
.edit_form                { border: 1px solid #e1e1ec; }
.edit_form td             {  padding:2px; }
.edit_form .note          { font-size: 90%; }
.edit_form .instructions  { background-color: #f1f1f5; font-size: 90%; padding: 6px; border-top: 1px solid #e1e1ec; border-left: 1px solid #e1e1ec; border-bottom: 1px solid #ffffff; }
.edit_form h3             { font-size: 90%; font-weight: 900; color: #400080; padding:0; margin:0; }
.edit_form .sec_separator { font-size: 2px; height: 2px; padding:0; background-color: #b1afcf; }
.edit_form .sec_blank     { font-size: 2px; height: 2px; padding:0; background-color: #f1f1f5; }

/* applies to all forms */

.long_field               { width: 350px; }
.med_field                { width: 130px; }
.short_field              { width: 65px; }

/* testimonials */
.sig            { font-size: 90%; text-align: right; font-style: italic; }
.testimonials_list { overflow: hidden; font-size: 80%; padding: 6px 0; }
.testimonials_list img { float: left; border: 1px solid #000000; padding:2px; } 
.tm_list_p         { margin: 0 0 0 75px; padding: 0 12px 0; }
/* testimonials */

/*///////////////////////////////////////*/
/* SIDE COLUMN AD SPACES                 */
/* font sizes must be fixed on these.    */
/*///////////////////////////////////////*/

 .ad_col { width:150px; }
#left   { padding: 0px 0px 0px 9px; }
#right  { padding: 0px 9px 0px 0px; } 

 .ad_space {
        width: 144px;
		height:144px;
	    margin: 6px;
		background-color: #ffffff;
	    border: 1px solid #000000;
}

 .ad_space td { padding: 4px; text-align: center; }
 .ad_space p { margin:0; padding: 0; font-size: 11px; }
 .agent_ad_thumb { float: left; margin: 0px 6px 6px 0px; }
 .ag_name { font-size: 13px; font-weight:700; }
 .phone { font-size: 13px; color: #ff0000; font-weight:700; }
 .ad_space .price { font-size: 14px; color: #ff0000; font-weight:700; }
 .ad_contact { font-size: 11px; font-weight:700; text-align: right; }
 .ad_page { font-size: 11px; font-weight:700; text-align: left; }
 .mem_page { font-size: 11px; font-weight:700; }

/* These will probably replace the above */

 .ad_container {
        width: 144px;
		height:144px;
	    margin: 6px;
		background-color: #ffffff;
	    border: 1px solid #000000;
}
 .ad_container td { padding: 4px; text-align:center; }
 .ad_container p { margin:0; padding: 0; }
 .template_1_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #ffffff; }
 .template_1_container p { margin:0; padding: 0; }
 .template_1_name { font-size: 15px; color: #0000ff; font-weight: 700; }
 .template_1_url { font-size: 11px; }
 .template_1_company { font-size: 10px; color: #004000; font-weight: 700; }
 .template_1_location { font-size: 11px; font-weight:700; }
 .template_1_phone { font-size: 14px; color: #ff0000; font-weight:700; }
 .template_1_email { font-size: 11px;  }
 .template_1_message { text-align: center; font-size: 11px; }
 
 .template_2_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #fff8e1; }
 .template_2_container p { margin:0; padding: 0; }
 .template_2_name { font-size: 13px; color: #0000ff; font-weight: 700; }
 .template_2_url { font-size: 11px; }
 .template_2_company { font-size: 16px; color: #004000; font-weight: 700; }
 .template_2_location { font-size: 12px; font-weight:700; }
 .template_2_phone { font-size: 15px; color: #6a006a; font-weight:700; }
 .template_2_email { font-size: 11px;  }
 .template_2_message { text-align: center; font-size: 11px; }
 
 .template_3_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #ecffff; }
 .template_3_container p { margin:0; padding: 0; }
 .template_3_name { font-size: 12px; color: #000080; font-weight: 700; }
 .template_3_url { font-size: 11px; }
 .template_3_location { font-size: 11px; font-weight:700; }
 .template_3_company { text-align: center; font-size: 10px;  }
 .template_3_phone { font-size: 13px; color: #ff0000; font-weight:700; }
 .template_3_email { font-size: 11px;  }
 .template_3_message { text-align: center; font-size: 10px; }
 
 .template_4_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #ecf9f7; }
 .template_4_container p { margin:0; padding: 0; }
 .template_4_name { font-size: 12px; color: #ff0000; font-weight: 700; }
 .template_4_url { font-size: 11px; }
 .template_4_location { text-align: center; font-size: 12px; font-weight:700; clear: both; }
 .template_4_phone { text-align: center; font-size: 14px; color: #000080; font-weight:700; }
 .template_4_email { font-size: 11px;  }
 .template_4_message { font-size: 10px; }
 
 .template_5_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #fdf2f8; }
 .template_5_container p { margin:0; padding: 0; }
 .template_5_name { font-size: 12px; color: #000080; font-weight: 700;  clear: both; }
 .template_5_url { font-size: 11px; }
 .template_5_location { text-align: center; font-size: 11px; font-weight:700; }
 .template_5_company { text-align: center; font-size: 10px;  }
 .template_5_phone { text-align: center; font-size: 13px; color: #ff0000; font-weight:700; }
 .template_5_email { font-size: 11px;  }
 .template_5_message { font-size: 10px; }
 
 .template_6_container { width: 144px; min-height:144px; margin: 6px; border: 1px solid #000000; padding: 4px; text-align:center; background-color: #ffffff; }
 .template_6_container p { margin:0; padding: 0; }
 .template_6_company { text-align: center; color: #13666c; font-size: 12px; font-weight:700;  }
 .template_6_name { font-size: 11px; color: #ff0000; font-weight: 700; }
 .template_6_url { font-size: 11px; }
 .template_6_location { text-align: center; font-size: 11px; }
 .template_6_phone { text-align: center; font-size: 14px; color: #000080; font-weight:700; }
 .template_6_email { font-size: 11px;  }
 .template_6_message { font-size: 10px; }
 
 .img_right { float: right; width: 55px; margin: 0px 6px 6px 0px;  }
 .img_left  { float: left; width: 55px; margin: 0px 6px 6px 0px; }
 
/*///////////////////////////////////////*/
/* End side columns                      */
 /*///////////////////////////////////////*/
 
a:link              { color: #3a4878; text-decoration: underline; }
a:visited           { color: #314059; text-decoration: underline; }
a:active            { color: #FF0000; text-decoration: underline; }
a:hover             { color: #9d0000; text-decoration: underline; }

/* Copied from ere - may not need this, but may be in scripts */

a.on_dark:link         { color: #ffff00; font-weight: 700; text-decoration: underline; }
a.on_dark:visited      { color: #ffff80; font-weight: 700; text-decoration: underline; }
a.on_dark:active       { color: #FF0000; font-weight: 700; text-decoration: underline; }
a.on_dark:hover        { color: #ffffff; font-weight: 700; text-decoration: underline; }

a.bold:link         { color: #3a4878; font-weight: 700; text-decoration: underline; }
a.bold:visited      { color: #314059; font-weight: 700; text-decoration: underline; }
a.bold:active       { color: #FF0000; font-weight: 700; text-decoration: underline; }
a.bold:hover        { color: #9d0000; font-weight: 700; text-decoration: underline; }