/* Coding Conventions CSS
 * - Alphabetize multiline settings. This helps avoid duplicate which could double values
 * - Soft Tabs: 2 (Use 2 spaces for tabs)
 * - Single property tag: body { margin: 0; }
 * - Multi property tag:
 *   body{
 *     margin: 0;
 *     float: left;
 *   }
 * - Use YUI %'s for font sizing
 */
 
/* Collapsible Fieldset */
@import url("collapse.css");

/*****************************************************************************
 * = YUI Overloading
 ****************************************************************************/

/* == Base */
input[type=text],input[type=password],textarea{width:auto;}
th { text-align: left; }

/* == Sam Skin */
.yui-navset .yui-content { background:#fff; }




/*****************
 * == Carousel
 *****************/
.carousel-component { 
	padding:0px 18px;
	margin:0px;
	background: #fff;
}

.carousel-component .carousel-list li { 
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:86px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}

.carousel-component .carousel-prev { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}


/*****************************************************************************
 * = Header
 ****************************************************************************/

#logo {
	float: left;
	padding-left: .3em;
	padding-top: .3em;}
	
/* == Nav */
#nav {
	min-height: 64px;
	height: 6em;
	font-size: 112%;}
  #nav a, #nav:visited{ color:#EEE; }
  #nav_login a:hover, #nav_links a:hover { color:#FFF; }


  #nav_login {
  	height: 34px;
  	text-align: right;
  	padding-top: 10px;
  }
  #nav_login a, #nav_links a{
  	margin: .5em;
  	text-decoration:none;
  }
  #nav_login a:hover, #nav_links a:hover{
  	text-decoration:underline;
  }
  #nav_links {
  	font-stretch:expanded;
  	text-align:right;
  	height: 1em;
  }

/*****************************************************************************
 * = Footer
 ****************************************************************************/
 
#footer { 
  padding-top: .6em; 
  font-size: 85%; 
  text-align: center; }

  #footer a, #footer a:visited { color:#000;}
  #footer a:hover { color:#FFF; }
  
  #footer .copyright{ float: left; width: 17em;}
  #footer .powered_by {float: right; width: 17em }
  #footer .disclaimer {float: left; width: 50em;}

  	
/*****************************************************************************
 * = Globals (Doc)
 ****************************************************************************/
html { margin:0; }



#doc-print {
  background-color:#fff;
  width:53.846em;

  *width:650px;
  min-width:700px;
}



 


a, a:visited, a:hover { text-decoration:underline; }

blockquote,ul,ol,dl { margin:.2em; }
ol, ul.bullets { margin-left:2em; }
ol.no_style li, ul li{ list-style:none; }
ul.bullets li { list-style: disc outside;}

th,td { border:none; padding:.1em; }
th {
	font-weight:bold;
	border:none;
}

.bold, b, strong, th, label {
  font-weight: 600;
  *font-weight:bold;
}

br.clear_all {
  clear:both;
  font-size:0;
  height:1px;
  line-height:0;
  margin:0;}

/*****************************************************************************
 * = Phase out
 ****************************************************************************/

.text_center {text-align: center;}
.text_right {text-align: right;}
/*****************************************************************************
 * = Headers
 ****************************************************************************/

 h1,h2,h3,h4,h5,h6,strong {
   color: #111;
   font-weight:500;
   *font-weight:bold;
   margin: .7em 0;
 }

 h1 { font-size: 146.5%; } /*19px via YUI Fonts CSS foundation*/
 h2 { font-size: 123.1%; } /*16px via YUI Fonts CSS foundation*/
 h3 { font-size: 108%; }   /*14px via YUI Fonts CSS foundation*/
 #yui-main h4{
  padding: .3em 0 .3em .3em;
 border-bottom: solid 1px #CCC;
 }

.warning {background-color:#CF4342; color:#FFF; padding: .5em; margin: .5em 0;}
.notice {background-color:#FFF3A3; padding: .5em; margin: .5em 0;}
.success {background-color:#33FF33; padding: .5em; margin: .5em 0;}


/*****************************************************************************
 * = Misc
 ****************************************************************************/
 
.clearer {
	clear:both;
	font-size:0;
	height:1px;
	line-height:0;
	margin:0;
}

hr.sep{
  border: dotted 1px #CCC;
}

.disp_none {display:none;}
.disp_norm {display:;}

.vis_hid {visibility:hidden;}
.vis_vis {visibility:visible;}

/*****************************************************************************
 * AJAX
 ****************************************************************************/

 div#indicator {
   background-color:#CF4342;color:#FFF;
   background: #CF4342 url('/images/indicator.gif') no-repeat 0 0; 
   height: 20px; 
   left: 10px; 
   position: absolute; 
   top: 10px; 
   width: 100px; 
   z-index: 900; 
 }

 #indicator[id]
 {
   position: fixed;
 }

/*****************************************************************************
 * = Module specific
 ****************************************************************************/
  
/* 
 * Home Page 
 */

 #home_searches label { font-weight:normal;}
 #home_searches h4 { text-align:center;}
 #home_photo { width:100%;}

/********************
 * Plugins 
 ********************/
.sf_icon{
  vertical-align:text-bottom;
  margin-right:.2em;
}

/********************
 * Agents
 ********************/

#resume_col_a {
	width:188px; 
	float:left; 
	margin-top:6px; 
	margin-left:6px;
}
#resume_pic {
	width:188px; 
	height:250px; 
	margin-bottom:6px;
}
#resume_col_b {
	float:right; 
	width:340px; 
	margin:6px 6px 0 6px;
}							

