/* MAIN SEARCH */
#searchcompare{width:931px;background-color:#ffd00c;background-repeat:no-repeat;padding:2px 10px 30px 10px;position:relative; z-index:0; background:url('/images/search4.png'); height:195px; min-height:195px;}
#searchcompare option.group {color:#06C;}
#searchcompare label {font-size:10px;}
#searchcompare span.sun{position:absolute; top:80px; left:30px;}
#searchcompare span.sun label {margin-left:2px;}
#searchcompare span.city{position:absolute; top:121px; left:30px;}
#searchcompare span.city label {margin-left:2px;}
#searchcompare span.ski{position:absolute; top:142px; left:30px;}
#searchcompare span.ski #ski {float:left;}
#searchcompare span.ski label {margin-left:2px;width:77px;display:inline-block;}
#searchcompare span.sunl{position:absolute; top:101px; left:30px;}
#searchcompare span.sunl #sunl {float:left;}
#searchcompare span.sunl label {margin-left:2px; padding-top: 2px; width:77px;display:inline-block;}
#searchcompare span.destination {position:absolute; top:82px; left:400px;}
#searchcompare span.destination select {width:150px; border:1px solid #CCC;}
#searchcompare span.resort{position:absolute;left:400px;top:121px;}
#searchcompare span.resort select{border:1px solid #CCC;width:150px;}
#searchcompare span.departure_airport {position:absolute;left:400px;top:158px;}
#searchcompare span.departure_airport select {width:150px; border:1px solid #CCC;}
#searchcompare span.departure_date {position:absolute; left:215px; top:76px;}
#searchcompare span.departure_date input {border:1px solid #CCC; padding:4px;}
#searchcompare span.flexibility {position:absolute; top:120px; left:215px;}
#searchcompare span.flexibility select {width:100px; border:1px solid #CCC;}
#searchcompare span.duration {position:absolute; top:160px; left:215px;}
#searchcompare span.duration select {width:100px; border:1px solid #CCC;}
#searchcompare span.board {position:absolute; left:640px; top:74px;}
#searchcompare span.board select {width:100px; border:1px solid #CCC;}
#searchcompare span.stars {position:absolute; top:111px; left:640px;}
#searchcompare span.stars select {width:100px; border:1px solid #CCC;}
#searchcompare span.search_email {position:absolute; top:147px; left:640px;}
#searchcompare span.search_email input{border:1px solid #CCC;}
#searchcompare span.submit {position:absolute; top:105px; left:800px;}

/* MAIN SEARCH CRUISE */
#searchcompare_cruise{width:931px;background-color:#ffd00c;background-repeat:no-repeat;padding:2px 10px 10px 10px;position:relative; z-index:0; background:url('/images/search5.jpg'); height:227px; min-height:227px; color: #fff;}
#searchcompare_cruise option.group {color:#06C;}
#searchcompare_cruise label {font-size:10px; vertical-align:3px;}
#searchcompare_cruise span.sun{position:absolute; top:83px; left:20px;}
#searchcompare_cruise span.sun label {margin-left:2px;}
#searchcompare_cruise span.city{position:absolute; top:104px; left:20px;}
#searchcompare_cruise span.city label {margin-left:2px;}
#searchcompare_cruise span.ski{position:absolute; top:125px; left:20px;}
#searchcompare_cruise span.ski #ski {float:left;}
#searchcompare_cruise span.ski label {margin-left:2px; display:inline-block; padding-top: 3px;}
#searchcompare_cruise span.cru{position:absolute; top:145px; left:20px;}
#searchcompare_cruise span.cru #cru {float:left;}
#searchcompare_cruise span.cru label {margin-left:2px; display:inline-block; padding-top: 3px;}
#searchcompare_cruise span.destination {position:absolute; top:82px; left:390px;}
#searchcompare_cruise span.destination select {width:140px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.duration{position:absolute;left:215px;top:169px;}
#searchcompare_cruise span.duration select{border:1px solid #CCC;width:100px; border-radius:5px;}
#searchcompare_cruise span.departure_airport {position:absolute;left:390px;top:169px;}
#searchcompare_cruise span.departure_airport select {width:140px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.departure_date {position:absolute; left:215px; top:82px;}
#searchcompare_cruise span.departure_date input {border:1px solid #CCC; padding:4px; border-radius:5px;}
#searchcompare_cruise span.flexibility {position:absolute; top:129px; left:215px;}
#searchcompare_cruise span.flexibility select {width:100px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.cruisetype {position:absolute; top:129px; left:390px;}
#searchcompare_cruise span.cruisetype select {width:145px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.board {position:absolute; left:610px; top:82px;}
#searchcompare_cruise span.board select {width:140px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.stars {position:absolute; top:129px; left:610px;}
#searchcompare_cruise span.stars select {width:140px; border:1px solid #CCC; border-radius:5px;}
#searchcompare_cruise span.stars input{border:1px solid #CCC; border-radius:5px; width:140px;}
#searchcompare_cruise span.search_email {position:absolute; top:160px; left:620px;}
#searchcompare_cruise span.search_email input{border:1px solid #CCC; border-radius:5px; width:140px;}
#searchcompare_cruise span.search_email a{color:#FFF;}
#searchcompare_cruise span.submit {position:absolute; top:100px; left:820px;}

