/*
globals
----------------------------
*/
body 
{
    width: 100%;
	margin:0;
	padding:0;
	font: 12px Arial;
	line-height: 20px;
	/*overflow-y: scroll;*/
	color:#3d3d3d;
	background: #e0e0da url('/Images/bg_pattern.jpg') repeat;
	/*font-family: 'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;*/
}

hr
{
	border: 1px solid #add6ff;
}

h1, h2, h3
{
    font-family: 'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
}

h1
{
    color: #111;
}

h2
{
	font-size: 18px;
}

h2.black
{
    color: #000;
}

hr.black
{
	border: 1px solid #000;
	height: 1px;
}

/*table {
    font: 12px Arial;
    line-height: 20px;
    border-collapse: collapse;
}*/

div.clears, span.clears {
    clear: both;
}

form {
    margin: 0;
    padding: 0;
}
input {
	outline: none;
}
.hand {
	cursor: pointer;
	cursor: hand;
}
a {
    font-weight: bold;
    line-height: 20px;
    color: #0088CE;
    text-decoration: none;
    cursor: pointer;
	cursor: hand;
}
a:hover {
    color: #12afff !important;
}

ul {
    list-style-type:none; 
}


img {
    border: none;
}

/*
promo main page
----------------------------
*/
div.promomain {
    padding-top: 8px;
    font: 9pt Arial;
    line-height: 16pt;
    color: #5e5e5e;
}
div.promomain#promomain {
    padding: 10px 0px 10px 0px;
    -padding: 8px 0px 17px 0px;
}
div.promomain div.left {
    width: 409px;
    float: left !important;
    padding: 0px 35px;
}
div.promomain div.right {
    width: 402px;
    float: right !important;
    padding: 0px 35px !important;
}
div.promomain div.wide {
    width: 915px;
    float: left !important;
    padding: 0px 20px;
}
div.pagecontent div.promomain div.left 
{
    width: 402px;
}

/*
layout
----------------------------
*/
div.main {
    width: 960px;
    margin: 0 auto;
    overflow: visible;
}
div.contentcontainer {
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: auto;
    overflow: visible;
}

div.header {
    width: 100%;
    height: 111px;
    border-top: 1px solid #d7d7d0;
    border-left: 1px solid #d7d7d0;
    border-right: 1px solid #d7d7d0;
    position: relative;
    z-index: 999;
}
div.headtop {
    width: 100%;
    height: 80px;
    background-color: #FFF;
    /*background: url('/Images/img/page/headbg_100x80.png') repeat-x;*/
}
div.headtop div.left {
    width: 5px;
    height: 5px;
    background: url('/Images/img/page/pageround_topleft_5x5.png') no-repeat;
    float: left;
}
div.headtop div.right {
    width: 5px;
    height: 5px;
    background: url('/Images/img/page/pageround_topright_5x5.png') no-repeat;
    float: right;
}
div.headmenu {
    width: 100%;
    height: 31px;
    background: url('/Images/img/page/menubg_100x31.png') repeat-x;
}
div.headmenu div.middle {
    height: 31px;
    width: 958px;
    float: left;
    max-height: 31px;
}
div.headcontent {
    padding-top: 10px;
    width: 100%;
    height: 59px;
}
div.footer {
    width: 960px;
    height: 20px;
    margin: 3px auto;
    font: 11px Arial;
    line-height: 20px;
}

div.content {
    width: 100%;
    padding-bottom: 1px;
    border-left: 1px solid #e0e0da;
    border-right: 1px solid #e0e0da;
    background-color: #FFFFFF;
}
div.contentbottom {
    border-bottom: 1px solid #d8d8d4;
    background-color: #FFFFFF;
    height: 6px;
    margin-top: -1px;
}
div.contentbottom div.left {
    width: 7px;
    height: 7px;
    background: url('/Images/img/page/pageround_bottomleft_7x7.png') no-repeat;
    float: left;
    position: relative;
}
div.contentbottom div.right {
    width: 7px;
    height: 7px;
    background: url('/Images/img/page/pageround_bottomright_7x7.png') no-repeat;
    float: right;
    position: relative;
    left: 2px;
}
/*
topmenu
----------------------------
*/
div.headmenu #menu, div.headmenu #menu2 {
    list-style-type:none; 
    padding:0;
    margin: 0;
}
div.headmenu #menu li {
    display:block;
    float:left;
    position:relative;
    z-index:100;
    background: url('/Images/img/page/menusepa_1x31.png') no-repeat right top;
    
    cursor: pointer;
	cursor: hand;
}
div.headmenu #menu li.last {
    background: none;
}
div.headmenu #menu li span {
    display:block;
    z-index:100;
    padding: 8px 16px;
    font: bold 14px Arial Narrow;
    letter-spacing: 1px;
    color: #FFFFFF;
    /*qdisplay: none;*/
    
    cursor: pointer;
	cursor: hand;
}
div.headmenu #menu li a, div.headmenu #menu li a:visited {
    display:block;
    padding:0;
    
    cursor: pointer;
	cursor: hand;
}
div.headmenu #menu dl {
    position:absolute;
    top:0;
    left:0;
    margin: 0;
    padding: 0;
}
div.headmenu #menu dt {
    margin:0;
    float:left;
    margin-bottom: 1px;
    height: 31px;
}

