/* standard elements */
* {
	margin: 0;
	padding: 0;
}

/* body */
html, body, form { height: 100%; }
body
{
	background: #474747 url('/images/UI/body.gif') repeat-y center top;
	font: normal 0.7em Tahoma,Verdana,sans-serif;
}

/* headings */
h1 {font: normal 1.6em sans-serif; margin-top: 0.6em; margin-bottom:0.4em;}
h2 {font: 1.5em sans-serif; margin-top: 0.4em;margin-bottom:0.4em;}
h3 {font: bold 1.1em sans-serif; margin-top: 0.4em;margin-bottom:0.4em;}

#PropertyTitle h1
{
    font: 1.3em sans-serif; margin-top: 0.4em;margin-bottom:0.4em;
}

a {	color: #FFF; text-decoration: none; }

fieldset { font-size: 95%; padding: 5px; margin: 5px; }
legend { font-size: 1em; font-weight: bold;	margin-bottom: 10px; }

/* structure */
#main {
	width: 781px;
	border-top: 6px solid #fff;
	margin: 0 auto;
}
#main_left {
	float: left;
	width: 520px;
}

#main_right {
	float: left;
	width: 254px;
	color: #fff;
	border-left: 6px solid #fff;
}
	#main_right h1, #main_right h2, #main_right h3, #main_right h4
	{
		margin-top: 5%;
		text-align: center;
		color: #fff;
	}
	.rightPanelControl210
	{
		width: 210px;
		margin: 10px auto;
	}
	.rightPanelControl152
	{
	    width: 152px;
	    margin: 10px auto;
	}
#main_footer
{
    clear: both;
}
	
/*** MAIN NAVIGATION ***/
#menuBar
{
	background: #1E90FF url(/images/UI/bg-menu-main_blue.png);
	background-repeat:repeat-x;
	height:30px;
	font-weight:bold;
	font-size:9pt;
	text-align:center;
	vertical-align: middle;
	margin: 0;
}

	/*** MENU SKIN ***/
	.sf-menu {
		float:			left;
	}
	.sf-menu a {		
		padding: 			.75em 1em;
		text-decoration:	none;
	}
	.sf-menu p {		
		padding: 		.75em 1em;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#fff;
	}
	.sf-menu li {
		background: #1E90FF url(/images/UI/bg-menu-main_blue.png);
		text-align: center;
		border-right:	1px solid #fff;
	}
	.sf-menu li li {
		background: #1E90FF url(/images/UI/bg-menu-main_blue.png);
		text-align: left;
	}
	.sf-menu li li li {
		background: #1E90FF url(/images/UI/bg-menu-main_blue.png);
		text-align: left;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background-image: url(/images/UI/bg-menu-main_blue_hover.png);
		outline: 0;
		color: #29376D;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('/images/UI/arrows-ffffff.png') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('/images/UI/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		/*
        -moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
        */
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}

    .sf-menu li.current {
	    background: #1E90FF url(/images/UI/bg-menu-main_blue_hover.png);
	    outline: 0;
	    color: #29376D;
	    cursor: default;
    }

    .sf-menu a.current {
	    color: #29376D;
    }

/* content */ 
#content {
	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 0 1em 1em; 
}
#content a {color: #1664DA;}
#content a:hover {
	text-decoration: underline;
	color: #06F;
}
#content p {margin: 0.4em 0 1em 0;}
#content .descr {
	color: #666;
	margin-bottom: 0.5em;
}
/* #content ul li {list-style: url('img/li.gif');} */
#content ul {margin-left: 1.8em;}

#map_canvas { height: 100% }

/* Booking List */
#bookingList
{
	text-align:center;
	width: 740px; 
	padding:5px;
	margin:10px 0 0 0; 
	background-color: #fff;
	border: solid 1px #000000;
	margin-left: auto;
    margin-right: auto;
}
    
/* misc */
.left {float: left;}
.right {float: right;}
.center{margin: auto;}
.show { visibility: visible }
.hide { visibility: hidden }
.clear {clear: both; font-size: 0; height: 0;}
.pointer { cursor:pointer; }
.validatorCalloutHighlight { background-color: #FFFACD; }
.upArrow
{
	background-image:url(/images/UI/uparrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 10px;
	width: 10px;
}
.downArrow
{
	background-image:url(/images/UI/downarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 10px;
	width: 10px;
}
span.comment {padding-left: 18px; background: url('/images/UI/icon_comment.gif') no-repeat left center;}
table.center {margin-left:auto; margin-right:auto;}

.colorBox
{	
	border-style: solid;
	border-width: 1pt;
	border-color: #000000;
	width:10px;
	height:10px;	
}

.errorText
{
	color: #ce0000;	
	text-decoration: none;
}
	.errorTextPointer
	{
		color: #ce0000;
		font-size: 90%;
		text-decoration: none;
	}
		.errorTextPointer b
		{
			color: #000000;
			font-weight: bold;
			font-size: 90%;
			text-decoration: none;
		}
	
.button
{
	color: #ffffff;
	font-weight: bold;
	border: solid 1px #29376D;
	background: #4D92E4 url('/images/UI/bg-menu-main_blue.png');
	padding: 5px;
}
	.button:hover
	{
		color: #ce0000;
		font-weight: bold;
		border: solid 1px #29376D;
		cursor: pointer;
	}

/* posting */
.post_info {
	background: #FAFAFA;
	border: 1px solid #EEE;
	color: #555;
	margin-bottom: 1em;
	padding: 0.6em 0.7em;
}
	
/*Property Boxes*/
.PropertyBox
{
	border: solid 1px #fff;
	width: 152px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}
	.PropertyBoxImage
	{	
		border: solid 1px #000;
		padding: 5px;
		width: 140px;
		height: 106px;
		background-color:#fff;
		margin:auto;
	}
	.PropertyBoxImage img
	{	
		border: none;
	}
	.PropertyBoxText
	{	
		width:140px;
		margin: 5px;
		margin:auto;
	}

#divBookingStatus
{
    background-color: #fff; 
    color: #444; 
    padding-bottom: 15px;
    border: solid 1px #444;
    margin: 20px auto;
}

/* Map */
.pinEvent
{
    width:10px;height:15px;
    overflow:hidden;
    cursor:pointer;
}

/* Price Calculator */
.priceCalculator
{
	width: 210px;
	padding: 5px 10px 10px 10px;
	background-color: #FFF;
	color:#666;
	border: solid 1px #000000;
	margin:auto;
}

.fixedLabel60
{
    display: block;
    float: left;
    width: 60px;
}
.fixedLabel70
{
    display: block;
    float: left;
    width: 70px;
}
.fixedLabel80
{
    display: block;
    float: left;
    width: 80px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}