/* 
IOS Reservations - Hotels
HOTELIERS CONTROL PANEL CSS
Is Open Source - Ioannis Sannos
http://www.isopensourc.com
*/
.body, body.innerpage { margin:0 !important; padding:0 !important; background-color:#FFF !important; background-image:none; color:#333333 !important; font:normal 13px/18px Helvetica,Arial,sans-serif; }
.tab_container { clear:both; }
.cpwrap { margin:0 auto; padding:0; background-color:#FFF; }
.cpcntbox {
	margin:40px auto 20px auto;
	padding:20px;
	width:600px;
	background-color:#F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.cpwrap h2 { font:bold 24px/32px Helvetica,Arial,sans-serif; color:#317EAC; margin:0 0 15px 0; padding:0; border:none; }
.cpwrap h2 span { color:#666; }
.cpwrap p { font:normal 13px/18px Helvetica,Arial,sans-serif; color:#444444; margin:0 0 15px 0; padding:0; }
.cpfooter { margin:40px 0 20px 0; padding:0; font:normal 12px/16px tahoma, arial, sans-serif; color:#666; text-align:center; }
.cpfooter a { color:#333333 !important; text-decoration:none; }
.cpfooter a:hover { text-decoration:underline; }
/* TOP NAVIGATION */
.cptopwrap { margin:0 0 20px 0; padding:0; }
.cptoptitle {
	margin:0; padding:8px 20px; color:#FFF; font:bold 18px/24px helvetiva, arial, sans-serif; background-color:#444444; white-space:nowrap; overflow:hidden; 
	background: -moz-linear-gradient(top,  #666666 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top,  #666666 0%,#222222 100%);
	background: -o-linear-gradient(top,  #666666 0%,#222222 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#222222 100%);
	background: linear-gradient(to bottom,  #666666 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
}
.cpnav { margin:0; padding:0; background-color:#3F9FD9; color:#fff; display:block; }
.cpnavmobile { display:none; margin:0; padding:5px; border-bottom:1px solid #3887B3; }
.cpnavmobile a {
	margin:0; padding:0 0 0 30px; color:#ffffff !important; text-decoration:none !important; display:block;
	font:normal 16px/24px Helvetica, arial, sans-serif; background:url(menu24.png) 0 0 no-repeat; height:24px; vertical-align:middle; 
}
.cpnav ul, .cpnav ul > li { margin:0; padding:0; list-style:none outside; text-indent:0; }
.cpnav ul > li { margin:0; padding:5px 10px; float:left; width:auto; border-right:1px solid #3887B3; }
.cpnav ul > li a { margin:0; padding:3px; color:#ffffff !important; text-decoration:none !important; display:block; }
.cpnav ul > li.navactive { background-color:#61b9ef; }
.cpnav ul > li:hover { background-color:#444; }
.cpnav ul > li.navactive:hover { background-color:#015587; }
/* table */
.cptable {
  background-color:transparent; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:18px;
  border: 1px solid #dddddd; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.cptable th { margin:0; padding:8px; line-height:18px; text-align:left; vertical-align:bottom; border-top:1px solid #ccc; font-weight:bold; border-left:1px solid #ccc; background-color:#e1e1e1; }
.cptable th.cpsub { color:#666; }
.cptable td { margin:0; padding:8px; line-height:18px; text-align:left; vertical-align:top; border-top:1px solid #dddddd; border-left:1px solid #dddddd; }
.cptable tr:first-child th, .cptable tr:first-child td { border-top: 0; }
.cptable tr:first-child th:first-child, .cptable tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; }
.cptable tr:first-child th:last-child, .cptable tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; }
.cptable tr:last-child th:first-child, .cptable tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.cptable tr:last-child th:last-child, .cptable tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; }
.cptable tr.cprow0 td { background-color:#F5F5F5; }
.cptable tr.cprow1 td { background-color:#FFFFFF; }
.cptable tr.cprowwhite td { background-color:#FFFFFF; }
.cptable tr:hover td { background-color:#F5F5F5; }
.cptable tr.cprowwhite:hover td { background-color:#FFFFFF; }
/* small button link */
a.cpbtnlinksm, a.cpbtnlinksm:link, a.cpbtnlinksm:visited, a.cpbtnlinksm:hover, a.cpbtnlinksm:active, a.cpbtnlinksm:focus {
	display:inline-block; margin:3px 20px 3px 0; padding:1px 10px 4px 10px; font:normal 13px/16px tahoma, arial, sans-serif; background-color:#555555; color:#FFF; text-decoration:none;
    border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
a.cpbtnlinksm:hover { background-color:#356094; }
/* tabs */
ul.tabs { margin:0; padding:0; display:block; list-style:none; height:25px; border:none; border-bottom: 1px solid #D7E4F2; border-left: 1px solid #D7E4F2; }
ul.tabs li {
    margin:0; padding:0; width:auto; float:left; height:24px; line-height:24px; 
    border:1px solid #D7E4F2;border-left:none; margin-bottom:-1px; overflow:hidden; position:relative; background:#E7EEF4;
}
ul.tabs li a { text-decoration: none; color:#1866B7; display:block; font-size:1em; padding:0 20px; border:1px solid #fff; outline:none; }
ul.tabs li a:hover { background:#D2E0ED; }
ul.tabs li.active, ul.tabs li.active a:hover  { background:#fff; font-weight:bold; color:#1866B7; border-bottom:1px solid #fff; }
ul.tabs li.active { border-top: 1px solid #FFA223; }
.tab_container { border:1px solid #D7E4F2; border-top:none; overflow:hidden; display:block; background: #fff; padding:0!important; }
.tab_content{ padding:12px; }
/* toolbar */
a.elx_toolbar, a.elx_toolbar:visited, a.elx_toolbar:active { outline:none; background:#efefef; display:inline; float:none; margin:2px 10px 2px 0; padding:3px 6px; color:#286DA9 !important; font:bold 13px/16px tahoma, arial serif; border:1px solid #ccc; text-decoration:none; }
a.elx_toolbar span { background:inherit; display:inline; float:none; font:bold 13px/16px tahoma, arial serif; }
a.elx_toolbar img { margin:0; padding:0; border:none; vertical-align:top; }
a.elx_toolbar:hover { background:#CFE3F1; color:#286DA9; border-color:#6EA9D5; text-decoration:none; }
/* note box */
.cpnotebox {
	margin:8px 0; padding:4px; background-color:#eeeeee; color:#444; border:1px solid #ccc;
	font:normal 12px/16px Tahoma, Arial, sans-serif;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px;
}
/* full page ajax loader */
.cploader_off { margin:0; padding:0; position:fixed; left:0; top:0; z-index:0; display:none; visibility:hidden; width:1px; height:1px; overflow:hidden; background-color:#666; }
.cploader_off #cploader_msg { display:none; visibility:hidden; }
.cploader_on {
	margin:0; padding:0; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; overflow:hidden; background-color:#666; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8;
}
.cploader_on #cploader_msg {
	position:relative; top:40%; left:0; margin:0 auto; padding:0; text-align:center;
	font:bold 14px/18px tahoma, arial, sans-serif; color:#ffffff; z-index:11;
}
.DynarchCalendar, .DynarchCalendar div, table.DynarchCalendar-titleCont, table.DynarchCalendar-titleCont td { box-sizing: content-box; }
/* add on classes */
.cporange { color:#ff6600 !important; }
.cppad { padding:5px; }
.cpdspace { margin:0 0 10px 0; }
.cptspace { margin:10px 0 0 0; }
.cpcenter { text-align:center !important; }
.cpsmall { font:normal 12px/14px tahoma, arial, sans-serif; color:#666666; }
@media (max-width: 890px) {
	.cpcntbox { width:92%; padding:3%; }
	.tablethide { display:none; visibility:hidden; }
	.cpnavmobile { display:block; }
	.cpnav ul { display:none; }
	.cpnav ul > li { margin:0; padding:5px 15px; float:none; display:block; width:100%; border-right:0; border-bottom:1px solid #3887B3; }
}
@media (max-width: 480px) {
	.tablethide { display:none; visibility:hidden; }
	.mobilehide { display:none; visibility:hidden; }
}