div.headmenu #menu dt a, div.headmenu #menu dt a:visited {
    display: block; 
    font: bold 14px Arial Narrow;
    letter-spacing: 1px;
    color: #FFFFFF; 
    padding: 8px 16px; 
    text-decoration: none;
    white-space: nowrap;
}

div.headmenu #menu li a:hover {
    border:0;
}

/*todo fix this*/
div.headmenu #menu li.last:hover dt a {
    background: #1a7ab0;
    height: 15px;
}

/*
top logo
----------------------------
*/
div.logo {
    width: 350px;
    position: absolute;
    margin: 0px 0px 0px 25px;    
}
/*
top box (flexible width)
----------------------------
*/


span.roundbox_h {
    background: url('/Images/img/page/boxes/roundboxh_middle_100x42.png') repeat-x;
    /*inline-block all browser*/
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
}
span.roundbox_h span.left {
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
    width: 5px;
    height: 42px;
    background: url('/Images/img/page/boxes/roundboxh_left_5x42.png') no-repeat;
    float: left;
}
span.roundbox_h span.right {
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
    width: 5px;
    height: 42px;
    background: url('/Images/img/page/boxes/roundboxh_right_5x42.png') no-repeat;
    float: left;
}

span.roundbox_h span.middle {
    height: 28px;
    float: left;
    padding: 7px 5px;
    color: #8a8a8a;
    white-space: nowrap;
    line-height: normal;
    font: 11px Arial;
}

span.roundbox_h span.middle img {
    margin-right: 5px;
}
span.roundbox_h span.middle strong {
    font: bold 11pt Arial;
    color: #4084db;
}
div.headcontent span.roundbox_h {
    float: right;
    margin-right: 15px;
}

div.middlecontent {
    float:right;
    width: 630px;    
    margin-top: -6px;
}
span.headerlnk 
{
    float: right;
    font: 11px Arial;
    margin: 0px 25px 0px 0px; 
    -margin: -6px 25px 0px 0px; 
}
span.headerlnk a
{
	color: #0088CE;
	text-decoration: none;
	line-height: 20px;
}
div.headcontent span.headertitle {
    float: right;
    margin-right: 16px;
    height: 42px;
    
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
}
/*

/*
buttons & inputs
----------------------------
*/
span.button {
    display:inline-block;
    display:-moz-inline-block;
    /*zoom:1;
    *display:inline;*/
}
span.button, x:-moz-any-link {
    display:-moz-inline-box;
}
span.button span.left {
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
    float: left;
    width: 4px;
    height: 24px;
    background: url('/Images/img/button/blue_left_10x24.png') no-repeat top left;
}
span.button span.right {
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
    float: left;
    width: 4px;
    height: 24px;    
    background: url('/Images/img/button/blue_right_10x24.png') no-repeat top right;
}
span.button span.middle {
    display:inline-block;
    display:-moz-inline-stack;
    /*zoom:1;
    *display:inline;*/
    float: left;
    height: 24px;    
    padding: 0 5px;
    background: url('/Images/img/button/blue_100x24.png') repeat-x;
}
span.button input {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: White;
    line-height: 24px;
    height: 24px;
    font: bold 9pt Arial;
    cursor: pointer;
    margin-top: -1px;
    /**margin-top: 0px;*/
    white-space: nowrap;    
}

span.button.mycomp a 
{
	color: #0088ce;
}

span.button.green span.left {
    height: 28px;
    background: url('/Images/img/button/green_left_10x28.png') no-repeat top left;
}
span.button.green span.right {
    height: 28px;    
    background: url('/Images/img/button/green_right_10x28.png') no-repeat top right;
}
span.button.green span.middle {
    height: 28px;    
    background: url('/Images/img/button/green_100x28.png') repeat-x;
}
span.button.green input, span.button.green button {
    line-height: 28px;
    height: 28px;
}

.small-news-link
{
	font-size: 10px;
	text-decoration: underline;
	font-weight: normal;
}

