/* METROWEB STYLES  ----------------------------------------------------------------------------  */



/* GLOBAL STYLES  */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
 font-family: arial, helvetica, verdana, sans-serif !important;
 background: #c0c0c0 /* url("images/bkg.jpg") top left repeat */;
 color: #000000;
 text-align: center;
 behavior:url(csshover.htc); /* Required for IE Win to properly render menu hover function */
 margin: 20px 0 20px 0 !important;
 font-size: 12px; 
}


/* LAYOUT */

div#wrapper { width: 750px; display: table; margin: 0 auto; background: #ffffff url("images/bkgtile.jpg") top left repeat-y; }

div#headwrap { width: 100%; display: table; }
div#datetime { background: #000000; padding: 2px 5px; color: #FFFFFF; text-align: right; font-size: 10px; }
div#heading { width: 100%; height: 126px; background: #00349A url("images/heading_new.jpg") top left no-repeat; }

table#content { width: 100%; }
table#content td { vertical-align: top; text-align: left; }
table#content td#leftcol { width: 170px; }
table#content td#maincol { width: 580px; }

div.clearfloat { clear: both; width: 100%; height: 10px;}
td.gutter { width: 15px; }

table#footerwrap { width: 100%; }
table#footerwrap td#leftfoot { width: 170px; background: #E8E8E8; }
table#footerwrap td#rightfoot { width: 580px; background: #ffffff; }
table#footer { width: 100%; height: 45px; font-size: 11px; border-bottom: 1px solid #000000; }
table#footer td { text-align: center; vertical-align: middle; }
table#footer td#hsmetro, table#footer td#metroweb { width: 20%; }
table#footer td#copyright { width: 60%; }

*>html div#wrapper { display: inline-table; }
*>html div#headwrap { display: inline-table; }



/* GENERAL TEXT STYLES */

p { font-size: 12px; margin-bottom: 5px; }
p.footnote { font-size: 11px; margin: 0; }
ul { list-style-position: outside; margin: 10px 30px 10px 30px; }
li { font-size: 12px; margin: 0 0 2px 0; } 

h1 { font-size: 24px; margin-bottom: 5px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; margin-bottom: 10px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; margin-bottom: 5px; }

