/****************************************
*** This page contains overall styles ***
*****************************************/

/******************
** Body styles **
******************/

body {
	background-image: url(../../images/frontend/body_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/******************
** Header styles **
******************/

.header_container {
	background-image: url(../../images/frontend/header_bg.gif);
	background-repeat:no-repeat;
	background-position: top;
	height: 200px;
	padding: 0 10px;
	position: relative;
}

.header_container_bg {
	background-image: url(../../images/frontend/header_bg_2.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.header_logo {
	margin-top: 40px;
}

.header_user_menu {
	margin-top: 5px;
}

.header_container a, .header_container a:hover {
		color: #cc9933;
}

.breadcrumbs {
	position: absolute;
	top: 185px;
	left: 40px;
	font-size: 90%;
	}
	
.breadcrumbs a {color:#000; text-decoration:none;}

/******************
** Global styles **
******************/

.keyline {
	padding: 1px;
	border: 1px solid #ccc;
}


.img_left {
	float: left;
	margin:0px 10px 10px 0; 
	padding: 1px;
	border: 1px solid #ccc;
}

.star {
	color: #FF0000;
	font-weight: bold;
	display: inline;
	padding: 0 2px;
}



/******************
** Heading styles **
******************/

.nowrap {
	white-space: nowrap;
}

/***
#recommend {
	background:transparent url(../../images/frontend/sprites_18.gif) no-repeat scroll 0 -18px;
	height:18px;
	padding-left: 22px;
	line-height: 18px;
}

#featured {
	background:transparent url(../../images/frontend/sprites_18.gif) no-repeat scroll 0 0;
	height:18px;
	padding-left: 22px;
	line-height: 18px;
} ***/

#manage {
	background:transparent url(../../images/frontend/manage_guests.jpg) no-repeat 0 50%;
	height:18px;
	padding-left: 24px;
	line-height: 18px;
	font-size: 18px;
	text-decoration: none;
}

/*************************
** Homepage Tabs styles **
*************************/

.clearscroller, .clear {
clear:both;
}

#featureWrapper {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
}

#freedom {
margin: 0;
padding: 0;
float:left;
width:260px;
}

#freedom li {
list-style:none;
margin:0 0 5px 0;
padding:0;
}

#freedom li a {
background-color:#CC9933;
display:block;
margin: 0 0;
padding:10px;
text-align:left;
text-decoration:none;
}

#freedom li a:hover {
background:#253a55 none repeat scroll 0 0;
}

#freedom li a.selected {
background:#575e64 url(../../images/frontend/slider_selected.gif) no-repeat 100% 50%;
color:#ffffff;
cursor:default;
z-index: 10;
width: 260px;
}


#freedom li a h2{
color: #FFF;
font-size: 18px;
padding:0px 0px 4px 0px;
margin: 0;
width: 250px;
}

#freedom li a p {
padding:0px;
color: #fff;
width: 250px;
}

.tabContainer {
margin:auto 0 auto 20px;
float: left;
width:350px;
height: 250px;
z-index: 1;
}

.tabContainer img {
width:346px;
height: 246px;
border: 1px solid #ccc;
padding: 1px;
}

.home {
clear: both;
padding-top: 10px;
}


/******************
** Content styles **
******************/

.content_container_bg {
	background-image: url(../../images/frontend/content_bg_repeat.gif);
	background-repeat: repeat-y;
}

.content_container {
	background-image: url(../../images/frontend/content_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 40px 40px 40px;
}

.content_left_column {
	float: left;
	width: 170px;
}

.content_left_column h2 {
	font-size: 17px;
}

.sidetitle {
	color:#000033;
	white-space: nowrap;
}

.box_blue {
	border: 1px solid #cc9a35;
	background-color: #253a55;
	color: #FFF;
	padding: 10px;
}

.box_blue label {
	font-weight: normal;
	width: auto;
	float: none;
	display: inline;
}

.box_blue a, .box_blue a:hover, .box_blue h2 {
	color: #fff;
}

.box_grey, .box_grey_small {
	padding:18px;
	margin:0 0 1.5em 0;
	border:1px solid #ccc;
	background-color: #F6F6F6;
}

.box_grey_small {
	padding: 8px;
}

.box_dark {
	padding:8px;
	margin:0 0 1.5em 0;
	border:1px solid #ddd;
	background-color: #EFEFEF;
}

.box_dark_orange {
	padding:8px;
	margin:0 0 1.5em 0;
	border:1px solid #CC9933;
	background-color: #EFEFEF;
}

div.content_image img, img.content_image {
	border: 1px solid #ccc;
	padding: 1px;
}

#apartment_slideshow {
	width: 310px;
	height: 200px;
}

/**********************
*** Box out styles  ***
***********************/

#box_out {
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	padding: 5px;
	color: #000;
	margin:20px 0
}


/***********************
** Property buttons   **
************************/

.leftbuttons {line-height: 20px; margin-top: 10px;}
.buttonspacer {margin-right: 10px;}
.grade {line-height: 14px; height: 14px; }
.shorttext {clear: both;}
.plus {
	background: transparent url('../../images/frontend/plus.jpg') no-repeat scroll 0 50%;
	line-height: 14px;
	height: 14px;
	padding:0 5px 0 16px
}