.bold-blue-link
{
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
/*
promo top
----------------------------
*/
div.promotop {
    width: 658px;
    height: 230px;
}
div.promotop div.left {
    width: 658px;
    height: 230px;
    float: left;
}
div.promotop div.left div.flashcontent {
    padding: 20px 28px;
}
div.flashcontent span.title {
    font: 24px Arial Narrow;
    font-weight: bold;
    color: #FFFFFF;
}
div.flashcontent span.titleblue {
    font: 24px Arial Narrow;
    font-weight: bold;
    color: #ffe506;
}
div.flashcontent span.fullwhitetitle {
    font: 26px Arial Narrow;
    font-weight: bold;
    color: #cf3d0b;
}
div.flashcontent div.subtitle {
    font: 14px Arial Narrow;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    margin-top: 5px;
}
div.flashcontent div.top {
    height: 130px;
}

div.promotop div.right {
    width: 199px;
    height: 230px;
    float: right;
}
div.promotop div.flashover 
{
	width: 958px;
    height: 230px;
    position: absolute;
    z-index: 20;
	margin-top: -230px;   
}
div.promotop div.mainflash 
{
	height: 230px;
	width: 958px;
	
}

.small-grey-button
{
	width:90px; 
	height:21px; 
	font-size:9px; 
	font-weight:bold; 
	padding:0px; 
	border:0px; 
	margin: 0px; 
	background-image: url(/Images/small-silver-button.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}
	
.small-grey-button:hover 
{
	background-position: 0px -21px; 
	cursor: pointer; 
}

.large-grey-button 
{
	width:106px; 
	height:25px; 
	font-size:9px; 
	font-weight:bold; 
	padding:0px; 
	border:0px; 
	margin: -1px; 
	background-image: url(/Images/silver-btn-long-bg.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}
	
.large-grey-button:hover 
{
	background-position: 0px -25px;
	cursor: pointer; 
}
	
.very-large-grey-button 
{
	width:160px; 
	height:25px; 
	font-size:9px; 
	font-weight:bold; 
	padding:0px; 
	border:0px; 
	margin: 0px; 
	background-image: url(/Images/silver-btn-very-long-bg.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	color:#111111;
	font-size:13px;
}

.very-large-grey-button:hover  
{
	width:160px; 
	height:25px; 
	font-size:9px; 
	font-weight:bold; 
	padding:0px; 
	border:0px; 
	margin: 0px; 
	background-image: url(/Images/silver-btn-very-long-bg.gif); 
	background-repeat: no-repeat; 
	background-position: 0px -25px; 
	cursor: pointer; 
	color:#111111;
	font-size:13px;
}

#breadcrumb
{
    padding: 6px;
    padding-left: 14px;
    font-size:12px;
    border-top:4px solid #222244;
    border-bottom:1px dotted #222244;
}

#rssfeed
{
    text-align:right;
    font-size:11px;
    padding-right: 14px;
}

#rssfeed a
{
    text-decoration:none;
}

#rssfeed a:hover
{
    text-decoration: underline;
}


.apartment-main-details-panel td
{
    margin:2px;
}

.enquiry_form td
{
    margin:3px;
    padding:4px;
}

.leftcell 
{
	width:120px;
	padding:4px;
	border:1px dotted #BBBBBB; 
	background-color:#ebf4fb; 
	margin:4px;
	font-weight:bolder;
	margin-right:8px;
	
}

.rightcell 
{
	width:180px;
	padding-left:18px;
	border:1px dotted #BBBBBB; 
	background-color:#FFFFFF; 
	margin:4px;
	font-weight:normal;
}

.enquiry_form td
{
	margin-bottom:4px;
}

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin:0 auto;
	width:400px;
	padding:14px;
	color:#000000;
}

.mysmallform
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin:0 auto;
	width:300px;
	padding:9px;
	padding-top:1px;
	color:#000000;
}
	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
		margin:0px;
		margin-top:0px;
	}
	#stylized h1 {
		font-size:21px;
		font-weight:bold;
		margin-bottom:0px;
		color: #0088ce;
		margin-top:1px;
		padding-left:10px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-top: 0px;
		margin-bottom:5px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:1px;
	}
	#stylized a{
		font-size:11px;
		color:#222222;
		margin-top: 0px;
		margin-bottom:5px;
		font-weight: bold;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:80px;
		float:left;
		color: #000;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:80px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:90px;
		margin:2px 0 10px 10px;
	}
	#stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:160px;
		margin:2px 0 20px 10px;
	}
	#stylized .button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(/Images/img/button/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#stylized .error
	{
	    float:left;
	}
	
/* Normal Sized form */