#addressyou { font-size: 34px; color: #00349A; text-align: left; margin-bottom: 10px; }
.blue { font-size: 24px; color: #00349A; margin: 0; }
.red { font-size: 18px; color: #ff0000; }
.bluesmaller { font-size: 18px; font-weight: bold; color: #00349A; }


/* GENERAL ELEMENT STYLES */

input, select, textarea { font-size: 11px; padding: 1px; margin-bottom: 3px; font-family: arial, helvetica, sans-serif; }


/* MENU adjust colors, borders, backgrounds and styles to format the menu to have the look you'd like */

/* full width buttons (go the full width of the left column) */ 
div#menuwrap { width: 150px; margin: 10px; auto; }
div#menuwrap ul { width: 100%; list-style-type: none; margin: 0; padding: 0; }
div#menuwrap li { margin: 0 0 3px 0; padding: 0; border: 1px solid #000000; }
div#menuwrap a { display: block; text-decoration: none; font-weight: bold; padding: 4px 6px; }
div#menuwrap a:link, div#menuwrap a:visited { color: #000000; background: #ffffff; }
div#menuwrap a:hover, div#menuwrap a:active { color: #ffffff; background: #00349A; }


    /* Individual Link Styles - uncomment if needed 
    
    div#menuwrap li.menuhome {}
    div#menuwrap li.menusearch {}
    div#menuwrap li.menuview {}
    div#menuwrap li.menuagents {}
    div#menuwrap li.menuabout {}
    div#menuwrap li.menucontact {}
    div#menuwrap li.menucalculator {}
  
    */


/* LINKS */

a { text-decoration: none !important; }
a:link { color: #0000FF; }
a:visited { color: #585858; }
a:hover, a:active { color: #FF0000; } 


/* MAIN COLUMN STYLES */

div#metrocontent { width: 96%; margin: 10px auto; display: table; }
div#content { width: 100%; }

*>html div#metrocontent { display: inline-table; }



/* IMAGE STYLES */

p.image { margin-bottom: 0; }

	/* picture with border only */
	.picborder { border: 1px solid #000000; margin-bottom: 3px; }
	
    /* with border */
	.picleft { float: left; margin: 3px 10px 10px 0; border: 1px solid #000000; }
	.picright { float: right; margin: 3px 0 10px 10px; border: 1px solid #000000; }

	/* without border */
	.picleftnb { float: left; margin: 3px 10px 10px 0; }
	.picrightnb { float: right; margin: 3px 0 10px 10px; }





/* OPEN REALTY STYLES  ----------------------------------------------------------------------------  */

/* WELCOME - HOME PAGE STYLES */
table.welcome, table.page_display { width: 100%; }
table.page_display td.introcol { text-align: left; vertical-align: top; width: 440px; }
table.page_display td.listingscol { padding-top: 6px; text-align: center !important; vertical-align: top; width: 125px; background: #f1f1f1; }
table.featured_listings { margin: 0 auto 8px auto; }
table.featured_listings td { text-align: center !important; }
table.featured_listings img { border: 1px solid #000000; margin: 3px 0 1px 0; }
*>html table.featured_listings { margin-right: auto; margin-left: auto; }


ul.homepage { font-weight: bold; margin-top: 0; }
ul.homepage li { font-size: 14px !important; color: #4d4d4d; }
.centerdiv { text-align: center; clear: both; padding: 10px 0; }

.threecol { margin: 0 auto; }


#contactfooter { width: 100%; margin-top: 20px; }
#contactfooter td { text-align: left; vertical-align: top; padding: 2px 2px 0 2px; }
#contactfooter td.calltoday { width: 30%; border-width: 0 1px 1px 0; border-style: solid; border-color: #000000; }
#contactfooter td.mailbox { width: 20%; text-align: center; vertical-align: middle; }
#contactfooter td.emailcontact { width: 50%; border-width: 0 1px 1px 0; border-style: solid; border-color: #000000; }
#contactfooter p { margin-bottom: none !important; padding: 0; }
#contactfooter td.mailbox img { margin: 0; }


/* ABOUT US PAGE */

.aboutusinfo { margin-bottom: 10px; display: table; width: 100%; border-top: 1px solid #b5b5b5; }
.aboutusinfo td { padding-top: 10px; }
.aboutusinfo p.agentname { font-size: 22px; font-weight: bold; color: #00349A; }


/* Contact Us Page */

table#contactform { width: 100%; }
table#contactform td { padding: 1px 5px; vertical-align: top; }
table#contactform td.formlabel { text-align: right; width: 25%; font-weight: bold; }

table#contactform input, select, textarea { font-size: 12px; border: 1px solid #000000; }

table#contactform h5 { margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #b5b5b5; }




/* VIEW AGENTS-USERS PAGE */

   /* multiple agents-users */
   div.view_users { display: table; width: 100%; }
   div.view_users h1 { margin-bottom: 15px; }
   table.view_users_user_table { width: 100%; }
   table.view_users_user_table td.agentpictures { vertical-align: top; text-align: left; width: 120px; padding: 15px 0 15px 0; border-top: 1px solid #b5b5b5; }
   table.view_users_user_table td.agentinformation { vertical-align: top; text-align: left; padding: 15px 0 15px 0; border-top: 1px solid #b5b5b5; }
   table.view_users_user_table h4 { margin-bottom: 0; }
   table.view_users_user_table td.agentpictures img { border: 1px solid #000000; }
   table.view_users_user_table td.agentinformation  { margin-bottom: 10px; }
  
  
   *>html div.view_users { display: inline-table; }
   
   /* Single User Page */
   .view_user { display: table; width: 100%; }
   .view_user h1 { margin-bottom: 0; }


   .view_user table.view_users_user_table { width: 100%; }
   .view_user table.view_users_user_table td.agentpictures { vertical-align: top; text-align: left; width: 120px; padding: 8px 0 0 0; border-top: 1px solid #b5b5b5; }
   .view_user table.view_users_user_table td.agentinformation { vertical-align: top; text-align: left; padding: 0 0 0 0; border-top: 1px solid #b5b5b5; }
   .view_user table.view_users_user_table h4 { margin-bottom: 0; }
   .view_user table.view_users_user_table td.agentpictures img { border: 1px solid #000000; }
   .view_user table.view_users_user_table td.agentinformation  { margin-bottom: 10px; }

/* SEARCH LISTINGS */
form#class_search_form { margin: 10px 0; width: 100%; font-size: 12px; font-family: arial, helvetica, sans-serif; }
form#class_search_form input { font-size: 12px; border-width: 1px; padding: 1px; margin-right: 2px; font-family: arial, helvetica, sans-serif; }
form#class_search_form fieldset { padding: 8px; border: 1px solid #000000; }
form#class_search_form legend { padding: 0 2px; font-size: 12px; font-weight: bold; }
    input#class0, input#class1, input#class2, input#class3, input#class4, input#class5, input#class6, 
    input#class7, input#class8, input#class9, input#class10, input#class11, input#class12, input#class13, 
    input#class14, input#class15, input#class16, input#class17, input#class18, input#class19,  
    input#class20, input#class21 { padding: 0; margin: 0 2px 0 0; vertical-align: middle; }    


  /* no results page */
   div.no_results { font-weight: bold; margin-bottom: 15px; }
   table.form_main { width: 100%; margin: 0 auto; }
   table.form_main td.listingscol { padding-top: 6px; text-align: center !important; vertical-align: top; width: 125px; background: #f1f1f1; }
   table.form_main td.searchresults { text-align: left; vertical-align: top; width: 425px; }
   .searchpage_field_caption { padding: 3px 5px 0 0; vertical-align: top; font-family: arial, sans-serif; font-size: 12px; width: 150px; }
   
   *>html table.form_main { margin-right: auto; margin-left: auto; }
   
   /* results page */
   table.searchresults { width: 100%; }
   table.searchresults img { border: 1px solid #000000; margin-bottom: 2px; }
   table.searchresults td { text-align: left; padding: 0; vertical-align: top !important; }
   table.searchresults td.descrip { padding-top: 0px; }
   table.searchresults td.title { height: 15px; }
   table.searchresults td.cols a:link, table.searchresults td.cols a:visited { color: #ffffff; }
   table.searchresults td.cols a:hover, table.searchresults td.cols a:active { color: #ff0000; }
   table.searchresults h6.propertytitle { background: #f1f1f1; padding: 2px 4px; }
   table.searchresults td.dividingrule { border-top: 1px solid #f5f5f5; font-size: 1px; height: 6px; } 
   
   
   
   

/* LISTING PAGE */

p.listagenthead { font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; background: #000000; padding: 1px 2px 3px 4px; }
div.listingimages { padding: 8px; background: #f1f1f1; text-align: center; font-size: 11px; }
div.listingimages img { border: 1px solid #000000; margin-bottom: 3px; }
table.listingdetails p { margin-bottom: 0 !important; }
div.listingimages hr { border: 0 none; }


/* CONTACT POPUP */

table#contact { width: 90%; margin: 0 auto; }
table#contact td { padding: 2px; vertical-align: top; text-align: left; }
.contactlabel { float: left; width: 120px !important; padding-right: 5px; text-align: right; font-family: arial, sans-serif; font-size: 12px; }


/* CALCULATORS  POPUP */
div#popupbkg { width: 75%; display: table; padding: 20px; background: #ffffff; margin: 10px auto; }
div#popupbkg table { width: 100%;  }
div#popupbkg table td { text-align: left; font-size: 11px; }
div#popupbkg table td input { font-size: 11px; border: 1px solid #000000; }
div#popupbkg table td select { padding: 0; font-size: 11px; }
div#popupbkg table.calculator td { text-align: left !important; }
div#popupbkg table.calculator td p { text-align: left !important; }
div#popupbkg table.calculator input { margin-left: 5px; font-size: 11px; border: 1px solid #000000; }



/* VIEW IMAGE and CAPTIONS */
.view_image { Text-align: center; font-size: 12px; margin: 10px; }
.view_image img { border: 1px solid #000000; margin: 8px 0 5px 0;}
.image_caption { font-size: 14px; font-weight:bold; }



/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */

.browse_tool_table { width: 100%; font-size: 11px; color: #000000; }
.browse_tool { font-size: 11px; color: #000000; }
.browse_tool_num { color: #336699; }

.browse_tool_button a {
    font-family: arial, sans-serif;
    background-color: #c0c0c0;
	font-size: 10px;
	text-align: center;
	border: 1px outset #000000;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	width: 100px;
	padding: 3px 0 5px 0;
 	display: block;
}
.browse_tool_button a:visited { color: #000000; }
.browse_tool_button a:hover, .browse_tool_button a:active { color: #000000; border: 1px inset #000000; }

.browse_tool_ghost { font-size: 10px; line-height: 10px; color: #aaaaaa; text-decoration: none; text-align: center; }

.browse_tool_curpage { background: #132975; color: #ffffff; padding: 1px 3px; display: block; text-align: center; }
.bt_pages { font-family: arial, sans-serif; vertical-align: middle; color: #000000; }
.bt_pages_ghost{ color:	#aaaaaa; }
a.bt_pages { color: #000000; display: block; text-align: center; padding: 1px 3px; }
a.bt_pages:visited { color: #000000; }
a.bt_pages:hover, a.bt_pages:active { color: #ffffff; background: #FF0000; }


/* DISCLAIMER */
div#disclaimer { margin: 10px 0; font-size: 11px; padding: 8px; background: #f1f1f1; }