/*
IOS Reservations
CONTROL PANEL CSS
Created by Ioannis Sannos ( http://www.isopensource.com )
*/

body.iosrcbody {
	margin: 0;
	padding: 0;
	background: none;
	background-color: #FFF;
	font: normal 12px/16px tahoma, verdana, serif;
	color: #333;
}
.iosrccontainer {
	margin: 2px 5px;
	padding:0;
	font: normal 12px/16px tahoma, verdana, serif;
	color: #333;
	text-align: left;
}

div.iosrblock {
	background: #FFF url(boxback.gif) top left repeat-x;
	margin: 0 0 8px 0;
	padding: 3px;
	color:#333;
	border: 1px solid #eee;
	font: normal 12px/16px tahoma, verdana, serif;
}

div.iosrstep {
	background-color: #fff;
	float: left;
	margin: 3px 6px 3px 0;
	padding: 3px 6px;
	border: 1px solid #ddd;
	color: #555;
	font: normal 12px/16px tahoma, verdana, serif;
}

div.iosrstepact {
	background-color: #d6eaff;
	float: left;
	margin: 3px 6px 3px 0;
	padding: 3px 6px;
	border: 1px solid #b7daff;
	color: #000;
	font: bold 12px/16px tahoma, verdana, serif;
}

h2.iosrh2 {
	margin: 3px 0;
	padding: 0;
	color: #1c70c9;
	font: normal 21px/24px tahoma, verdana, serif;
}

