/*
COMPONENT RESERVATION CSS
Author: Ioannis Sannos
Copyright (C) 2008 Is Open Source. All rights reserved
*/

#reservcontainer {
	margin: 0;
	padding: 0;	
}

/* global links */
/* #reservcontainer a { color: #123658; } */

/* links */
a.reservlink, a.reservlink:visited, a.reservlink:active, a.reservlink:link, a.reservlink:hover {
	text-decoration: none;
	color: #123658;
}
a.reservlink:hover { color: #000000; }

a.reservlink2, a.reservlink2:visited, a.reservlink2:active, a.reservlink2:link, a.reservlink2:hover {
	text-decoration: none;
	color: #123658;
	border-bottom: 1px dotted #123658;
}
a.reservlink2:hover {
	color: #000000;
	border-bottom: 1px dotted #000000;
}

a.avcalendarlink, a.avcalendarlink:visited, a.avcalendarlink:active, a.avcalendarlink:link, a.avcalendarlink:hover {
	background: transparent url(../images/calendar.gif) no-repeat left center;
	padding: 0 0 0 18px;
	color: #123658;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
a.avcalendarlink:hover { color: #000000; }

/* HEADINGS */
h3.reserv {
	background: transparent;
	background-image: none;
	margin: 10px 0 5px 0;
	padding: 0;
	color:#394C7D;
	font-size: 18px;
}
h3.reserv a {
	background: transparent;
	background-image: none;
	color:#394C7D;
	font-size: 18px;
	text-decoration: none;
}
h3.reserv a:hover { text-decoration: underline; }


/* front page */

div.reservLeft {
	float:left;
	width:60%;
	overflow:hidden;
}

div.reservRight {
	float:right;
	width: 38%; /* instead of 39.5% due to fucking internet explorer 6 */
	overflow:hidden;
}

div.reservdest{
	width: 100%;
	float: left;
}

div.reserv50{
	width: 49.5%;
	float: left;
}

div.resdestbox { margin-top: 5px; }
div.reserv50 img, img.resimg { margin: 2px; padding: 2px; border: 1px solid #CCC; }
span.restitle {
	color:#394C7D;
	font-weight: bold;
	font-size: 14px;
}

a.restitle, a.restitle:link, a.restitle:visited, a.restitle:active {
	color:#394C7D;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
a.restitle:hover { text-decoration: underline; }

/* comments at frontpage */
div.frontcomment {
	color: #555; font-weight: normal; margin: 0 0 6px 0; padding: 0;
}
span.frontcommentauth { 
	background: transparent url(../images/comments.gif) no-repeat left center;
	padding: 0 0 0 18px;
	color: #000;
}
a.frontcomment, a.frontcomment:link, a.frontcomment:visited, a.frontcomment:active {
	background: transparent url(../images/bed.gif) no-repeat left center;
	padding: 0 0 0 18px;
	color:#394C7D;
	font-weight: normal;
	text-decoration: none;
}
a.frontcomment:hover { color: #333333; text-decoration: underline; }

/* latest/top hotels */
div.reslatest {
	margin: 0;
	padding: 4px 2px;
	float: left;
	border-bottom: 1px dotted #CCC;
	width: 96%;
}

div.reslatest:hover {
	background-color: #EEE;
}

div.resfrontimg {
	margin: 10px 0;
	padding: 5px 2px;
}
div.resfrontimg img { margin: 2px; padding: 2px; border: 1px solid #CCC; height: 80px; background-color: #FFF; }
div.resfrontimg img:hover { background-color: #394C7D; }
div.resfrontinfo { margin: 10px 0; }

/* location page (hotels list) */

h2.resh2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
}

h3.resh3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
}
h3.resh3 a { text-decoration: none; }


/* HOTEL DETAILS BOX */
div.resdetailsbox {
	margin: 2px;
	padding: 4px;
	width: 120px;
	min-height: 60px;
	float: left;
	font-size: 11px;
	color: #666;
}

/* photo */
div.resdetailsbox div.resphoto {
	padding: 2px 0;
	text-align: left;
}
div.resdetailsbox div.resphoto img {
	margin: 0;
	padding: 2px;
	border: 1px solid #666;
	background-color: #FFF;
	width: 100px;
}

/* date */
div.resdetailsbox div.resdate {
	background:transparent url('../images/calendar.gif') 0 0 no-repeat;
	padding-left:20px;
}

/* comments */
div.resdetailsbox div.reslcomments {
	background:transparent url('../images/comments.gif') 0 0 no-repeat;
	padding-left:20px;
}

/* hotel description */
div.reshoteldesc {
	text-align: justify;
	margin: 0 0 10px 0;
}

/* hits */
div.resdetailsbox div.reshits {
	background:transparent url('../images/folder.gif') 0 0 no-repeat;
	padding-left:20px;
}
/* citt */
div.resdetailsbox div.rescitt {
	background:transparent url('../images/green_arrow.gif') 0 0 no-repeat;
	padding-left:20px;
}
/* comune */
div.resdetailsbox div.rescom {
	background:transparent url('../images/calendar.gif') 0 0 no-repeat;
	padding-left:20px;
}
/* rating stars */
.resstars_bar {
  width: 80px;
  height: 16px;
  background: url('../images/star_off.gif') 0 0 repeat-x;
}

.resstars_bar div {
  height: 16px;
  background: url('../images/star_on.gif') 0 0 repeat-x;
}

/* TABLE */
table.restable { margin:5px 0; padding: 0; }
table.restable tr { margin: 2px 0; padding: 4px; color:#394C7D; }
table.restable tr.line0 td {
	background-color: #F2F5F8;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 0;
}
table.restable tr.line1 td { background-color: #FFF; border: 0; padding: 2px 0; }



/* SLIMBOX */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading2.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* COMMENTS */
div.rescomments { margin: 20px 0; }
div.rescomments h3 {
	background: transparent;
	background-image: none;
	margin: 10px 0;
	padding: 0;
	color:#394C7D;
	font-size: 18px;
}
div.rescomments h3 a {
	color:#394C7D;
	font-size: 18px;
	text-decoration: none;
}
div.rescomments h3 a:hover { text-decoration: underline; }
#rescommentsin {}
#rescommentsin ul { margin:5px 0; padding: 0; }
#rescommentsin ul li { margin: 2px 0; padding: 4px; color:#394C7D; }
#rescommentsin ul li.line0 {
	background-color: #F2F5F8;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#rescommentsin ul li.line1 { background-color: #FFF; border: 0; }
div.commentauthor {
	color: #FC8114;
	font-weight: bold;
	font-size: 12px;
}
div.commentdate{
	color: #888;
	font-weight: normal;
	font-size: 11px;
}

/* add comment form */
#rescommentsfm { color: #394C7D; }
#rescommentsfm form label { display: block; margin: 2px 0; }



/* GALLERY */
#resgallerybox { margin: 5px 0; padding: 2px 0; text-align: left; }
#resgallerybox img { margin: 0; padding: 2px; border: 1px solid #666; background-color: #FFF; }


/* HOTEL FACILITIES */
div.reshotdetails { margin: 20px 0; }
div.reshotdetails h3 {
	background: transparent;
	background-image: none;
	margin: 10px 0 2px 0;
	padding: 0;
	color:#394C7D;
	font-size: 18px;
}
div.reshotdetails h3 a {
	color:#394C7D;
	font-size: 18px;
	text-decoration: none;
}
div.reshotdetails h3 a:hover { text-decoration: underline; }
div.reshotdetailsin { font-style: italic; }


/* ROOMS */
div.roomcontainer {
	margin: 10px 0 5px 0;
	padding: 4px;
	background-color: #F2F5F8;
	border: 1px solid #CCC;
}

span.roomtitle {
	background: transparent url(../images/bed.gif) no-repeat left center;
	padding: 0 0 0 18px;
	color:#394C7D;
	font-size: 14px;
	font-weight: bold;
	float: left;
}

span.roominfo {
	float: right;
	margin: 0 5px;	
}

.resnotavailable {
	color: #FF0000;
}

div.resinfobox {
	margin: 4px;
	border: 1px solid #CCC;
	padding: 4px; background-color: #FFF;
}

/* TRACK */
div.restrack {
	margin: 20px 0;
	padding: 10px;
	margin: 10px 0 2px 0;
	font-size: 12px;
	color:#394C7D;
	background-color: #F2F5F8;
	border: 1px solid #CCC;
}

/* my reservations dates */
.reservationdate {
	background:transparent url('../images/calendar.gif') 0 0 no-repeat;
	padding-left:20px;
}

/* SEARCH */

/* search form container */
div.resconsearch {
	background-color: #F2F5F8;
	border: 1px solid #CCC;
	margin: 10px 0;
	padding: 10px;
}

/* my reservations fees */
.reservationfee {
	background:transparent url('../images/paypal16.gif') 0 0 no-repeat;
	padding-left:20px;
}

/* image box (hotel edit page - frontend) */
div.hoteleditimgbox {
	float: left;
	margin: 2px 5px; 
	padding: 2px;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}
div.hoteleditimgbox input { margin-top: 2px; }
div.hoteleditimgbox:hover {	background-color:#394C7D; color: #F2F5F8; }

/* add hotel link (myhotels page) */
a.addhotellink, a.addhotellink:active, a.addhotellink:visited, a.addhotellink:link, a.addhotellink:hover {
	background: #FFF url('../images/addhotel.gif') 4px 2px no-repeat;
	padding: 8px 5px 8px 36px;
	color: #122a53;
	text-decoration: none;
	border: 1px solid #122a53;
}
a.addhotellink:hover {
	color: #000;
	background-color: #EEE;
}

/* add room link (myhotel page) */
a.addroomlink, a.addroomlink:active, a.addroomlink:visited, a.addroomlink:link, a.addroomlink:hover {
	background: transparent url('../images/bed.gif') 2px 2px no-repeat;
	margin: 4px 0px;
	padding: 2px 5px 2px 22px;
	color: #122a53;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.addroomlink:hover {
	font-weight: bold;
}

/* AVAILABILITY CALENDAR */
table.avcalendar { border: 0; }
table.avcalendar caption { background-color: #333; color: #FFF; }
table.avcalendar td, table.avcalendar th {
	border: 0;
	background-color: #DDD;
	color: #000000;
	font-size: 11px;
	text-align: center;
	padding: 0 2px;
}
table.avcalendar th {
	font-weight: normal;
	background-color: #666;
	color: #fff;
}