a.morebuttons {
/* Sliding right image */
background: transparent url('../../images/frontend/arrow_right_small.gif') no-repeat scroll top right; 
display: block;
height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 19px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
width: 90px;
float: left;
margin-top: 10px;
}

a.morebuttons span {
/* Background left image */ 
background:#253a55; 
display: block;
line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding:0 10px;
} 
a.morebuttons:hover span{
text-decoration:underline;
}



/************************
**   Dynamic buttons   **
*************************/

a.arrowbutton {
/* Sliding right image */
background: transparent url('../../images/frontend/arrow_right.gif') no-repeat scroll top right; 
display: block;
height: 31px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-top: 10px;
padding-right: 29px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
}

a.arrowbutton span {
/* Background left image */ 
background:#253a55; 
display: block;
line-height: 31px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding:0 10px;
} 
a.arrowbutton:hover span{
text-decoration:underline;
}

/*************************
** Notification styling **
*************************/

.error-text { color: #8A1F11; font-weight: bold;}
.error, .notice, .success, .error-small {padding:16px; margin-bottom:1em;border:2px solid #ddd; font-size: 1em;}
.error-small {padding: 6px; font-size: 90%;}
.error, .error-small {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a, .error-small a{color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/**************************
** Navigation Bar styles **
**************************/

.navigation {
	height: 40px;
	position: absolute;
	top: 130px;
	left: 30px;
	font-size: 120%;

}

/***************
** Footer styles **
******************/

.footer_container_bg {
	background: url(../../images/frontend/footer_bg_repeat.gif) repeat-y;
	
}

.footer_container {
	background: url(../../images/frontend/footer_bottom.gif) no-repeat bottom;
	padding: 15px 40px 20px 40px;
	color: #FFF;
}

.footer_container a, .footer_container a:hover {
	color: #FFF;
}

.footer_container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer_container ul li {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}


/***************
** Menu styles **
******************/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu a.selected {display:block; color:#dba43f; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:40px; left:0; background:#ccc; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#ccc}
ul.menu ul li a:hover {color:#dba43f;}
ul.menu ul ul {left:148px; top: 0px}
ul.menu .menulink {  padding: 10px 10px 10px 10px; float:left; height: 20px; font-weight:bold}
ul.menu .menulink:hover, ul.menu .menuhover {color:#dba43f;}
ul.menu .sub {background:#ccc url(../../images/arrow.gif) 136px 8px no-repeat}


/*=======================================
* Tooltips
* ======================================*/
.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index: 2;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}

 .tooltip h3{
    margin: 0 0 5px;
    text-align: left;
 }
 
/*=======================================
* Ajax Calendar
* ======================================*/
#calendar_container { height: 170px; background-color: #fff; width: 100%;}
#calendar_container table {border: 1px solid #CCCCCC; background-color: #F6F6F6;}
.calendar_month_container {width: 200px; margin-right:10px; margin-bottom: 10px; float: left;}
.calendar_month_container th, .calendar_month_container td, .calendar_month_container caption  {padding: 4px 5px 4px 5px}
.calendar_legend_booked {background-color: #D70D0D; padding: 3px;}
.calendar_legend_pending {background-color: #D77B43; padding: 3px;}
.calendar_heading {background-color: #FFF;}
.calendar_week_day { background-color: #CCCCCC; color: #fff;}
.calendar_loader { background-image: url("../../images/ajax-loader.gif");  background-position: center center; background-repeat: no-repeat;}
.calendar_4_middle { background-color: #D70D0D;}
.calendar_4_first { background-image: url("../../images/calendar_4_first.gif"); background-repeat:no-repeat; background-position: center center; }
.calendar_4_last { background-image: url("../../images/calendar_4_last.gif"); background-repeat:no-repeat; background-position: center center; }
.calendar_4_last_3_first { background-image: url("../../images/calendar_4_last_3_first.gif"); background-repeat:no-repeat; background-position: center center; }
.calendar_4_middle a, .calendar_4_last a, .calendar_4_first a, .calendar_4_last_3_first a {}
.calendar_3_middle { background-color: #D77B43; }
.calendar_3_middle a, .calendar_3_first a, .calendar_3_last a, .calendar_3_last_4_first a {}
.calendar_3_first { background-image: url("../../images/calendar_3_first.gif"); background-repeat:no-repeat; background-position: center center; }
.calendar_3_last { background-image: url("../../images/calendar_3_last.gif"); background-repeat:no-repeat; background-position: center center; }
.calendar_3_last_4_first { background-image: url("../../images/calendar_3_last_4_first.gif"); background-repeat:no-repeat; background-position: center center; }


/*** Testimonials  ***/

#testimonials {
	background: transparent !important
}

#testimonials .quote{
	padding: 5px 0 0 0;
	background:url("../../images/quote_close.gif") no-repeat bottom right;
}

#testimonials blockquote{
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: Georgia, serif;
	text-decoration: none;
	color: #253A55;
	padding: 10px 40px 0px 40px;
	margin: 5px 0;
	background: url("../../images/quote_open.gif") no-repeat top left;
}

#testimonials cite{
	font-size: 1.1em;
	line-height: 1.1em;
	font-family: Georgia, serif;
	color: #56667B;
	float: right;
	padding-right: 40px;
	margin: 0;
}


/** Flags ***/

.flags {list-style: none; float: right; margin-top: 3px;}
.flags li {float: left; display: inline; margin-right: 5px;}