@import "_Shared.css";
@import "_Themes.css";

BODY {
	color: #333;
	margin:0px;
	font-weight: normal; 
	font-size: 13px; 
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	}

td {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	}

a:link { color: #0253b7; text-decoration: none;}
a:visited { color: #0253b7; text-decoration: none;}
a:hover {  color: #cc0000; text-decoration: underline;}

header{background:#fff; min-height: 0}
#pHeader{width:100%;position:relative;border-bottom:1px solid gray;height:90px}
#pg_Home #pHeader{border-bottom:0px}
#pHeader #pLogo{position:absolute;left:50%;margin-left:-390px;margin-top:5px}
img.imgLogo{height:75px;border:0px;max-width:450px}
#pTopMessage{position: absolute;left: 50%;margin-left: 0px;font-size:17px;width: 400px;text-align: right;margin: 8px auto;top: 10px;font-weight: normal;}
#MainContent{border:0px;background-color:white;width:100%;border-spacing:0;margin:0px auto;display:table}
#pg_Home #MainContent{width:100%}

#Flag-Wrap{float:right;margin-top:3px}

#ContentInner {
	margin: 0px auto;
	padding-top: 15px;
	display:table;
	max-width: 1000px;
	width: 100%;
	background-color: #fff;
	min-height: 400px;
	}
	
	
#pg_Home #ContentInner{width:100%;max-width:100%;margin-top:0;padding:0}
#SignInText{padding-right:10px;text-align:right}
#SignInText .returning{font-weight:bold}

#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{ padding:8px }

#pg_RequestForm h1.PageHeader{margin-left:15px}

#pg_RequestForm .Request-How-Works b { 
	display: block; 
	font-size: 18px; 
	margin-bottom: 5px;
	}

#pg_RequestForm .Request-How-Works  .bulleted {
 	margin-right: 8px;
 	margin-top: 5px;
 	display: inline-block;
 	font-size: 13px;
	}

img{border:0px;}
#lastactive{width:2px;height:3px;border:0px;}

select {
	padding:3px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border:1px solid #98ABAB;
}
input.Shadow {
	padding:3px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border:1px solid #98ABAB;
}
textarea.Shadow {
	padding:3px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border:1px solid #98ABAB;
}

h1 {font-size:18px}

.large {
	font: 16px/1em  Arial,HelveticaNeue, sans-serif; 
	padding: 7px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px; 
	border-radius: 7px;
	}

#taxexempt{position:absolute;top:5px;right:35px}

.Button,
.button {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	background-color: #f88f01;

	border: 0;
	display:inline-block;
	color: #fff;
	cursor:pointer;
	
	text-decoration:none;
	text-align:center;
	text-indent:0;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.Button:hover,
.button:hover,
#pg_RequestDetails .button:hover{
	background-color: #f87501;
	}	


.subnav-container{background: #676768;width:100%;margin:0;padding:0}

nav.Navbar {
	font-weight: bold;
	font-size: 15px;
	COLOR: #fff;
	
	background: #676768;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	}


nav.Navbar a, 
nav.Navbar a:link, 
nav.Navbar a:visited {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	font-weight: bold;
	}

nav.Navbar a:hover{
	text-decoration:none;
	background: rgba(255,255,255,0.2);
	color: #fff;
	}



/*** New ***/

h1,
.PageHeader {
	font-size: 27px;
	font-weight: bold;
	color: #333;
	}


.content_hp,
.container-hp { padding: 0 }


#pg_GroupPost #ContentInner,
#pg_GroupSummary #ContentInner,
#pg_GroupAccount #ContentInner,
#pg_GroupArchive #ContentInner,
#pg_GroupFAQ #ContentInner { padding-bottom: 50px; }






@media (max-width: 850px) {
		
	#pHeader #pLogo {
	    margin-left: 0;
	    left: 15px;
		}
		
	#LanguageWrap{display:none}
		
	#pTopMessage {
		width: auto;
		left: auto;
		right: 15px;
		top: 43px;
		}

}


@media (max-width: 480px) {
		
	#pTopMessage { display: none }
	#LanguageWrap { top: 3px; }
	#pHeader #pLogo {
		max-width:300px
   		}
		
}