/* MOBILE DETECTED*/
#mobileMsg{background-color:midnightblue;padding:10px;}
#mobileMsg a{color:#FFF; padding:10px; text-decoration:none;}
/* RESULTS */
div.results{padding:10px; margin:10px 0; background-color:#FFF; border:1px solid #CCC; float:left; width:698px;}
div.filter{padding:10px; margin:10px 0; background-color:#FFF; border:1px solid #CCC; float:left; width:200px; margin-right:10px; overflow:hidden;}
div.filter select {width:150px;}
div.results h2{margin-bottom:10px; color:#02abf9;}
div.results div.coffer{margin-bottom:10px; border-bottom:1px dashed #ccc;}
div.results div.coffer div.img{width:160px; float:left; margin-top:20px;}
div.results div.coffer div.img img{max-height:100px; overflow:hidden; padding:4px; border:1px solid #CCC;}
div.results div.coffer div.img  img.but{overflow:hidden; padding:4px 0px; border:0px solid #CCC;}
a.slist_add{background:#f2f2f2; color:#02ABF9; height:27px; width:140px; border:0px; display: block; padding:4px;}
a.slist_add_remove{background:#f2f2f2; color:#02ABF9; height:27px; width:140px; border:0px; display: block; padding:4px; text-align: center;}
div.results div.coffer div.data{float:left; /*width:350px;*/ width: 356px;}
div.results div.coffer p.hotel{line-height:20px; font-size:18px; color:#02abf9;}
p.client{font-size:10px; color:#888;}
div.results div.coffer div.price{ /*border:1px solid #CCCCCC;*/ width:180px; float:left; text-align:center; margin-top:20px; /*position: relative;*/}
div.results div.coffer div.price .pricetext{font-size:14px;}
div.results div.coffer div.price .priceval{color:#900;font-size:22px; font-weight:bold;}
div.results div.coffer div.price .priceval a{color:#900;font-size:22px; font-weight:bold;}
.hdcblue {background:linear-gradient(180deg, #6c88ff 50%, #4c6eff 50%);}
.light {background:linear-gradient(180deg, #34bbfa 50%, #02abf9 50%);}
.redbutton {background:linear-gradient(180deg, #ad3232 50%, #900 50%);}
.more-offers{color:#fff; font-family: verdana, geneva, sans-serif; font-size: 10px; font-weight: bold; padding:3px 4px; border-radius: 15px; border: solid 2px #fff; box-shadow:4px 4px 1px #404040; cursor:pointer;}
.more-offers:focus{box-shadow: 2px 2px 1px #404040; outline:none;}
a.more-offers {margin:0; text-decoration:none !important; color: #fff !important;}

/* low deposit ribbon */
/* .ribbon{position: absolute; top: 0; right: 0;}
.ribbon .text, .ribbon .banner{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
.no-css-transforms .ribbon {font-size: 1em; position: relative; width: 100%; }
.ribbon .banner {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); color: #fff; -webkit-font-smoothing: antialiased; display: block; float: right; position: relative; right: -14px; top: 22px; width: 100px;}
.ribbon .banner::after, .ribbon .banner::before {content: ''; display: block; height: 12px; position: absolute; width: 30px;}
.ribbon .banner::before {transform: skewY(-45deg) translate(50%,15px); -webkit-transform: skewY(-45deg) translate(50%,15px); -moz-transform: skewY(-45deg) translate(50%,15px); -ms-transform: skewY(-45deg) translate(50%,15px); -o-transform: skewY(-45deg) translate(50%,15px); transform-origin: 100% center; -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; left: -45px;}
.ribbon .banner::after {transform: translate(100%,-100%) skewY(45deg); -webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); transform-origin: 0 center; -webkit-transform-origin: 0 center; -moz-transform-origin: 0 center; -ms-transform-origin: 0 center; -o-transform-origin: 0 center; right: -17px;}
.no-css-transforms .ribbon .banner {position: static; width: 100%; float: none; font-size: 10px;}
.ribbon .text {position: relative; z-index: 2; padding: 6px 0; font-weight: bold; min-height: 18px; line-height: 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20); white-space: nowrap; text-overflow: ellipsis;}
.ribbon .text::before, .ribbon .text::after {content: ''; display: block; height: 30px; position: absolute; top: 0; width: 100%; z-index: -1;}
.ribbon .text::before {transform: translateX(-15%) skewX(-45deg); -webkit-transform: translateX(-15%) skewX(-45deg); -moz-transform: translateX(-15%) skewX(-45deg); -ms-transform: translateX(-15%) skewX(-45deg); -o-transform: translateX(-15%) skewX(-45deg);}
.ribbon .text::after {transform: translateX(15%) skewX(45deg); -webkit-transform: translateX(15%) skewX(45deg); -moz-transform: translateX(15%) skewX(45deg); -ms-transform: translateX(15%) skewX(45deg); -o-transform: translateX(15%) skewX(45deg);}
.no-css-transforms .ribbon .text {height: 25px; padding: 3px;}
.ribbon-red .banner::after, .ribbon-red .banner::before {background-color: #b20000 !important;}
.ribbon-red .text::before, .ribbon-red .text::after, .no-css-transforms .ribbon-red .text {background-color: #F00;} */

img.ui-datepicker-trigger{margin-top:5px; margin-left:4px;}
div.ui-datepicker-div{z-index:99999999 !important;}
img.hotelimg{padding:4px; border:1px solid #CCC; margin-bottom:10px; margin-right:10px;}
a.aboutdetails{font-weight:bold;}
.backbutton{margin-bottom:30px;}
.pagination{border-bottom:1px dashed #ccc;margin-bottom:10px;}
.prev-results{float:left;margin-bottom:10px;}
.next-results{float:right;margin-bottom:10px;}
/* OFFER DETAILS */
.more-hotel-deaks{margin-bottom:10px;}
.redstar{color:#900;}
div.altoffer{margin:0; padding:0 0 5px 0; margin-bottom:5px; border-bottom:1px dashed #ccc;}
div.altoffer span.price{float:left; color:#900;font-size:22px;font-weight:bold; width:90px; text-align:center;}
div.altoffer span.details{float:left; width:560px;}
div.altoffer span.detailsH{float:left; width:560px; font-size:13px;}
div.altoffer span.detailsNH{float:left; width:210px; font-size:13px;}
/* Delete Offers in offerdetails.php */
div.offer_delete{padding-left:3px;display:none; border:1px dotted #ccc;}
#whydelete_error{padding-left:3px; display:none; color:#FF0000;}
#whydelete_result{padding-left:3px; display:none; color:#FF0000;}
#delemail_error{padding-left:3px; display:none; color:#FF0000;}
#delemailv_error{padding-left:3px; display:none; color:#FF0000;}
#whydeleteother{padding-left:3px; display:none;}
#whydeleteother_error{padding-left:3px; display:none; color:#FF0000;}
.delbutton{background:url('../images/deleteoffer.png'); height:27px; width:126px; border:0px;}
/* Delete Offers in admin panel */
.admindelshow{display:block;}
.admindelhide{display:none;}
#femail_error{padding-left:3px; display:none; color:#FF0000;}
#femailv_error{padding-left:3px; display:none; color:#FF0000;}
#yourname_error{padding-left:3px; display:none; color:#FF0000;}
#ymail_error{padding-left:3px; display:none; color:#FF0000;}
#ymailv_error{padding-left:3px; display:none; color:#FF0000;}
#yourmessage_error{padding-left:3px; display:none; color:#FF0000;}
#ymessage_result{padding-left:3px; display:none; color:#FF0000;}
.delbutton{background:url('/images/deleteoffer.png'); height:27px; width:126px; border:0px;}
.sentbutton{background:url('/images/sendoffer.jpg'); height:27px; width:122px; border:0px;}

/* What's included pop up */
#include {
	list-style-type: none;
	font-size: 16px;
}
#check {
	list-style-type: none;
	font-size: 16px;
}

/*cruise page css 16 july Start*/
.cruise-company{ border:0px !important; padding:0 !important; float:left; margin-top:5px;}
.cruise-RightCol{float:left; width:535px; margin-top:15px;}
.crusie-Name{float:left; width:100%; padding:0 0 12px 0; border-bottom:1px solid #ccc;}
.crusie-Name h2 {color:#02abf9; font-size: 18px; line-height: 20px; float:left; font-weight:normal; padding:0; margin:0 !important;}
.crusie-Name p { float:right; color:#000; font-size:10px; padding:0px; margin:0; }
.crusie-Name p span {color:#900; font-size:22px; font-weight:bold; }
.cruise-Detail{ float:left; width:100%; margin: 5px 0 0 0;}
.cruise-Detail .col1{ float:left; width:150px; }
.marT1{ margin-top:5px;}
.cruise-Detail .col2{ float:left; width:175px; border-left:1px dotted #ccc; border-right:1px dotted #ccc; padding-left:20px; margin-right:20px;}
.cruise-Detail .col3 .font9{ font-size:9px;}
.cruise-Detail .col2 .font11{ font-size:11px; line-height:17px; }
.cruise-Detail .col3{ float:left; width:165px; text-align:center;}
.cruise-Detail .col3 a{ color:#06c; text-decoration:none; font-size:11px;}
.cruise-Detail .col3 a:hover{color:#000;}
/*.cruise-Detail .col3 {width:180px; float:left; text-align:center; margin-top:20px;}*/
.cruise-Detail .col3 .pricetext{font-size:14px;}
.cruise-Detail .col3 .priceval{color:#900;font-size:22px; font-weight:bold;}
div.results div.coffer{padding-bottom:20px;}


/*cruise page css 16 july Start*/
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font:12px Arial;
}
.CSSItinerary {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSItinerary table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSItinerary tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSItinerary table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSItinerary table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSItinerary tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSItinerary tr:hover td{
	
}
.CSSItinerary tr:nth-child(odd){ background-color:#85daf7; }
.CSSItinerary tr:nth-child(even)    { background-color:#ffffff; }.CSSItinerary td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSItinerary tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSItinerary tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSItinerary tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSItinerary tr:first-child td{
		background:-o-linear-gradient(bottom, #007bff 5%, #0061bc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007bff), color-stop(1, #0061bc) );
	background:-moz-linear-gradient( center top, #007bff 5%, #0061bc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff", endColorstr="#0061bc");	background: -o-linear-gradient(top,#007bff,0061bc);

	background-color:#007bff;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSItinerary tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #007bff 5%, #0061bc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007bff), color-stop(1, #0061bc) );
	background:-moz-linear-gradient( center top, #007bff 5%, #0061bc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff", endColorstr="#0061bc");	background: -o-linear-gradient(top,#007bff,0061bc);

	background-color:#007bff;
}
.CSSItinerary tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSItinerary tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

table.sortable th.sort:hover {
	cursor: pointer;
}

th.sort:after {
	content: '\21D5';
	float: left;
	padding: 4px 5px 0 0;
}

th.ascending:after {
	content: '\21D1';
	float: left;
	padding: 4px 5px 0 0;
}

th.descending:after {
	content: '\21D3';
	float: left;
	padding: 4px 5px 0 0;
}

.rounded {border-collapse:separate; border: 1px solid #4169e1; border-radius:5px; text-align:center; margin:0 auto;}
.rounded thead {background-color: #4169e1; color: #eee; border:none;}
.rounded tr {height: 30px;}
.rounded thead th:first-child {border-radius: 5px 0 0 0; padding: 8px;}
.rounded thead th:last-child {border-radius: 0 5px 0 0;}
.rounded tbody tr:last-child td:first-child {border-radius: 0 0 0 5px;}
.rounded tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}