body
{
    width: 100%;
    font-family:Arial, Helvetica, sans-serif;
	font-size:86%;
    background: url(Images/bg-main.PNG);
    background-repeat: repeat-x; 
    margin:0px;

    
    
}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}

h2 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: normal;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {
    margin: 2em 0;
    line-height:1.4;
}
a {
	text-decoration:none;
 /*	color:#CC3300; */
    color:Blue;
       
 
}

a:hover {text-decoration:underline;}


#wrapper
{
     min-width:1080px;
    _width:1080px;
}
* html #wrapper{	width: expression(document.body.clientWidth <910 ? "950px" : "100%" );}

<!--[if IE 6]>
<style>
wrapper {width: expression(document.body.clientWidth > 850 ? "850px" : (document.body.clientWidth < 571 ? "570px" : "94%"));}
</style>
<script type="text/javascript">
function calcWidth() {
document.getElementById('wrapper').style.width = document.body.clientWidth > 850 ? '850px' : (document.body.clientWidth < 571 ? '570px' : '94%')
}
onbeforeprint = function() {document.getElementById('wrapper').style.width = '100%';}
onafterprint = calcWidth;
onresize = calcWidth;
</script>
<![endif]-->


#error_message
{
    color:Red;
    
   
    
}

.errorMessage span
{
    color:Red;
    
}



#register_user_content
{
    width:500px;
    float:left;
    
}
#register_user_content_info
{
    width:300px;
    margin-left:50px;
    clear:right;
    float:left;
    
    
}





.labelTransparent
{
    width:200px;
}
.labelTransparent span
{
    float:left;
}


#upload_picture
{
  
  width:65%;
  float:left;
  margin:0px 0 10px 5px;
  padding-left:20px;
  
}

#upload_floorplan
{
  
  width:500px;
  float:left;
  margin:0px 0 10px 5px;
  padding-left:20px;
  
}
#display_picture
{
  
  width:220px;
  margin-top:0px;
  margin-left:70%;
  height:200px;

}
#pictureAlbum
{
    width:90%;
    padding-left:20px;
}
#floorplanAlbum
{
   width:500px;
   padding-left:20px;
   margin-left:100px;
}
/*Popup Control*/
.popupControl{
	background-color:#FFF2FF;
	position:absolute;
	visibility:hidden;
	z-index:200;
}




#property_search_property_item
{
    
    border:1px ridge #F2F2FF;
    min-height:130px;
    _height:130px;
    
}


#property_search_picture
{
  
  
  width:165px;
  height:125px;
  float:left;
  padding:5px;
  
  
}


#property_search_description
{
  
  
  margin-left:180px;
  
  
    
  

}



/******* Property Details Page ********/




#property_details_picture
{
  
  width:450px;
  float:left;

}


  

#details_bedroom
{
    border-style:ridge;
    border-width:1px;
    
    padding-left:1%;
    margin-right:3%;

}



#details_kitchen, #details_lounge, #details_bathroom, 
#details_toilet,  #details_parking,  #details_garden, #details_additional    
{
    
    border-style:ridge;
    border-width:1px;
   /* border-color:#FCCFFF; */
    padding-left:1%;
    margin-right:3%;
}
       
       
.currentmyamaze
{
 padding-right:15px;
 background-position:right;    
 background-image:url(Images/arrow2.gif);
 background-repeat:no-repeat;  
 background-color:Yellow;
 font-weight:bold;
   
}  























.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

/*Textbox Watermark*/

.unwatermarked {
	
	width:148px;
	font-weight:bold;
	
}

.watermarked {
	
	padding-left:2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	
}



.progressBar
{    
border:1px solid Red; 
background-color:#F0F8FF;
position:fixed;
left:40%;
top:40%;
Width:150px;
height:42px;
z-index:1000;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 1px;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color :Ivory;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 120px;
    text-align : left; 
    list-style-type : none;
    font-size:10px;
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	font-size:11px;
	cursor :pointer;
	text-transform:capitalize;
	
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : Ivory;
	color : Black;
	padding : 1px;
	font-size:10px;
	text-transform:capitalize;
}



/* Popup Control Extender Autocomplete */

.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
    
}

.innerPopup
{
    background-color:Ivory;
    
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFEE; 
    
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}