body,
.header-wl *,
.footer-wl * {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
.clear {
	clear: both;
	float: none;
	}


body { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 14px; }


.container-bo {
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	
.header-wl {
	background-color: #333;
	}


#logo-bo {
	float: left;
	display: block;
	height: 53px;
	width: 160px;
	margin: 7px 0;
	margin-right: 20px;
	
	background-image: url("//cdn.hotelplanner.com/Common/Images/_BookIt/whitelogo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
	}
	

ul#navbar-bo {
	float: left;
	overflow: hidden;
	padding-top: 20px;
	}
	
ul#navbar-bo li {
	float: left;
	display: block;
	}
	
	
#navbar-bo a:link,
#navbar-bo a:visited {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 2px solid transparent;
	padding-bottom: 5px;
	margin-left: 15px;
	text-decoration: none;
	}		
	
	
#navbar-bo a:hover {
	border-bottom: 2px solid #62C623;
	}
	
	
a#sign-in:link,
a#sign-in:visited {
	float: right;
	color: #fff;
	padding: 12px 15px;
	position: absolute;
	top: 8px;
	right: 15px;
	background-color: #66cc00;
	}


/* Footer **/

.footer-wl {
	background-color: #4b4c4c;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 65px;
	font-weight: 300
	}

#support-row-bo a:link,
#support-row-bo a:visited {
    font-size: 18px;
    list-style: none;
    color: #fff;
    text-decoration: none;
    margin: 0 21px;
    text-align: center;
    display:inline-block;
    margin-bottom: 20px
	}


#social-bo i,
#download-bo i {
	width: 40px;
	height: 40px;
	margin-right: 11px;
	display: inline-block;
	}

	
.title-bo {
	display: block;
	font-size: 22px; 
	margin-bottom: 15px
	}

.column-bo {
	width: 50%;
	float: left;
	}
	
#support-row-bo {
	padding: 20px 0;
	
	border-left: 0;
	border-right: 0;
	text-align: center;
	margin-top: 15px;
	position: relative;
	}

#support-row-bo::after,
#support-row-bo::before {
	position: absolute;
	content: '';
	z-index: 1;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	
	background: #C2C2C2;
background: -moz-linear-gradient(left, #4B4C4C 0%, #C2C2C2 50%, #4B4C4C 100%);
background: -webkit-linear-gradient(left, #4B4C4C 0%, #C2C2C2 50%, #4B4C4C 100%);
background: -o-linear-gradient(left, #4B4C4C 0%, #C2C2C2 50%, #4B4C4C 100%);
background: -ms-linear-gradient(top, #4b4c4c 0%, #787878 50%, #4b4c4c 100%);
background: linear-gradient(to left, #4b4c4c, #c2c2c2, #4b4c4c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#949699', GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9c9c9, endColorstr=#4B4C4C)";
}	

#support-row-bo::before {
	top: auto;
	bottom: 0;
	}



#copyright-bo { float: right }
	
	
.fb-bo,
.tw-bo,
.gp-bo,
.yt-bo,
.ig-bo,
.pi-bo,
.apple-bo,
.googleplay-bo,
#ta-bo,
#trustwave-bo,
#lock-bo {
	background-image: url("//cdn.hotelplanner.com/Common/Images/_BookIt/facelift-footer.png");
	background-repeat: no-repeat;
	display: block;
	}
	
	
.fb-bo { background-position: 0 -140px; }
.tw-bo { background-position: -40px -140px; }
.gp-bo { background-position: -80px -140px; }
.yt-bo { background-position: -120px -140px; }
.ig-bo { background-position: -160px -140px; }
.pi-bo { background-position: -200px -140px; }



.apple-bo { background-position: -160px -100px; }
.googleplay-bo { background-position: -200px -100px; }
	
.apple-bo,
.googleplay-bo {
	float: left;
	}	
	
	
#download-bo p {
	font-size: 18px;
	display: inline-block;
	float: left;
	max-width: 250px; 
	}	
	
#social-bo { 
	border-left: 1px solid #999;
	padding-left: 40px;
	}
	
	
#ta-bo {
    background-position: -62px -180px;
    height: 100px;
    width: 122px;
    margin-right: 15px;
    float: left;
	}

#lock-bo,
#trustwave-bo {
	height: 44px;
	width: 88px;
	float: right	
	}
		
#trustwave-bo {
	background-position: -184px -180px;
	margin-bottom: 13px;
	}

#lock-bo { background-position: -184px -224px; }

#iblock-bo {padding-top: 30px;
	position: relative;
	width: 230px;
	overflow: hidden;
	margin-bottom: 15px;
	}
	