h3.iosrh3 { background: transparent; background-image: none; padding: 0; margin: 5px 0 5px 0; padding: 0; color:#394C7D; font: normal 16px/19px Tahoma, verdana, serif; }

div.iosraddress {
	margin: 0 0 5px 0;
	padding: 0;
	color: #99CC00;
	font: normal 14px/17px tahoma, verdana, serif;
}

p.iosrpara {
	margin: 5px 0 8px 0;
	padding: 0;
	color: #333;
	font: normal 12px/16px tahoma, verdana, serif;
}

noscript { font-weight: bold; color: #FF0000; }

ul.iosrulist {
	margin: 10px 0 15px 0; 
	padding: 0; 
	text-transform: none;
	text-decoration: none;
	text-indent: 5px;
	list-style: disc;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(bullet.png);
}
ul.iosrulist li {
	padding: 0;
	margin: 0 0 3px 0;
	text-indent: 0;
	border: none;
	color: #333;
	font: normal 12px/16px tahoma, verdana, serif;
}

.iosrsmallerror {
	margin: 15px 0;
	padding: 4px;	
	color: #333;
	font: normal 12px/16px tahoma, verdana, serif;
	border: 1px solid #FF5555;
	background-color: #FFD4D4;
}

.iosrsmallwarn {
	margin: 5px 0;
	padding: 4px;	
	color: #333;
	font: normal 12px/16px tahoma, verdana, serif;
	border: 1px solid #fef1bb;
	background-color: #fefee4;
}

.iosrsmalllightbox {
	margin: 5px 0; 
	padding: 4px; 
	background-color: #f2f8fc; 
	border: 1px solid #b7ddf2; 
	color:#333; 
	text-align: left;
	font: normal 12px/16px tahoma, verdana, serif;
}

.iosrwarn {
	margin: 10px 0;
	padding: 4px 4px 10px 50px;	
	color: #333;
	font: normal 12px/16px tahoma, verdana, serif;
	border: 1px solid #fef1bb;
	min-height: 30px;
	background: #fefee4 url(warning32.png) 4px center no-repeat;
}

input.rescomtext { font: normal 12px/16px tahoma, verdana, serif; padding:1px; border:1px solid #aacfe4; width: 100px; margin:1px 0; background-color: #fff; }
.resselect { font: normal 12px/16px tahoma, verdana, serif; padding: 1px; border: 1px solid #aacfe4; margin: 0 6px 0 0; }
.iosrtextarea {
     width: 300px;
     height: 80px;
     padding: 4px;
     border: 1px solid #aacfe4;
     font: normal 12px/16px tahoma, verdana, serif;
}

input.iosrbutton, .iosrbutton {
    margin:0;
    padding:3px 6px;
    background-color:#edfbcb;
    border:1px solid #b8d670;
    border-top:1px solid #cae291;
    border-left:1px solid #cae291;
    font: bold 13px/16px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    
}
input.iosrbutton:hover, .iosrbutton:hover { background-color: #e1f3b5; border:1px solid #d5d5d5; color:#000; }

.roomtitle {
	color: #1c70c9;
	font: normal 14px/17px tahoma, verdana, serif;
}
.lighttext {
	color: #666;
	font: normal 11px/14px tahoma, verdana, serif;
}
div.iosrtblwrapper {
	margin: 5px 0;
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}

table.iosrtbllist {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	border-collapse: collapse;
}

table.iosrtbllist tr th, table.iosrtbllist tr th.ircenter {
	padding: 4px 2px;
	color: #000;
	font: bold 12px/16px tahoma, verdana, sans-serif;
	text-align: left;
	background-image: none;
	background-color: #d6eaff;
	border: 1px solid #b7daff;
	
}
table.iosrtbllist tr th.ircenter { text-align: center; }

table.iosrtbllist tr th.irsub {
	padding: 4px 2px;
	color: #222;
	font: normal 12px/16px tahoma, verdana, sans-serif;
	text-align: left;
	border: 1px solid #d0e6fd;
	background-image: none;
	background-color: #e9f3fd;
}

table.iosrtbllist tr td, table.iosrtbllist tr td.ircenter {
	padding: 4px;
	background-color: #f9f9f9;
	color: #000;
	font: normal 12px/16px tahoma, verdana, sans-serif;
	text-align: left;
	border: none;
	border-bottom: 1px solid #ddd;
}
table.iosrtbllist tr td.ircenter { text-align: center; }

table.iosrtbllist tr.irrowX td, table.iosrtbllist tr.irrowX td.ircenter {
	padding: 4px;
	background-color: #fde5e5;
	color: #000;
	font: normal 12px/16px tahoma, verdana, sans-serif;
	text-align: left;
	border: none;
	border-bottom: 1px solid #e0e0e0;
}
table.iosrtbllist tr.irrowX td.ircenter { text-align: center; }

table.iosrtbllist tr:hover td, table.iosrtbllist tr:hover td.ircenter { background-color: #fff; }
table.iosrtbllist tr.irrowX:hover td, table.iosrtbllist tr.irrowX:hover td.ircenter { background-color: #f9fbc1; }

a.reslink, a.reslink:visited, a.reslink:link, a.reslink:active { color: #5a76e2; text-decoration: none; }
a.reslink:hover { color: #ff9900; text-decoration: none; }

a.resulink, a.resulink:visited, a.resulink:link, a.resulink:active { color: #599ce1; text-decoration: underline; }
a.resulink:hover { color: #000; text-decoration: underline; }

img.resimage { margin: 2px; padding: 2px; border: 1px solid #ddd; background-color: #FFF; float: left; }

/* 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(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(prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(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(closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* calendar */
.hidden { opacity: 0; position: absolute; }
.visible { opacity: 1; }
input.iosavcalendar, select.iosavcalendar { width: 99px; }
button.iosavcalendar { background: url(calendar-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 6px; width: 20px; }
button.iosavcalendar:hover, button.iosavcalendar.active { background-position: 0 20px; }
div.iosavcalendar { background: url(calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; }
div.iosavcalendar * { margin: 0; padding: 0; }
div.iosavcalendar div { background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }	
div.iosavcalendar caption { color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%; }
div.iosavcalendar caption a { cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px; }
div.iosavcalendar caption a.prev { background-image: url(calendar-prev.gif); left: 0; }
div.iosavcalendar caption a.next { background-image: url(calendar-next.gif); right: 0; }
div.iosavcalendar caption a:hover { background-position: 0 12px; }
div.iosavcalendar caption span { height: 25px; position: relative; text-align: center; }
div.iosavcalendar caption span.month { padding-right: 8px; }
div.iosavcalendar caption span.month:after { content: ','; }
div.iosavcalendar table { background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; }
div.iosavcalendar td, div.iosavcalendar th { border: 0; color: #0597DB; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
div.iosavcalendar td { background: url(calendar-td.gif); color: #FFF; font-size: 11px; }
div.iosavcalendar td.invalid { color: #999; }
div.iosavcalendar td.valid { background: url(calendar-valid.gif); color: #0597DB; cursor: pointer; }
div.iosavcalendar td.hilite { background: url(calendar-hilite.gif); }
div.iosavcalendar td.inactive { background: url(calendar-td.gif) 0 100%; color: #FFF; }
div.iosavcalendar td.active, div.iosavcalendar td.hover { background: url(calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer; }

/**************************/

.reslightbox { margin: 10px 0; padding: 5px; background-color: #f2f8fc; border: 1px solid #b7ddf2; color:#333; text-align: left; }
.resservicebox { margin: 10px 0; padding: 5px 0; background-color:#FFFFD4; border:1px solid #e2e2a0; color:#444; text-align: left; }
div.resformcontainer { margin: 0 0 10px 0; padding: 5px; border: 1px solid #b7ddf2; background-color: #ebf4fb; color: #000; font: normal 12px/16px Tahoma, Verdana, serif; }
div.resformcontainer form { margin: 0; padding: 0; }

/* ON PRINT RULES */
@media print {
  .iosrnoprint, .iosrnoprint a { visibility:hidden; display: none; }
}