.agentThumb {
	
	margin-left:.3em;
	margin-bottom:.3em;
	float:left;
	padding:.2em;
}
.agentThumb .horizontal { width:26.50em; }
.agentThumb .vertical { width:none; }

.agentThumb img {
	float:left;
	margin-right:.2em; 
}
.agentPhoto img {
	padding: .4em;
	border: 2px solid;
	margin-left: .8em;
  float:left;
  border-color: #EEE;
}

/********************
 * Offices
 ********************/

.officeThumb {
	width:230px;
	margin-left:.5em;
	margin-bottom:.5em;
	border: 1px solid;
	float:left;
  padding:.2em;
}

.officeThumb img {
	float:left;
	margin-right:.2em; 
}


/********************
 * Search Results
 ********************/


 
 .mls_provider_logo_t {vertical-align:bottom;}
 
 .countyTownBox li {
 float: left;
 width: 9em;
 }

 .propertyHorizontal {
  font-size:92%;}
  

.property_thumbnail {
	float:left; 
	display:inline;
	margin:.18em;
}

.property_thumbnail.result_thumb {	
  background:#F4F4F4;
  border: 1px solid #d3d3d3;}

  /* Orientation */
  .property_thumbnail.horizontal {
    width:36em;}

  .property_thumbnail.vertical {
    width:14em;}

  /* Size */
  .property_thumbnail.small {font-size:92%;}

  /* Property Photo */
  .property_thumbnail .property_photo_frame { 
    width:14em;
    height:11em;
    overflow: hidden;}
  .property_thumbnail.small .property_photo_frame { 
    width:9em;}
    
  .property_thumbnail .property_photo_frame .property_photo { width:100%;}



  /* Property Features */
  .property_thumbnail .property_features{
    float:left;}

  /* Property Actions */
  .property_thumbnail .property_actions{
    float:left;}

    .property_thumbnail .property_actions li {
      float: left;
      width: 6em;
      font-size: 96%;}

      .property_thumbnail .property_actions li a{ text-decoration:none;}

  /* Property Header */
  .property_thumbnail .header {
  	border:1px solid #D3D3D3; 
    background: #EEE url(/images/styling/results_t_hd_bg.gif) repeat-x;}

  /* Property Source */
  .property_thumbnail .source_mls { 
    clear:both;
    font-size: 82%;
    line-height:1.2em;}
      
      
/* Property Details Page */
#property_photo {width:100%;}
      
#property_details table, #property_features table {
  font-size:92%; 
  vertical-align: top;}
  #property_details td.label, #property_features td.label{ 
    width: 7em; 
    vertical-align: top;}    
  #property_details td.value, #property_features td.value{ 
    margin-left: .2em; 
    font-weight:bold; 
    vertical-align: top;}       
#property_remarks { font-size:92%;}

#mls_last_updated, #mls_copyright { font-size:72%; }
    
.results_t_h_drag {
  height:25px;
  
}

/* Horizontal thumbnail  */
.results_ht_list {
	float:left;
}

.results_ht_image {
	float:left;
	padding-left: .2em;
}


