/*
----------------------------------------------------------------------------------
Default css 
----------------------------------------------------------------------------------
*/

/* Reset all of the document's element styles to zero... */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{font-family: Helvetica,sans-serif,Tahoma;font-size: 75%;color: #666;line-height: 1.35em;}
h1{font-size: 24px;color: #4b0871;}
h2{/*font-size: 18px;*/color: #4b0871;font-weight: bold;line-height: 20px;margin-bottom: 5px;}
h3{font-size: 14px;color: #4b0871;font-weight: bold;line-height: 20px!important;margin: 5px 0;}
h4{font-size: 14px;color: #666;font-weight: bold;line-height: 20px!important;/*margin: 5px 0;*/}
a{font-size: 12px; color: #990799;text-decoration: none;}
/* Remove 13 SEP 19 - By CSAKORN */
/*a:hover {font-size: 12px; color: #BB2792;text-decoration: underline;} */
p{font-size: 12px; color: #555;line-height: 20px;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table,tr,td {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Clearing Floats Class STARTS */
.Wrapper {
	display: inline-block;}
.Wrapper:after {
	Content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .Wrapper {
	height: 1%; }
.Wrapper {
	display: block;}
/* Clearing Floats Class ENDS  */

/*  */

.hide, .Hide {
	display: none;}
.clear {width: 100%; height: 1px; clear: both; display: block; overflow: hidden;}
			
.MsoNormalTable td, .MsoNormalTable th { border: 1px solid #fff;}

/*******************************View_All_Booking***********************************/

.imgcitybutton{
	position: relative;
	top: 6px;
	cursor: pointer;
	background: url('/static/common/imgs/btn-viewcity-hover.png');
	margin-top:-10px;
	margin-left:-4px;
}
.imgcitybutton:hover{
	background: url('/static/common/imgs/btn-viewcity-hover.png');
}

.regionside{
	padding-left: 8px;
}
.borderme{
border: 1px solid #3E075B;
}

.regionlink {
	font-family:arial;
	font-size: 16px;
	height: 44px;
	padding-left: 10px;
	padding-top: 12px;
	font-size:14px;
	
	-webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
.regionlink:hover{
	background-image: url('/static/common/imgs/region-arrow-hover.png');
	background-position: -140px 0px;
	background-repeat: no-repeat;
	color: #7d2bae;
	cursor: pointer;
	height: 44px;
	
}

.citylistarea{
	padding-top: 30px;
	
	max-height: 510px;
	overflow-y: auto;
	
}

.citylistarea >ul{
	list-style-image:url('/static/common/imgs/city-bullet.png');
}

#citylistblock{
	margin-bottom: 30px;
}

.regionactive{
	background-image: url('/static/common/imgs/region-arrow.png');
	background-position: -140px 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	cursor: pointer;
	height: 44px;
	
}

p.selectOption {
	width: 30px;
	padding: 3px;
	text-align: center;
	position: absolute;
	top: -40px;
	right: 0px;
	left: 0px;
	border-radius: 3px;
	cursor: pointer;
	color: #FFF;
}


.popupCountry {
	position: fixed;
	top: 60px !important;
	left: 400px !important;
	background: #7F3F9C;/*#FFF25A;*/
	width: 46% !important; /* old 80% */
	z-index: 999;
	padding: 0 0 0 0 ;/* 16px 30px;*/
	box-shadow: 0px 0px #E8E8E8;
	border-radius: 3px;
	border: 1px solid #3E075B;
	-webkit-user-drag: element;
	
}
.popupCountry p{
	color: #000000 !important;
}



.selectcitybtn {
	background: linear-gradient(to bottom, #feda0c 0%, #dfa304 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    border-radius: 3px;
    color: #361a65;
    display: inline !important;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 12px !important;
    position: static;
    width: auto !important;
	cursor: pointer;
	float: right !important;
	margin-right: 26px !important;
	margin-bottom: 8px !important;
}



.regionside {
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


[draggable=true] {
    cursor: move;
}

.datacity {
	font-size: 12px;
	color: #000000;
}
.datacity a{
	color:#000000;
}

.datacity a:hover{
	color: #F4D90A;
	text-decoration:underline;
}

.cityheader{
	/*background-color: #7F3F9C;*/
	color: #FFFFFF;
	font-family: Arial;
	font-size: 18px;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.citylabel{
	color: #380C4D;
	font-family: Arial;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px ;
}

.cityarea{
	position: relative;
	background:#ffffff;
	color:#000000;
	/*width: 72.8%;*/
	
}

[id^='SelectBox'] {
    width: 96% !important; /**** change from 320 to 260 : 2014-10-21 ***/
    /*height:380px !important;*/
}

.countryname{
	padding-top: 8px;
}
.cityblock>ul li{
	padding-left:20px;
}

[id^='screen']{
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	background: #000000;
	z-index:800;
}

span.closePopup {
	position: absolute;
	font-size: 12px;
	top: 4px;
	right: 6px;
	cursor: pointer;
	padding: 4px;
	padding-top:2px;
	background: #C6A0E5;/*#F69696*/
	border-radius: 3px;
}

.datos{
  table-layout: fixed;
}
.modal-header{
   cursor: move;
  }

.ui-widget-content a {
	color: #BB2792;
}


/* iPhone portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	.popupCountry {
		position: absolute !important;
		top: 20px !important;
		left: 20px !important;
		width: 90% !important;
	}
	p.selectOption {
		top: 29px !important;
	}
}
/* iPhone landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	.popupCountry {
		position: absolute !important;
		top: 70px !important;
		left: 15px !important;
		width: 95% !important;
	}
}
/* iPad portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.popupCountry {
		position: absolute !important;
		top: 80px !important;
		left: 20px !important;
		width: 95% !important;
	}
	p.selectOption {
		width: 30px !important;
		padding: 3px !important;
	}
}

@media (max-width: 420px) {
	// .livechat-right{
	// 	background: none;
	// }
	.needhelp-right{
		background: none;
	}
}
@media (min-device-width:569px) {
	.livechat-right{
		display:none;
	}
}
.livechat-right{
	cursor: pointer;
}

.livechat-right p {
    font: 17px/18px Arial;
    margin-bottom: -10px;
    margin-top: 20px;
    color: #4b0871;
}

.ac-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*placeholder*/
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #555;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #555;
}

.livechat-right {
    cursor: pointer;
}

.livechat-right p {
    font: 17px/18px Arial;
    margin-bottom: -10px;
    margin-top: 20px;
    color: #4b0871;
}