#toggle-bo,
#phone-bo {
	display: none;
	padding: 10px;
	position: absolute;
	top: 0;
	width: 25px;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
	
#toggle-bo i,
#phone-bo i {
	background-image: url("//cdn.hotelplanner.com/Common/Images/_BookIt/mobile-sprite.jpg");

	height: 25px;
	width: 25px;
	display: block;
	}

#toggle-bo { left: 5px; }
#phone-bo { right: 5px; }

#phone-bo i {
	background-position: top right;
	}








@media (min-width: 768px) and (max-width: 991px) {
	
	#navbar-bo a:link, 
	#navbar-bo a:visited {
		font-size: 13px;
		margin-top: 3px;
		}
	
	#support-row-bo a:link, 
	#support-row-bo a:visited {
		font-size: 16px;
		}

}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.header-wl .container-bo { padding: 0 }

	#download-bo,
	#support-row-bo { display: none }
	
	#social-bo.column-bo { 
		border: 0;
		padding-left: 0;
		float: none;
		width: 100%;
		}

	a#logo-bo:link,
	a#logo-bo:visited { 
		background-image: url("//cdn.hotelplanner.com/Common/Images/_BookIt/darklogo.png");
		float: none;
		margin: 0 auto;
		max-width: 120px;
		}
	
	#social-bo i { margin-right: 5px }
	
	.header-wl {
		background-color: #fff;
		border-bottom: 2px solid #62c623;
		}
	

	
	a#sign-in:link {
		float: none;
		position: inherit;
		top: auto;
		left: auto;
		padding: inherit;
		background-color: transparent;
		}
	
	ul#navbar-bo { 
		border-top: 1px solid #ccc;
		width: 100%;
		padding: 0;
		display: none;
		}
	
	ul#navbar-bo li {
		float: none;
		
		}
	
	#navbar-bo a:link, 
	#navbar-bo a:visited {
		color: #333;
		padding: 10px 15px;
		margin: 0;
		}
	
	#toggle-bo,
	#phone-bo { display: block; }


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	

}

/*calendar*/
.ui-datepicker-calendar td.dp-CheckOutDate a,
.ui-datepicker-calendar td.dp-CheckInDate a {
	border-color: #6C0 !important;
	background: #6C0 !important;
  	}

.ui-widget-header a {
	color: #6C0 !important;
	}

.ui-widget-header a:hover {
	background: #6C0 !important;
	color: #fff !important;
	}
	
a.closeDatepicker:hover {
	background: #6C0 !important;
	border: 1px solid #6C0 !important;
	}

.ui-datepicker-calendar td.dp-highlight a {
	color: #6C0; !important;
	border-color: #6C0 !important;
	background: #fff !important;
	}
	.ui-datepicker-calendar .ui-state-hover{color:#fff !important;border-color: #6C0 !important;background: #6C0 !important}
	
.ui-datepicker-calendar td.dp-SelectedDate a.ui-state-default {
	color: #fff;
	border-color: #6C0;
	background: #6C0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

.Request-How-Works{font-size:13px}

.bulleted {
  background: url(//cdn.hotelplanner.com/Common/Images/_BookIt/green-arrow2.png) no-repeat left;
  padding-left: 16px;
}

#pg_SearchIndv #Search-Box {
    background-color: #4b4c4c;
}

#pg_SearchIndv .field-group input[type="submit"] {
    background: #66cc00 none repeat scroll 0 0;
}

#pg_SearchIndv  a.check-rates:link, a.check-rates:visited {
    background-color: #66cc00;
}


