/* Drag drop */
div.cart {
	border: 2px dotted;
	border-color:#999;
}
div.cart-active {
  border: 4px dotted;
  border-color:#933;
}
.cartItem {
	float:left;
	margin:0px;
	width:80px;
}
.cartItemRemove {text-align:center;background-color:#000;}
.cartItemRemove a ,.cartItemRemove a:visited{text-decoration:none;color:#fff;}
.cartItemRemove a:hover {color:#933;}

/* 
 * Detail Page 
 */

#map {
	width:100%;
	height:18em;
	margin-bottom:.2em;
}

#map.large 
{
  height:32em;
}

#additionalPhotos a img{margin-left: .3em;}


/********************
 * Map Results
 ********************/

.gmap_bubble {
 	height:19em;
	width:2em;
}

/********************
 * Listing Showing survey
 ********************/
 
#listing_showing_survey_form .survey_answer {
  padding-bottom:.6em;
}

/********************
 * Deal Disbursement
 ********************/
 
.agent_disbursement_form {
width: 100%;
margin-top:1em;
}

.agent_disbursement_adjustment {
margin-top:.3em;
margin-left: 5em;
}

/********************
 * Member Homepage
 ********************/

.memActShow{
  background-color:#FDD;
}

.memActStar{
  background-color:#DFD;
}

.listBox h5{
	background: #DDD url(../images/sec_hd_bg.gif) repeat-x;
}

.listBox{
	float:left;
  	background: #FFF url(../images/sec_bg.gif) repeat-x;
	width:10.1em;
	margin-right:.25em;
	margin-left:.25em
}

.listBoxLong h5{
	background: #DDD url(../images/sec_hd_bg.gif) repeat-x;
}

.listBoxLong{
	float:left;
  	background: #FFF url(../images/sec_bg.gif) repeat-x;
	width:17.1em;
	margin-right:.25em;
	margin-left:.25em
	
}

.member_home_table td {
      text-align: center;
      width: 5em;
}

.member_home_table th {
      width: 4em;
}

.member_home_cell_wide {
      width: 5em;
}

/********************
 * Town Profiles
 ********************/

.town_prof_data {
        text-align: right;
        width: 6em;
} 

.town_prof_label {
        text-align: right;
        width: 6em;
}

/********************
 * Selling
 ********************/
.seller_listing {
    vertical-align: middle;
    background-color: #F2F2F2;
    border: 1px solid #699;
    bottom-margin: 3px;
}

.seller_listing_photo {
    vertical-align: bottom;
    float: left;
    width: 33%;
}

.seller_listing_text {
    vertical-align: baseline;
    float: left;
    width: 45%;
}

.seller_listing_agent {
    float: left;
    width: 20%;
}

/********************
 * Buying
 ********************/
.buyer_profile {
    background-color: #F2F2F2;
    border: 1px solid #699;
    bottom-margin: 3px;
}

.buyer_profile_agent_photo {
    vertical-align: bottom;
    float: left;
    width: 20%;
}

.buyer_profile_text {
    ertical-align: baseline;
    float: left;
    width: 50%;
}


/********************
 * Customer Profile
 ********************/

.contact_profile_lead {
    border: 1px solid #666600;
    background-color: #F2F2F2;
    padding: 2px;
}

.lead_source {
    #background-color: #F2F2F2;
    #border-top: 4px solid #BBB;
    border-bottom: 2px solid #D9D9D9;
}

.employee_lead_horizontal {
    #background-color: #F2F2F2;
    padding-left: 2em;
    padding-bottom: 3px;
}

.contact_profile_lead_affiliates {
    
}

/********************
 * Client and customer comments
 ********************/
 
#client_comment_list .client_comment {
margin-bottom: 1.3em;
}
#client_comment_list .client_comment.private {
background: #FFF7BE;
}
#client_comment_list .client_comment .subject {
float: left;
font-weight:bold;
padding-right: 1em;
}
#client_comment_list .client_comment .meta {
font-size:92%;
float: left;
clear:both;
}
#client_comment_list .client_comment .options { 
float: right; 
font-size:92%;
}
#client_comment_list .client_comment .body {
clear:both;
padding-top:.3em;
padding-bottom:1em;
border-bottom: dotted 2px #CCC;
}


/*****************************************************************************
* = Forms
****************************************************************************/

form label { 
 width: 12em; 
 float:left;
	font-size:96%;
	margin-right: .6em;
}
form label.short { width: 5em; }
form label.auto_width { width: auto; }
legend, legend a { 
 color:#333; 
 text-decoration: none;
 font-weight:bold;
}      

.form-element{ float:left; }
.form-element-disabled
{
 float:left;
 background-color: #ccc;
}
#yui-main .label-disabled
{
  color: #CC5050;
}


.form-row
{
 clear: both;
 padding: .2em;
}

.form-row .content
{
 /* padding-left: 9em; TODO: remove this soon */
}

.form_element_help
{
 color:#666;
}

.form-errors
{
 margin-bottom: 10px;
 border: 1px solid #f33;
 background-color: #ffc;
}

.form_element_errors
{
 color:#900;
}

.form-errors h2
{
 padding: 5px 20px 5px 30px;
 font-size: 11px;
 color: #fff;
 background: #f33 url(../../images/icons/caution_24x24.png) no-repeat 5px 1px;
}

.form-errors dl
{
 padding: 5px;
}

.form-errors dt
{
 font-weight: bold;
 float: left;
 padding-right: 5px;
}

.form-errors dd
{
 margin: 0;
}

.form-error
{
 color: #f33;
}

.form-error input, .form-error select, .form-error textarea
{
 border: 1px solid #f33;
}


 
/* Section Header */
.sec h3, .results_nav{
  background: #DDD url(/images/styling/sec_hd_bg.gif) repeat-x;
  border: solid 1px #CCC;
  margin-bottom:.2em;
  padding: .2em;
}

/*****************************************************************************
 * Manager reports
 ****************************************************************************/

.lead_report_cell {
width: 6em;
}

.lead_report_cell_long {
width: 15em;
}