/*
COMPONENT RESERVATION CSS
Author: Ioannis Sannos
Copyright (C) 2008-2009 Is Open Source. All rights reserved
link: http://www.isopensource.com
*/

/* overall container */
#reservcontainer { margin: 0; padding: 0; }

/* 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; }

/* 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; }

/* HEADINGS */
h1.reservh1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; margin: 0; padding: 0 0 5px 0; color: #323c62; line-height: 24px; font-weight: normal; }
h2.reservh2 { background: none; background-image: none; margin: 15px 0 10px 0; padding: 0; color:#444; font-size: 20px; font-family: Tahoma, verdana, Arial; }
h3.reserv { background: transparent; background-image: none; margin: 10px 0 5px 0; padding: 0; color:#394C7D; font-size: 18px; font-family: Tahoma, verdana, Arial; }
h3.reserv a { background: transparent; background-image: none; color:#394C7D; font-size: 18px; text-decoration: none; }
h3.reserv a:hover { text-decoration: underline; }
h3.restoph3 { background-color: #576a82; background-image: none; color:#fff; margin: 5px 0 5px 0; padding: 2px; font-size: 12px; font-weight: bold; font-family: Tahoma, verdana, Arial; text-align: center; }
h3.reserrorh3 { background: none; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #CC0000; line-height: 30px; text-align: center; }
h4.reservh4, h4.resroomtitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0; padding: 0 0 5px 0; color: #323c62; line-height: 16px; font-weight: bold; }
h4.resroomtitle { background: transparent url(bed.gif) no-repeat left center; color:#394C7D; padding-left: 18px; }
p.reslicense { font-family: verdana, arial, serif; font-size: 11px; color: #000; text-align: justify; padding: 0; margin: 16px 0; }

/* FRONTPAGE */

/* frontpage top and bottom modules wrappers */
div.resfptopmods, div.resfpmidmods, div.resfpbottommods, div.reshotelmods { margin: 0 0 5px 0; padding: 0; border: 0; width: 100%; float: left; }
div.reshotelmods { margin-top: 10px; }
div.resfpleft { padding: 0; margin: 0; float:left; width:60%; overflow:hidden; }
div.resfpleftfull { padding: 0; margin: 0; overflow:hidden; }
div.resfpdest { margin: 0; padding: 0; width: 100%; float: left; }
div.resfpright { padding: 0; margin: 0; float:right; width: 39%; overflow:hidden; }
img.resimg { margin: 2px; padding: 2px; border: 1px solid #CCC; }
div.resdestbox { margin: 5px 0 0 0; }
span.restitle { color:#394C7D; font-weight: bold; font-size: 14px; }
a.restitle, a.restitle:link, a.restitle:visited, a.restitle:active, a.restitle:hover { font-family: tahoma, verdana, arial; color:#394C7D; font-weight: bold; font-size: 13px; text-decoration: none; }
a.restitle:hover { text-decoration: underline; }

/* frontpage featured hotel wrapper */
.resfeatbox {
	background: #ebf4fb url(bgr-box-feat.png) no-repeat bottom right; 
	border: 1px solid #b7ddf2; 
	margin: 0 0 10px 0;
	padding: 8px;
}
div.resfeattitle {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #75b5e6;
	margin: 0 0 5px 0;
	padding: 2px;
	text-align: center;
	border: 1px solid #FFF;
}

/* frontpage box for user cp */
.resuserbox { background-color: #fdfbe2; border: 1px solid #fed095; margin: 10px 0; padding: 8px; }
a.resuserlink, a.resuserlink:link, a.resuserlink:visited, a.resuserlink:active, a.resuserlink:hover {
	background: transparent url(user16.png) no-repeat top left; 
	font-family: tahoma, verdana, arial;
	color:#cb251d;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 16px;
}
a.resuserlink:hover { color: #000; }

/* frontpage box for hotelier cp */
.reshotelierbox {
	background: #fdfbe2 url(bgr-box-hotelier.png) no-repeat right center; 
	border: 1px solid #fed095; 
	margin: 10px 0;
	padding: 8px;
	font-family: tahoma, verdana, arial;
	color:#000;
	font-weight: normal;
	font-size: 12px;
}

/* latest/top hotels */
.resfpboxwrapper {
	margin: 0 0 10px 0;
	padding: 2px 8px 2px 8px;
	background: #f4f4f3 url(bgr-box-trans.png) repeat-x top left;
	border: 1px solid #dedbd1;
}
.restophotbox { margin: 0 0 5px 0; padding: 0; }

/* HOTEL */
div.reshoteladdress { font-family: "Times New Roman", "times-roman", georgia, serif; margin: 0 0 5px 0; padding: 0; font-size: 14px; color: #4e5784; }
a.resmaplink, a.resmaplink:visited, a.resmaplink:link, a.resmaplink:active { color: #5a76e2; text-decoration: none; }
a.resmaplink:hover { color: #ff9900; text-decoration: none; }
img.reshotelimage { margin: 0; padding: 2px; border: 1px solid #ccc; background-color: #FFF; }
a.resmorepics, a.resmorepics:visited, a.resmorepics:link, a.resmorepics:active { font-size: 11px; color: #5a76e2; text-decoration: none; }
a.resmorepics:hover { font-size: 11px; color: #ff9900; text-decoration: none; }

/* room container box */
div.resroomcontainer { margin: 10px 0; padding:4px; border: 1px solid #b7ddf2; background-color: #ebf4fb; color: #000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
div.resroomcontainer h3 { font-size:14px; font-weight:bold; padding: 0; border: 0; margin: 0 0 8px 0; color: #000; }
.ressmallselect { font-size:11px; padding: 1px; border: 1px solid #aacfe4; margin: 0; }
a.avcalendarlink, a.avcalendarlink:visited, a.avcalendarlink:active, a.avcalendarlink:link, a.avcalendarlink:hover { background: transparent url(calendar16.png) no-repeat left center; padding: 0 0 0 18px; color: #394C7D; font-weight: normal; font-size: 11px; text-decoration: none; }
a.avcalendarlink:hover { color: #000000; }

/* LOCATION */
span.smalllite, div.smalllite { color:#666666; font-size:11px; font-weight:normal; font-family: tahoma, verdana, arial; }

/* location top navigation */
div.respagesinfo {
	margin: 10px 0;
	padding: 4px 2px;
	background-color: #fefee0;
	border-top: 1px solid #e8e976;
	border-bottom: 1px solid #e8e976;
	color: #444;
}

/* hotel entry */
div.reshotelrow { margin: 0 0 20px 0; padding: 0; }
div.resdetailscol { margin: 0 4px 0 0; padding: 0; font-size: 11px; color: #666; }
div.resphoto { margin: 0 auto 5px 0; padding: 0; text-align: center; }
div.resphoto img { margin: 0; padding: 2px; border: 1px solid #666; background-color: #FFF; }
div.reservationdate { background:transparent url('calendar16.png') 0 0 no-repeat; padding-left:20px; line-height: 16px; }
div.reslcomments { background:transparent url(user16.png) 0 0 no-repeat; padding-left:20px; line-height: 16px; }
div.reshits {}
div.respricefrom { color: #3f5f73; }

/* DESTINATIONS */
ul.resdestul { list-style: none; margin: 10px 0; padding: 0; clear: both; }
ul.resdestul li, li.resdestli { list-style-type: none; margin: 0 0 5px 0; padding: 0; clear: both; }
ul.resdestul li img, li.resdestli img { padding: 0; margin: 0 5px 2px 0; }
ul.resdestul li:hover, li.resdestli:hover {
	background-color: #fefee0;
}

a.resshowhide, a.resshowhide:visited, a.resshowhide:active, a.resshowhide:link, a.resshowhide:hover { text-decoration: none; color: #000000; }
a.resshowhide:hover { color: #cc0000; }

/* my reservations list */
ul.resmyres { list-style: none; margin: 20px 0; padding: 0; text-indent: 0; background: none; }
ul.resmyres li, li.resmyres_li {
	list-style-type: none;
	padding: 0;
	text-indent: 0;
	margin: 0 0 15px 0;
	background-color: #f3f7fb;
	border: 1px solid #cddfef;
}
div.resmyres_top {
	background-color: #e4ecf6;
	padding: 4px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: tahoma,verdana,arial;
	font-weight: bold;
	font-size: 12px;
	color: #103768;
}
div.res_sidesmall { width: 150px; float: right; font-size: 11px; color: #9eb7d7; text-align: right; margin: 0 10px 0 0; }
div.resmyres_main { margin: 0; padding: 4px; font-family: tahoma,verdana,arial; font-weight: normal; font-size: 12px; color: #444; }

a.resbutlink, a.resbutlink:visited, a.resbutlink:active, a.resbutlink:link, a.resbutlink:hover {
	text-decoration: none;
	color: #fff;
	background-color: #8ea5c2;
	font-size: 12px;
	font-family: tahoma, verdana, arial;
	padding: 1px 5px;
	margin: 0 15px 0 0;
}
a.resbutlink:hover { background-color: #044597; }

/* print container (span), invisible on print */
.resprint { margin: 0 10px; font-size: 12px; }

/* GALLERY */
div.resgallery { margin: 5px 0; padding: 2px; background-color: #ebf4fb; border: 1px solid #b7ddf2; }
div.resgallery img { margin: 2px; padding: 2px; border: 1px solid #55AAFF; background-color: #FFF; }

/* COMMENTS - REVIEWS */
div.rescomments { margin: 0; }
div.resreviewsum { margin: 4px 0; border: 1px solid #b7ddf2; background-color: #ebf4fb; padding: 4px; font-size: 11px; color: #183655; }
div.resrevtotal { width: 160px; float: left; margin-right: 3px; text-align: center; }
div.resrevscore { text-align: center; height: 48px; background: transparent url(comment48.png) no-repeat center; color: #fff; font-weight: bold; font-size: 16px; padding: 0; line-height: 38px; }
ul.resscorebars { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.resscorebars li { margin: 0; padding: 0; }
div.resscoretitle { float: left; width: 140px; }
div.resscorelineout { float: left; width: 100px; border: 1px solid #fff; height: 5px; margin: 5px 5px 0 0; background-color: #fecc81; }
div.resscorelinein { float: left; height: 5px; background-color: #2f6ca9; }
div.resinfolight { margin: 0 0 10px 0; color: #444; }
div.rescomments h3 { background: none; margin: 10px 0 2px 0; padding: 0; color:#394C7D; font-size: 18px; }
ul.rescomwrap { list-style-type: none; margin: 5px 0; padding: 0; }
li.resline0, li.resline1 { margin: 0; padding: 2px 2px 6px 2px; background-color: #F8F8F8; border-top: 1px solid #CCC; }
li.resline1 { background-color: #FFF; }
.rescomdate { background:transparent url('calendar16.png') 0 0 no-repeat; padding-left:18px; margin-right: 10px; }
.rescomaddress { background:transparent url('home16.png') 0 0 no-repeat; padding-left:18px; margin-right: 10px; }
.rescomauthor {	background:transparent url('user16.png') 0 0 no-repeat;	padding-left:18px; margin-right: 10px; }
div.rescomtop { font-size: 11px; color: #2f6ca9; }
div.authline { background-color: #fdf1f0; color: #a01710; padding: 2px; margin: 4px 0 0 0; font-size: 11px; font-weight: bold; }
a.reshidelink, a.reshidelink:visited, a.reshidelink:link, a.reshidelink:active { color: #CC0000; text-decoration: none; }
a.reshidelink:hover { color: #000; text-decoration: none; }

/* add comment and hotel contact forms */
div.resformcontainer { margin: 20px 0; padding:10px; border: 1px solid #b7ddf2; background-color: #ebf4fb; color: #000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
div.resformcontainer form { margin: 0; padding: 0; }
#rescommentsfm h3, #rescontactfm h3 { font-size:14px; font-weight:bold; padding: 0; border: 0; margin: 0 0 8px 0; color: #000; }
#rescommentsfm p, #rescontactfm p, div.resformcontainer p { border: 0; color: #666666; margin: 0 0 10px 0; border-bottom: 1px solid #b7ddf2; padding: 0 0 5px 0; }
#rescommentsfm label, #rescontactfm label, div.resformcontainer label { font-size:12px; padding: 2px; display:block; font-weight:normal; float:left; margin: 0 5px 0 0; width: 120px; text-align: right; }
#rescommentsfm select, #rescontactfm select, .resselect { float:left; font-size:12px; padding: 1px; border: 1px solid #aacfe4; margin: 0 6px 0 0; }
span.rescomsmall { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; }
#rescommentsfm textarea, #rescontactfm textarea, .restextarea { float:left; font-size:12px; padding: 0; border: 1px solid #aacfe4; width: 320px; height: 60px; margin: 2px 0; }
#rescommentsfm input.rescomtext, #rescontactfm input.rescomtext { float:left; font-size:12px; padding:1px; border:1px solid #aacfe4; width:100px; margin:4px 0; }
.resbutton { margin: 0 0 0 140px; padding: 0; border: 0; clear:both; width:125px; height:31px; background:#333 url(button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; cursor: pointer; }
.resbutton2 { margin: 0 20px; padding: 0; border: 0; clear:both; width:125px; height:31px; background:#333 url(button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; cursor: pointer; }
.resbutton3 { margin: 0; padding: 0; border: 0; clear:both; width:125px; height:31px; background:#333 url(button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; cursor: pointer; }
.resstdbutton { margin: 0; padding: 2px 5px; border: 1px solid #84b1d0; background-color: #0d507f; color:#FFFFFF; font-size:12px; font-weight:bold; cursor: pointer; }
.resstdbutton:hover { border: 1px solid #f9615a; background-color: #CC0000; }

/* TABLE */
table.restable { margin:5px 0; padding: 0; border: none; border-top: 1px solid #b7ddf2; }
table.restable th { background-color: #7485b3; margin: 0; padding: 2px; color:#FFF; border-bottom: 1px solid #b7ddf2; }
table.restable td { margin: 0; padding: 2px; color:#394C7D; border-bottom: 1px solid #b7ddf2; }
table.restable tr.line0 td { background-color: #f2f8fc; }
table.restable tr.line1 td { background-color: #ebf4fb; }
table.restable tr.linetotal td { background-color: #f8f8d2; }

table.reswtable { margin: 5px 0; padding: 0; border: none; border-top: 1px solid #ddd; }
table.reswtable td { margin: 0; padding: 4px; color:#000; background-color: #FFF; border-bottom: 1px solid #ddd; }

/* SEARCH RESULTS */
table.ressmtable { margin:5px 0; padding: 0; border: none; font-size: 12px; font-family: tahoma, verdana, arial; }
table.ressmtable tr { background-color: inherit; }
table.ressmtable th { background-color: #e8f2f6; margin: 0; padding: 1px; color:#1f4c76; border: none; font-weight: bold; font-size: 12px; }
table.ressmtable td { margin: 0; padding: 1px; color:#000; border: none; font-size: 12px; }

/* PATHWAY */
div.respathway { margin: 0 0 10px 0; padding: 0; color: #666; font-size: 11px; font-family: Tahoma, Arial, serif; border-bottom: 1px dashed #ddd; }
a.respathlink, a.respathlink:visited, a.respathlink:link, a.respathlink:active { color: #5a76e2; font-size: 11px; text-decoration: none; }
a.respathlink:hover { color: #ff9900; font-size: 11px; text-decoration: none; }

/* SEARCH PAGINATION LINKS */
span.respagenav { font-size: 11px; color: #555; }
a.respagenav, a.respagenav:link, a.respagenav:visited, a.respagenav:active {
	font-size: 11px;
	background: none;
	padding: 0;
	text-decoration: none;
	border: none;
	color: #be863d;	
}
a.respagenav:hover { color: #000; }

/* CONFIRMATION PAGE */
div.reslightbox { margin: 10px 0; padding: 2px 5px; background-color: #f2f8fc; border: 1px solid #b7ddf2; color:#333; }
table.reslighttable td { border-bottom: 1px solid #cfe9f8; }

div.ressmtitlebox {
	margin: 0;
	padding: 3px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #DDD;
	color: #666;
}

/* YETII TABS */
div.restabs-wrapper { width: 100%; margin: 0 0 20px 0; }
ul.restabs-navigation {
	margin: 0;
	padding: 2px;
	list-style-type: none;
	width: 100%;
	float: left;
	background-color: #efefef;
}
ul.restabs-navigation li { margin: 0 2px 0 0; float: left; list-style-type: none; }
ul.restabs-navigation a {
	float: left;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	color: #3a5a6f;
	border: 1px solid #fff;
	background: #d8d6d9 url(tabs_bk.png) top left repeat-x;
}
ul.restabs-navigation a:hover {
	color: #FFF;
	background: #fe7902 url(tabs_over.png) top left repeat-x;
}
ul.restabs-navigation a.restabactive {
	background: #0a446c url(tabs_sel.png) top left repeat-x;
	cursor: default;
	color: #fff;
	text-decoration: none;
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
}
.restabs { clear: left; border: 1px solid #ccc; border-top: 0; padding: 20px 8px 0 8px; }

/* 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; }

/* MESSAGE BOXES */
.resauthorized { margin: 10px 0; background: #fdf1f0 url(authorized32.png) no-repeat 2px 50%; padding: 2px 0 2px 38px; min-height: 38px; color: #a01710; border-top: 1px solid #a01710; border-bottom: 1px solid #a01710; }
.reswarning { margin: 5px 0; padding: 3px 0; border-top:1px solid #e2e2a0; border-bottom:1px solid #e2e2a0; background-color:#FFFFD4; color:#444; }
.resalert { margin: 5px 0; padding: 3px 0; border-top:1px solid #f1b4af; border-bottom:1px solid #f1b4af; background-color:#fdf0ea; color:#444; }
.reserror { color: #000; padding: 0; margin: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 24px; font-weight: normal; text-align: center; }
.reserror a, .reserror a:link, .reserror a:visited, .reserror a:active { font-weight: normal; padding: 1px 3px; margin: 0 4px; color: #CC0000; text-decoration: none; }
.reserror a:hover { background-color: #555; color: #FFF; text-decoration: none; }
.respointer:hover { cursor: pointer; }

/* rounded corners box */
div.res_rounded { margin: 20px 0; padding: 10px; background: #f8f6dc; position: relative; }
div.res_rounded span { margin: 0; padding: 0; width: 10px; height: 10px; background-image: url(rounded.png); background-repeat: no-repeat; position: absolute; }
span.res_tl { top: 0; left: 0; background-position: top left; }
span.res_tr { top: 0; right: 0; background-position: top right; }
span.res_bl { bottom: 0; left: 0; background-position: bottom left; }
span.res_br { bottom: 0; right: 0; background-position: bottom right; }

/* ON PRINT RULES */
@media print {
  .resprint { display: none; }
}