/* CREA 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,body       { 
                  font-family: Arial, Helvetica, Sans-Serif;
                  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; }
body.listing_bg {
		         background-image:url(/images/listing_bg.gif);
		         background-repeat: repeat-x;
               }
		
/* main structural elements */

#header-row   {
                background-image: url(/images/header_bg-new.gif);
			    background-repeat: repeat-x;
				text-align: center;
			  }

#header       {
                background-image: url(/images/header_bg-new.gif);
			    background-repeat: repeat-x;
			    height: 101px;
				width: 616px;
				margin:0 auto 0 auto;
	            text-align:center;
              }  

.main         { background-color: #ffffff; }

#left-border  { background-image: url(/images/left-border.gif); }
#right-border { background-image: url(/images/right-border.gif); }

#left-border,right-border {
                width: 13px;
	            background-color: #000000;
	            background-repeat: repeat-y;
	          }

#crea-content { background-color: #ffffff; }

#top_nav      {
		        text-align: center;
				white-space: nowrap;
		        margin:0;
		        padding:0;
		      }

/* dynamic member info area */

#bottom_content { border: 1px solid #D0BFDE; }
   
#bottom_header {
              padding: 6px 0px 3px 0px;
              background-color: #EFE9F4;
              border-top: 3px solid #C9B5DA;
              border-bottom: 2px solid #D0BFDE;
}
#bottom_header h3 {
              color:#71114A;
              padding-left:6px;
              display: inline;
}

#login_form {
              margin: 0px 0px 6px 0px;
              font-size:95%;
              text-align:right;
              color: #71114A;
              white-space:nowrap;
              background-color: #EFE9F4;
              padding: 8px;
              border-top: 3px solid #C9B5DA;
			  border-bottom: 2px solid #D0BFDE;
              margin-bottom: 0px;
        }

.bot_cols {
    font-size: 95%;
    width:46%;
	padding: 12px 12px 12px 6px;
	margin: 0;
}

.bot_cols p { font-size: 95%;  padding: 0 0 6px 0; margin: 0; clear: both; }
.bot_cols p img { float: right; margin-top: .5em; margin-left: .5em; }
.bot_cols h3,.bot_cols h4 { font-size: 1.1em; margin: 0; padding: .2em 0 1em 0; }

#bc_left {
	float: left;
	border-right: 1px solid #b39dbd;

}
#bc_right {
	float: right;
}

/* search box area */

#search-box   {
                width: 572px;
				margin: 0 auto 0 auto;
				font-size: 12px;
				white-space: nowrap;
              }
#search-top   {
                background-image: url(/images/search-top.gif); 
				background-repeat: repeat-x;
              }

#search-box form { margin:0; padding:0; }
#search-border-left { background-image: url(/images/search-border-left.gif); background-repeat: repeat-y; }
#search-border-right { background-image: url(/images/search-border-right.gif); background-repeat: repeat-y; }
#s-botleft    { float: left;  padding:0; margin:0; }
#s-botright   { float: right; padding:0; margin:0; }
#advanced-search { text-align: center; font-size:12px; font-weight: 700; font-style: italic; padding:0; margin:0; }

/* page bottom */

#bottom       {
                background-image: url(/images/bottom_bg.gif);
	            background-repeat: repeat-x;
                background-color: #000000;
	            text-align:center;
              } 
#bottom img   { margin: 0 auto 0 auto; }

h1,h2,h3,h4,h5 { color: #004040;  }
h1,h2,h3       { text-align:center; }
h1             { font-size: 24px; font-weight: 700; }
h2             { font-size: 20px; font-weight: 700; }
h3             { font-size: 18px; font-weight: 700; }
form label     { font-weight: 700; }
.footlinks    { 
                font-size: 12px;
				text-align:center;
			   }
.footlinks ul  { white-space:nowrap; margin: 0; padding: 0;}
.footlinks ul li { list-style-type:none; display: inline;  }
.blk           { background-color: #000000; color: #ffffff; font-weight: 700; text-align: center; }
.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; }
 
/* Search results and details but used on other areas */
.searchHead   { background-color: #FFEDCA; color: #000000; text-align: center; font-weight: 700; }
.searchResBG  { background-color: #FEF8E2; }
.listingDetail { background-color: #F4F4F4; border: 3px solid #5514C0; }
.listHead     { font-weight: 700; font-size: 16px; color: #5514C0; }
#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: 90%; margin: auto; }
#login_form form { padding:0px; margin:0px; }
#login_form input { font-size: 85%; }
/* form label defined in master sheet ere2.css */

/*agent search results */

.agent_display                { float: left; width: 98%; margin: 0 auto 6px auto; padding: 4px; border: 1px solid #c2c2d3; border-top: 4px solid #c2c2d3; }
.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 */
   
/* 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 #00006c;
	   border-left: 4px double #00006c;
	   border-right: 6px solid #00006c;
	   border-bottom: 6px solid #00006c;
       }
#participation td     {  color: #000000; }
#participation td.blk { color: #ffdf00; }

#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; }
 
 .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; }
.form_error               { color: red; }

/* 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: #400080; text-decoration: underline; }
a:visited           { color: #9F6800; text-decoration: underline; }
a:active            { color: #FF0000; text-decoration: underline; }
a:hover             { color: #7029a9; text-decoration: underline; }

a.bold:link         { color: #400080; font-weight: 700; text-decoration: underline; }
a.bold:visited      { color: #9F6800; font-weight: 700; text-decoration: underline; }
a.bold:active       { color: #FF0000; font-weight: 700; text-decoration: underline; }
a.bold:hover        { color: #7029a9; font-weight: 700; 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; }

/* top nav links */
#top_nav a:link         { color: #23669c; font-weight: 700; text-decoration: none; }
#top_nav a:visited      { color: #275c98; font-weight: 700; text-decoration: none; }
#top_nav a:active       { color: #FF0000; font-weight: 700; text-decoration: none; }
#top_nav a:hover        { color: #0000ff; font-weight: 700; text-decoration: none; }

#member_dd ul a:link    { color: #23669c; font-weight: 700; text-decoration: none; }
#member_dd ul a:visited { color: #275c98; font-weight: 700; text-decoration: none; }
#member_dd ul a:active  { color: #FF0000; font-weight: 700; text-decoration: none; }
#member_dd ul a:hover   { color: #0000ff; font-weight: 700; text-decoration: none; }

.pagelink {
    border        : 1px solid darkblue;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    font-size     : 94%;
}
.pagelink:hover {
    border        : 1px solid darkblue;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    font-weight   : bold;
    background    : gold;
    font-size     : 94%;
}
.pagenolink {
    border        : 1px solid lightgray;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    color         : lightgray;
    font-size     : 94%;
}

.button:link    {text-decoration:none}
.button:visited {text-decoration:none}
.button:hover   {text-decoration:none}
.button:active  {text-decoration:none}

.agent_title:link    {text-decoration:none;color:black}
.agent_title:visited {text-decoration:none;color:black}
.agent_title:hover   {text-decoration:underline;color:blue}