/* ----------- stylized ----------- */
	#stylizednormal{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
		margin:0px;
		margin-top:0px;
	}
	#stylizednormal h1 {
		font-size:21px;
		font-weight:bold;
		margin-bottom:0px;
		color: #0088ce;
		margin-top:1px;
		padding-left:10px;
	}
	#stylizednormal p{
		font-size:11px;
		color:#666666;
		margin-top: 0px;
		margin-bottom:5px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:1px;
	}
	#stylizednormal label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:130px;
		float:left;
		color: #000;
	}
	#stylizednormal .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylizednormal input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:170px;
		margin:2px 0 10px 10px;
	}
	#stylizednormal textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:160px;
		margin:2px 0 20px 10px;
	}
	#stylizednormal .button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(/Images/img/button/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#stylizednormal .error
	{
	    float:left;
	}

/*********************/
	
/* Long Term Rentals Search */

.blue_box select
{
	font-size:12px;
	font-family: Tahoma;
	border: 1px solid #666666;
	margin:6px;
	padding:3px;
	}

.sr_details_cell
{
	width: 180px;
	border: 1px dashed #CCC;
	padding: 8px;
	color: #111;
}
/**************************/

.edit-listings td
{
    padding: 5px;
    margin:2px;
}

.edit-listings h2
{
    margin: 3px 0px;
    font-size: 15px;
    color: #12afee !important;
    
}

.error
{
    color: Red;
    font-weight:bold;
}

.watermarked
{
	font-size: 15px; 
	font-weight:bold; 
	color: #999;
	padding-top:4px;
}

.autocompletetextbox
{
	font-size: 15px; 
	font-weight:bold; 
	color: #0088ce; 
	padding-top:4px;
}


.big-features{
font-size: 14px;

color: Black;
}


.big-search-link{
    font-size: 13px;
    color: #007200;
    text-decoration: underline;
    }
    
.form-left
{
	background-color: #E6E6E6;
	border: 1px solid #d1d3d9;
	padding: 3px;
	color: #222;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 120px;
}

.form-left-compact
{
	background-color: #F4F4F4;
	border: 1px solid #d1d3d9;
	padding: 3px;
	font-size: 11px;
	
}

.form-left-wide
{
	width: 120px;
	vertical-align: top;
	
}

.breadcrumb-social-container
{
    padding: 0px 20px 0px 20px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}



.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 65px;
}

.gridview-pager a:link
{
	width: 18px;
	text-align:center;
	padding:5px;
	font-size: 11px;
	display: block;
}

.gridview-pager a
{
	border: 1px solid #D0D0DF;
	color: #222;
}

.gridview-pager a:hover
{
	color: #D0D0DF;
	background-color: #222;
}

.gridview-pager table
{
	border:0px;
	text-align: center;
	
}

.apartment-main-image
{
    border:1px solid #DEDEEF;
    padding: 3px;
}

/* GMaps Styles */

.google-map-container
{
    border:2px solid #333;
}

.google-map-container div
{
    padding: 0;
    margin: 0;
}

.google-map-container h2
{
    margin: 2px 0;
}

.google-map-container .info-window
{
    /*width: 300px;*/
    text-align: left;
}

.google-map-container .thumbnail-image
{
    border:1px solid #999; 
    padding: 2px;
    margin-right: 12px;
    width: 100px;
    height: 75px;
}

.google-map-container .info-body
{
    margin-left: 40px;
    border-bottom: 1px dotted #AAA;
    font-size: 11px;
}

.google-map-container .info-links
{
    margin: 6px 0 0 40px;
}

.google-map-container a
{
    font-weight: normal;
    font-size: 11px;
    color: #222;
    text-decoration: none;
}

.google-map-container hr
{
    color: #333;
    height: 1px;
    background-color: #333;
}

.modal-popup
{
    background-color: #FFF;
    padding: 20px;
}

.modal-background
{
    background-image: url(/Images/white-transparent-bg.png);
    background-repeat: repeat;
}

.map-overlay-toolbar
{
    height: 120px;
    position: relative;
    top: -120px;
    background-image: url(/Images/white-transparent-bg.png);
    background-repeat: repeat;
    color: #FFF;
}

.map-overlay-toolbar h3
{
    color: #FFF;
    margin: 4px;
    font-size: 21px;
}

.map-overlay-toolbar .tool-container
{
    float: left;
    padding: 8px;
    margin: 0px;
    /*border:1px solid #FFF;*/
}

.map-overlay-toolbar .text-container
{
    float: left;
    padding: 2px;
    margin: 2px;
    /*border:1px solid #FFF;*/
    vertical-align: top;
}

.map-overlay-toolbar .tool-container ul
{
    margin:2px;
}

.map-overlay-toolbar .tool-container li
{
    float: left;
    display: block;
    width: 160px;
    margin: 4px;
}

.map-search-popup
{
    width: 200px;
    padding: 0px;
}