.ContextMenuPanel 
{
	border: 1px solid #FFE6A0;
	z-index: 100000;
	/* background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA; */
	background-color:#FAFAFF;
	cursor: pointer;
	padding: 5px 1px 5px 5px;
	font-size: 11px;
	height:400px;
	width:150px;
	overflow:auto;
	
	
	
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}












.flyOutDiv
{
     display: none; 
     position: absolute; 
     
     width: 98%; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
     font-size: 14px; 
     border: solid 3px #CCCCCC; 
     background-color: Black; 
     padding: 5px;
     top:0px;
     left:0px;

} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 







/* Heading Design */

.amaze_heading_container h1,.amaze_heading_container h2,.amaze_heading_container h3,.amaze_heading_container h4,.amaze_heading_container h5,.amaze_heading_container h6,.previous_next_container h1,.previous_next_container h2,.previous_next_container h3,.previous_next_container h4,.previous_next_container h5,.previous_next_container h6,.rounded_box h1,.rounded_box h2,.rounded_box h3,.rounded_box h4,.rounded_box h5,.rounded_box h6{
    padding:5px 8px 10px 10px;
    margin:0;
    font-size:1.1em;
    font-weight:bold; 
    position:relative;
   
}


.amaze_heading_container,.amaze_heading_right_top{
    background:url(Images/bg_heading.png) no-repeat;
    width:100%;
    position:relative;
    _height:1px;
}

.amaze_heading_right_top{
    background-position:0 -70px;
    height:5px;
    width:5px;
    float:right;
    overflow:hidden;
   
}

/* Bucket Design */





.amaze_bucket_container{
    background-image:url(Images/bg_bucket_alt.png);
    background-repeat:repeat-x;
    background-position:0 -92px;
    min-height:1px;
    _height:1px;
    position:relative;
    width:100%;
    
}

.amaze_bucket_container_display_picture{
    
    
    background-repeat:repeat-x;
    background-position:0 -92px;
    min-height:1px;
    _height:1px;
    position:relative;
    width:100%;
    
}


.amaze_bucket_top{
    border-left:2px solid #99CCCC;
    border-right:2px solid #99CCCC;
    background:url(Images/bg_bucket.png) no-repeat;
    height:10px;
}

.amaze_sub_bucket_top{
    border-left:1px solid #99CCCC;
    border-right:1px solid #99CCCC;
    background:url(Images/bg_bucket.png) no-repeat;
    height:10px;
}

.amaze_bucket_top span{
    background:url(Images/bg_bucket.png) no-repeat right -10px;
    width:10px;
    height:10px;
    float:right;
    overflow:hidden
}

.amaze_basic_top_white{
    background:url(Images/bg_bucket_alt.png) no-repeat right -80px;
    height:10px
}
.amaze_basic_top_white span{
    background:url(Images/bg_bucket_alt.png) no-repeat left -68px;
    width:10px;
    height:10px;
    float:left;
    overflow:hidden
}
.amaze_bucket_content{
    border-left:2px solid #99CCCC;
    border-right:2px solid #99CCCC;
    min-height:1px;
    _height:1px;
    position:relative;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    
}
.light_sky_blue
{
    background-color:#F9F9FF;
}
.light_green
{
   background-color:#F9F9FF;
}

.amaze_sub_bucket_content{
    border-left:1px solid #99CCCC;
    border-right:1px solid #99CCCC;
    min-height:1px;
    _height:1px;
    position:relative;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
}

.amaze_bucket_content_display_picture{
    border-left:2px solid #99CCCC;
    border-right:2px solid #99CCCC;
    min-height:1px;
    _height:1px;
    position:relative;
    padding-left:10px;
    padding-top:10px;

}

.amaze_bucket_content_tenant_advert{
    border-left:2px solid #99CCCC;
    border-right:2px solid #99CCCC;
    min-height:1px;
    _height:1px;
    position:relative;
    padding-left:10px;
    padding-top:10px;

}

.amaze_bucket_bottom{
    background-image:url(Images/bg_bucket.png);
    background-repeat:no-repeat;
    background-position:0 -22px;
    
    height:10px;
    margin-bottom:4px
}

.amaze_bucket_bottom span{
    background:url(Images/bg_bucket.png) no-repeat right -34px;
    width:12px;
    height:10px;
    float:right;
    overflow:hidden
}


.clear{
    clear:both;
    height:1px;
    font-size:1px;
    padding:0;
    margin:0
}