body .rateSearchForm { background-color: #4b4b4b !important }

body #Review-Top,
body .es-nav .es-nav-next,
body .es-nav .es-nav-prev { background-color: #4b4b4b }

body .es-nav span:hover { background-color: #138a8f }


body #Action-Box,
body #Action-Box:hover,
body #Ext-Search-Form .orange-flatBtn,
body #Rates-Selection .orange-flatBtn { background-color: #66cc00; border-color: #66cc00 }

body #Profile button.orange-flatBtn,
body #Profile button.orange-flatBtn:hover { border-color: #66cc00; background-color:  #66cc00;  }


body #review-button { border: 3px solid rgba(255,255,255,0.5) }



body #Profile h1,
body #Profile h2,
body .sub-section,
body #Rates-Selection .price,
body .sale,
body .overall-score,
body .customer-score,
body .out5,
body .map-title a:link ,
body .map-title a:visited,
body#pg_HotelProfile #CDSPOP.cdsPropDetail2014.cdsBx .cdsData .hReview .reviewBoxRight .reviewTitle { color: #333 }




body .rate-selection,
body .rate-selection:hover { 
	background-color: #f3f3f3; 
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}



body #Submenu-Top { background-color: #565656; }

body #Review-Top p.based,
body #Review-Top .outof5 { color: #fff }




body #Profile a.blue-links:link,
body #Profile a.blue-links:active {
	color: #4b4b4b;
	}



body .navbar_ww > li > a:link,
body .nabvar_ww > li a:visited {
	color: #333;
	padding: 10px 0;
	display: block;
	}


#pg_HotelProfile .logo-bar,
#pg_HotelProfile .link-bar { padding-left: 111px }



body #Profile { background-color: #f0f0f0 }

/* Smart Form Theme fixes*/


body .title-section { color: #4B4B4B; background-color: #E7E7E7; }

#pg_RequestForm #ContentInner {
	max-width: 780px;
}


#pg_RequestSmart #ContentInner { max-width:  none; }
#pg_RequestSmart footer { margin: 0 }

#pg_RequestSmart section#Slide-2 { 
	background-image: none;
	background-color: #fafafa;
	color: inherit;
	}

#pg_RequestSmart .testimonial-wrapper {
	background-color: #fff;
	border: 1px solid #ccc;
	}



body#pg_RequestSmart, 
body#pg_RequestSmart #Form-Wrapper label, 
body#pg_RequestSmart .container_smart h1, 
body#pg_RequestSmart .container_smart h2, 
body#pg_RequestSmart .container_smart h3, 
body#pg_RequestSmart .container_smart h4 { font-family: "Source Sans Pro",Helvetica,Arial,sans-serif !important;}

#pg_RequestSmart #testimonial1 .thumbnail { background-image: url("//cdn.hotelplanner.com/Common/Images/Request/thumb10.jpg")}

#pg_RequestSmart nav.BookIt { border-bottom: 0 }

#pg_RequestSmart #Form { border: 1px solid #B6B6B6; }

#pg_RequestSmart #phone-chat { 
	color: #fff;
	display: inline-block;
	background-color: #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#pg_RequestSmart button.Submit,
#pg_RequestSmart a.Submit { 
	background-color: #6C0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	}

#pg_RequestSmart .testimonial span,
#pg_RequestSmart .step .title,
#pg_RequestSmart .title-2 { font-weight: normal; color: #333 }

#pg_RequestSmart #Form-Wrapper label { color: #333 }


#pg_RequestForm .form-header,
#pg_GroupPost .form-header{ color: #333; background-color: #F9F9F9 }

#pg_RequestSmart .title-1,
#pg_RequestSmart #phone-chat span,
#pg_RequestSmart section#Slide-3 h3,
#pg_RequestSmart section#Slide-2 a:link, 
#pg_RequestSmart section#Slide-2 a:visited { color: #62C623 }


#pg_RequestSmart section#Slide-3 { border-top: 1px solid #ccc }

#pg_RequestSmart #Form input[type="text"]:focus, #pg_RequestSmart #Form input[type="number"]:focus, #pg_RequestSmart #Form input[type="tel"]:focus, #pg_RequestSmart #Form input[type="password"]:focus, #pg_RequestSmart #Form .custom-select:focus {
	border: 2px solid #6BBCEF;
	}

body#pg_RequestSmart  .ui-slider-float .ui-slider-tip, 
body#pg_RequestSmart  .ui-slider-float .ui-slider-tip-label {
	background-color: #3e3e3e;
}


body#pg_RequestSmart .ui-slider-float .ui-slider-tip::before, 
body#pg_RequestSmart .ui-slider-float .ui-slider-pip .ui-slider-tip-label::before {
	border-top-color: #3e3e3e !important;
	}

body#pg_RequestSmart .ui-slider .ui-slider-range {
    background-image: none;
    background-color: #6C0;
	}
	
body .Button, 
body .button,
body .Button:hover, 
body .button:hover {
	background-color: #6C0;
	}	
	
	
	
	
body #banner-smart { background-color: #323232 }

#pg_HotelProfile #Review-Top {
    color: #79cb00 !important;
}

#pg_HotelProfile #Review-Top:hover #review-button {
    border: 2px solid #79cb00;
    color: #79cb00;
    text-decoration: none;
}

#pg_HotelProfile #review-button {
    border: 3px solid rgb(255, 255, 255);
}