.button_mouse_over
{    
    border-color:#CCFF00;
    cursor:pointer;
}

.button_mouse_out
{
    background:none;
 

}

.textbox
{ 
    border-color:#99CCCC;
    border-style:Solid;
    border-width:1px;
}

.textbox_mouse_over
{    
    border-color:#11AAAA;
    border-style:Solid;
    border-width:1px;
    background-color:Ivory;
}

.textbox_mouse_out
{
    border-color:#99CCCC;
    border-style:Solid;
    border-width:1px;
 

}



.tablestyle{
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8.5pt;
	border-color: #CDCDCD;
	width:100%;
	color: #3D3D3D;
}
.tablestyle td, .tablestyle th{
	border-color: #CDCDCD;
}
.alternatingrowstyle{
    background-color:#F0F0F6;
}
.headerstyle {
    background-color:#99DD99;
    background-image: url(images/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 20px;
    
}  
.headerstyle a{
	text-decoration:none;
    color:black;
	display:block;
}    
.rowstyle{
	background-color: #FFF;
}
.rowstyle td, .alternatingrowstyle td {
	padding: 4px;
	
}
.sortascheaderstyle{
    background-image: url(images/sort_asc.gif);     
    background-color: #8dbdd8; 	
    background-repeat: no-repeat;
    background-position: center left; 
    padding-left: 20px;      
}
.sortdescheaderstyle{
    background-image: url(images/sort_desc.gif);     
    background-color: #8dbdd8; 	
    background-repeat: no-repeat;
    background-position: center left; 
    padding-left: 20px;      
}

.pagerstyle
{
    text-align:center;
    font-size:10pt;
    font-weight:bold;
    background-color:#99DD99;
}


/* Master Page Layout */
#master_header
{
	
	width: 100%;
	
	
	
}
#masterRentalProperty_header
{
    width: 100%;
	
    
}

#master_headertop
{
	height:18px; 
	
	
	
	font-size:80%;
	
	
}
.loginUserName
{
	float:left;
	
}


#master_headerbottom
{
	
	/* height:15px; */
	
	
	
}
.LoginRegister
{
	float:right;
	
}

#top_advert
{
    height:40px;
    text-align:center;
}


.UserFunctionLink
{
	float:right;
	font-size:0.6em;
}

#master_page
{
	
	width: 100%;
		margin:0;
	padding:0;
	
}

#master_content
{
	
	width:100%;
	margin:0;
	padding:0;
	
}


#master_contentplaceholder
{
	
font-size: 0.8em;
margin-right:175px;
}
#master_contentplaceholder_memberaccount
{
	
font-size: 0.8em;
}

#master_advertplaceholder
{
	
font-size: 0.8em;
width:170px;
float:right;
text-align:center;


}

#master_footer
{
	
	margin-top:10px;
	font:11px verdana, arial, helvetica, sans-serif; 

}
.div_message
{
  
    border:solid 1px #DEDEDE;
    background:#FFFFCC url(12-em-check.png) 8px 6px no-repeat;
    color:#222222;
    padding:4px;
    text-align:center;
    width:300px;
    margin-left:35%;
    
}




#Tabheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("bg1.gif") repeat-x bottom;
  font-size:90%;
  line-height:normal;
  margin-bottom:0px;
  }
#Tabheader ul {
  margin:0px;
  padding:10px 10px 0;
  list-style:none;
  }
#Tabheader li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:1px;
  padding:0 0 0 9px;
  }
  
  #Tabheader li:hover {
  float:left;
  background:url("left_on.gif") no-repeat left top;
  margin-left:3px;
  margin-right:3px;
  margin-top:1px;
  margin-bottom:1px;
  padding:0 0 0 9px;
  }
  
#Tabheader a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#Tabheader a {float:none;}
/* End IE5-Mac hack */
#Tabheader a:hover {
  color:#333;
  float:left;
  display:block;
  background-image:url("right_on.gif");
  padding-bottom:5px;
  }
#Tabheader #current {
  background-image:url("left_on.gif");
  }
#Tabheader #current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

#Tabheader #propertyList
{
    float:right;
}
#Tabheader #propertyList a
{
    padding-bottom:3px;
}



/* Tab Header Class \*/



.Tabheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("bg1.gif") repeat-x bottom;
  font-size:90%;
  line-height:normal;
  margin-bottom:5px;
  
  }
.Tabheader ul {
  margin:0px;
  padding:10px 10px 0;
  list-style:none;
  }
.Tabheader li {
  float:left;
  background:url("left_on.gif") no-repeat left top;
  margin:1px;
  margin-bottom:0px;
  padding:0 0 0 9px;
  }
  
  .Tabheader li:hover {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin-left:3px;
  margin-right:3px;
  margin-top:1px;
  margin-bottom:0px;
  padding:0 0 0 9px;
  }
  
.Tabheader a {
  float:left;
  display:block;
  background:url("right_on.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#0000A0;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.Tabheader a {float:none;}
/* End IE5-Mac hack */
.Tabheader a:hover {
  color:#fff;
  float:left;
  display:block;
  background-image:url("right.gif");
  padding-bottom:5px;
  }
.Tabheader .current {
  background-image:url("left.gif");
  }
.Tabheader .current a {
  background-image:url("right.gif");
  color:#fff;
  padding-bottom:5px;
  }

.Tabheader .special {
  background-image:url("left_on.gif"); 
  border-bottom:0px solid black;
  margin-bottom:0px;
  }
.Tabheader .special a {
  background-image:url("right_on.gif");
  color:#00F;
  padding-bottom:4px;
  }


.Tabheader .propertyList 
{
    float:right;
}
.Tabheader .propertyList a 
{
    padding-bottom:3px;
}


.help
{
    clear:both;
    color:Gray;
    
}


.dviDisclaimer
{
    color:Gray;
    padding:5px;
    border-top:1px solid gray;
    font-style:italic;
}


.headingpreview
{
    color:Maroon;
   /* background-color:#BBDDDD; */
    background-color:#BBDDDD;
    padding:2px;
    padding-left:5px;
    font-weight:bold;
    height:15px;
}

.spanHeading
{
   color:Maroon;
   /* background-color:#BBDDDD; */
    background-color:#CCEEEE;
    font-weight:bold;
    padding:5px;

    
   
}

.divDetailsSectionHeader
{
        margin-bottom:5px;
    
}
.divDetailsSection
{
    border-top:1px solid #BBDDDD;
    margin-bottom:10px;
}




.heading5
{
    color:Maroon;
   /* background-color:#BBDDDD; */
    background-color:#BBDDDD;
    padding:2px;
    padding-left:5px;
    font-weight:bold;
  

}
 
/*  HOVER EFFECT   */
/*  Add the following line 

onMouseOver="this.className='mouse_over';"  onMouseOut="this.className='mouse_out';" 

*/


.photo_over {background:Ivory;}
.photo_out {background:none;}



.mouse_over 
{
   /* background:#E8F1F6; */
    background:Ivory;
    font-weight:bold;
    color:Maroon;
}
.mouse_out {background:none;}





.divrow
{
    width:100%;
    _height:24px;
    min-height:24px;
    border-bottom:1px solid #F2F2FF;
    padding-top:4px;

    
    
}


.divrowMyAdvert
{
    width:100%;
    _height:24px;
    min-height:24px;
    border-bottom:1px solid #FFFFFF;
    padding-top:4px;

    
    
}

.spancol1
{
    
    width:30%;
    float:left;    
    color:Black;
    min-width:150px;
    _width:150px;
    
}
.spancol2
{
    
    width:50%;
    float:left;
    color:Maroon;
    min-width:300px;
    _width:300px;
    
}
.divrowMydetails
{
    
    height:24px;
    border-bottom:1px solid #F2F2FF;
    padding-top:4px;
    
}


.divrowMultiline3
{
    width:100%;
    height:70px;
    padding-top:4px;
    border-bottom:1px solid #FFFFFF;
    
}
.divrowMultiline
{
    width:100%;
    height:70px;
    padding-top:4px;
    border-bottom:1px solid #F2F2FF;
    
}
.divrowMultilineAdditionalDetails
{
    width:100%;
    height:90px;
    padding-top:4px;
    border-bottom:1px solid #FFFFFF;
    
}



.spancolAdditionalDetails
{
    
    width:15%;
    float:left;
    color:Black;
}

/* Property Search Columns */

.spancolSearch1{width:12%;float:left;color:Black;}
.spancolSearch2{width:18%;float:left;color:Black;}
.spancolSearch3{width:18%; float:left; color:Black; padding-left:3%;}
.spancolSearch4 {width:20%;float:left; color:Black;}
.spancolSearch5{width:12%;float:left;color:Black;}
.spancolSearch6{width:15%;float:left;color:Black;}
.spanMaroon{color:Maroon;}


/* Basic Details */
.spanBasicDetailsCol1{width:18%;float:left;}
.spanBasicDetailsCol2{width:30%;float:left;}
.spanBasicDetailsCol3{margin-left:2%;width:18%;float:left;}
.spanBasicDetailsCol4{width:30%;float:left;}
.spanBasicDetailsCol234{width:80%;float:left;}


/* Feature */
.divFeatureRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanFeatureCol1{width:18%;float:left;}
.spanFeatureCol2{width:30%;float:left;}
.spanFeatureCol3{margin-left:2%;width:18%;float:left;}
.spanFeatureCol4{width:30%;float:left;}


/* Bedroom */
.divBedroomRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanBedroomCol1{width:18%;float:left;}
.spanBedroomCol2{width:30%;float:left;}
.spanBedroomCol3{margin-left:2%;width:18%;float:left;}
.spanBedroomCol4{width:30%;float:left;}
.spanBedroomCol234{width:80%;float:left;}
.spanBedroomCheckbox{width:18%;float:left;}

/* Lounge */
.divLoungeRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanLoungeCol1{width:15%;float:left;}
.spanLoungeCol2{width:30%;float:left;}
.spanLoungeCol3{margin-left:2%;width:12%;float:left;}
.spanLoungeCol4{width:30%;float:left;}
.spanLoungeCol234{width:80%;float:left;}


/* Kitchen */
.divKitchenRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanKitchenCol1{width:18%;float:left;}
.spanKitchenCol2{width:30%;float:left;}
.spanKitchenCol3{margin-left:2%;width:13%;float:left;}
.spanKitchenCol4{width:30%;float:left;}
.spanKitchenCol234{width:75%;float:left;}
.spanKitchenColCheckBox{width:18%;float:left;}


/* Bathroom */
.divBathroomRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanBathroomCol1{width:18%;float:left;}
.spanBathroomCol2{width:30%;float:left;}
.spanBathroomCol3{margin-left:4%;width:12%;float:left;}
.spanBathroomCol4{width:30%;float:left;}
.spanBathroomCol234{width:75%;float:left;}
.spanBathroomColCheckBox{width:18%;float:left;}


/* Toilet */
.divToiletRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanToiletCol1{width:12%;float:left;}
.spanToiletCol2{width:30%;float:left;}
.spanToiletCol3{margin-left:5%;width:10%;float:left;}
.spanToiletCol4{width:30%;float:left;}
.spanToiletCol234{width:75%;float:left;}
.spanToiletColCheckBox{width:18%;float:left;}

/* Parking */
.divParkingRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanParkingCol1{width:15%;float:left;}
.spanParkingCol2{width:20%;float:left;}
.spanParkingCol3{margin-left:2%;width:15%;float:left;}
.spanParkingCol4{width:20%;float:left;}
.spanParkingCol234{width:75%;float:left;}


/* Garden */
.divGardenRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanGardenCol1{width:15%;float:left;}
.spanGardenCol2{width:20%;float:left;}
.spanGardenCol3{margin-left:2%;width:15%;float:left;}
.spanGardenCol4{width:20%;float:left;}
.spanGardenCol234{width:75%;float:left;}



/* My Details */
.divMydetailsRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanMydetailsCol1{width:35%;float:left;padding-left:20px;font-variant:small-caps;color:Gray}
.spanMydetailsCol2{width:55%;float:left;}

.requiredField
{
    color:Gray;
    margin-left:10px;
}


/*Letting Details*/
.divLettingDetailsRow{width:100%;_height:24px;min-height:24px;border-bottom:1px solid #F2F2FF;padding-top:4px;}
.spanLettingDetailsCol1{width:20%;float:left;}
.spanLettingDetailsCol2{width:20%;float:left;}
.spanLettingDetailsCol3{margin-left:2%;width:15%;float:left;}
.spanLettingDetailsCol4{width:20%;float:left;}
.spanLettingDetailsCol234{width:75%;float:left;}


/*Create New Property*/
.divCreateNewPropertyRow{width:100%;_height:24px;min-height:24px;border-bottom:0px solid #F2F2FF;padding-top:4px;}
.spanCreateNewPropertyCol1{width:20%;float:left;padding-left:20px;}
.spanCreateNewPropertyCol2{width:25%;float:left;}
.spanCreateNewPropertyCol3{margin-left:2%;width:15%;float:left;}
.spanCreateNewPropertyCol4{width:25%;float:left;}
.spanCreateNewPropertyCol234{width:75%;float:left;}
.spanCreateNewPropertyCol12{width:40%;float:left;padding-left:20px;}
.spanCreateNewPropertyCol34{width:40%;float:left;}
.spanCreateNewPropertyCol0{width:15%;float:left;}


.divRefineSearch{width:100%;_height:24px;min-height:24px;padding-top:4px;}
.spanRefineSearchCol1{width:100px;float:left;}
.spanRefineSearchCol2{width:20%;float:left;}
.spanRefineSearchCol3{width:70px;float:left;margin-left:5%}
.spanRefineSearchCol4{width:15%;float:left;}
.spanRefineSearchCol5{width:70px;float:left;margin-left:2%}
.spanRefineSearchCol6{width:15%;float:left;}




.spancolSavedSearch{width:400px;margin-right:0px}
.spancolSavedSearch2{width:200px;margin-left:0px}



/* My Advert Columns */

.spancolMyAdvert1{width:15%;float:left;color:Black;padding-left:20px}
.spancolMyAdvert2{width:25%;float:left;color:Black;}
.spancolMyAdvert3{width:18%; float:left; color:Black; padding-left:3%;}
.spancolMyAdvert4 {width:25%;float:left; color:Black;}


#agent_search_item
{
    
    border:1px ridge #F2F2FF;
    min-height:110px;
    _height:110px;
    
}


#agent_search_picture
{
  
  
  width:165px;
  height:100px;
  float:left;
  padding:5px;
  
  
}


#agent_search_description
{
  
  
  margin-left:180px;
  
  
    
  

}

.btn {
	float: left;
	clear: both;
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.3em;
	font-weight:bold;
	text-decoration: none;
}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_green { background-color: green; }
.btn_red { background-color: red; }
.btn_orange { background-color: Lime; }
.btn_blue { background-color: #002c85; }





.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid #99CCCC;
border-bottom-width: 2px;
width: 200px; /*width of featured content slider*/
height: 230px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 190px; /*width of content DIVs within slider. Total width should equal slider's inner width (190+5+5=200) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 184px; /*Width of pagination DIV. Total width should equal slider's outer width (200+10+10=220)*/
text-align: right;
background-color: #99CCCC;
padding: 5px 10px;
}

.pagination a{
padding: 0 3px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}



       .stepcontent
        {
            margin:15px;
            position: relative; /*leave this value alone*/
            border: 1px solid #99CCCC;
            border-left-width:1px;
            border-right-width:1px;
            overflow: scroll; /*leave this value alone*/
            width: 95%; /*Width of Carousel Viewer itself*/
            height: 300px; /*Height should enough to fit largest content's height*/
            
        }
        .stepcontent .contentbelt
        {
            position: absolute; /*leave this value alone*/
            left: 0;
            top: 0;
        }
        .stepcontent .contentpanel
        {
            
            float: left; /*leave this value alone*/
            overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
            margin: 10px; /*margin around each panel*/
            width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
            border-right:1px dotted #99CCCC;
            height:300px;
            padding-right:10px;
        }


.ul_advertise
{
    font-size:1em;
    color:#444;
    font-weight:bold;
    line-height: 17px; 
    margin:0;
    padding:0;
    padding-left:40px;
    text-align:left;
    margin-bottom:5px;
    /*
   list-style-image: url('<% = ResolveUrl("~/images/bullet3.gif") %>')"
   */
    
    list-style-type:square;
}


.div_heading_Advertise
{
 color:White;
 font-size:18px;
}
.div_sub_heading_Advertise
{
    color:Maroon;
    font-weight:bold;
    margin-top:25px;
}
    
.div_featured
{
    text-align:center;
    padding:10px;
    margin:5px;
    border:1px solid #99CCCC;
}

.pagelink
{
    padding:5px;
    border:1px solid #99CCCC;
    
}
.pagelinkcurrent
{
    padding:5px;
    border:1px solid #99CCCC;
    background-color:#99CCCC;
}