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

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

td
{
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Helvetica, 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;}
#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: 0 auto;
	display:table;
	max-width: 1200px;
	width:100%;
	border:0px;
	background-color:white;
	min-height: 400px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}





	

#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;
}

.Button,.button {
	text-indent:0;
	display: inline-block;
	color: #ffffff;
	font-family:Arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	
	text-decoration:none;
	text-align: center;
	
	background-color: #C4204B;

	border-color: #C4204B;
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset;
	color: #FFF;
	font-weight: 700;	
	text-align: center;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de3763 0,c5214c 100 */
	background: #de3763; /* Old browsers */
	background: -moz-linear-gradient(top,  #de3763 0%, #c5214c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #de3763 0%,#c5214c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #de3763 0%,#c5214c 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3763', endColorstr='#c5214c',GradientType=0 ); /* IE6-9 */
	}


.Button:hover,.button:hover,#pg_RequestDetails .button:hover{
	cursor:pointer;
	}



.subnav-container{ background-color: #031A29; width:100%; margin:0; padding: 0 15px; }

nav.Navbar {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;	
		
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	}


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

nav.Navbar a:hover{
	text-decoration:none;
	background: rgba(255,255,255,0.1);
	color: #fff;
    
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -khtml-border-radius: 0;
	}


@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
	   	}
		
}



header *,
footer * { 
	margin: 0; 
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

body{ font-family: "Helvetica Neue", Arial,"Lucida Grande",sans-serif; margin: 0 }

header {
	border-top: 6px solid #00b1ff;
	background-color: #00253c;
	position: relative;
	overflow: hidden;
	}

.container-ob {
	width: 100%;
	padding: 0 15px;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#logo-ob {
	width: 150px;
	height: 50px;
	margin-left:10px;
	margin-top:10px;
	background-image: url("//cdn.hotelplanner.com/common/images/site/785/orbitz_02.png");
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	display: block;
	}


a#rewards-ob,
a#rewards-ob:link,
a#rewards-ob:visited {
	position: absolute;
	top: 5px;
	left: 200px;
	display: inline-block;
	padding: 3px 4px 4px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #800400;
	background-color: #8e0099;
	text-decoration: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}


#toggle {
	display:none; 
	width:55px;
	position:absolute; 
	top: 4px; 
	right:0; 
	padding: 5px 15px; 
	z-index:1;
	cursor:pointer;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#toggle span {
	display: block;
	height: 4px;
	margin-bottom: 2px;
	background-color: #1972b2;
	}

ul#navbar-ob { 
	padding: 0;
	display: block;
	margin-top: 6px;
	overflow: hidden;
	}

ul#navbar-ob li {
	list-style: none;
	float: left;
	}
	
ul#navbar-ob a,
ul#navbar-ob a:link,
ul#navbar-ob a:visited {
	color: #0059A2;
	font-size: 15px;
	display: block;
	text-decoration:  none;
	line-height: 40px;
	display: block;
	padding: 4px 9px;
	outline: none;
	color: #00b1ff;
	}

ul#navbar-ob a#sign-in,
ul#navbar-ob a#sign-in:link,
ul#navbar-ob a#sign-in:visited {
	font-size: 13px;
	line-height: normal;
	position: absolute; 
	top: 8px;
	right: 15px;
	z-index:1; 
	display:inline-block;
	color: #00b1ff;
	text-decoration: none;
	padding: 0.461538em 0.615385em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
ul#navbar-ob a#sign-in:hover{ background-color: #D1EAFF; color: #0065B8; }

/***/

footer { 
	padding-top: 20px;
	color: #6B6B6B;
	font-size: 13px;
	background-color: #fff;
	}

.group-ob strong { 
	display: block;
	font-size: 15px;
	margin-bottom: 25px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
.group-ob {
	min-height: 40px;
	margin-bottom: 20px;
	}
	
footer a,
footer a:link,
footer a:visited {
	color: #6B6B6B;
	text-decoration: none;
	margin-bottom: 15px;
	margin-right: 10px;
	display: inline-block;
	cursor: pointer;
	}

footer a:hover { text-decoration: underline }

footer small { display: block;
	padding-bottom: 30px;
	font-size: 13px;
	}


.toggle-links-ob {
	padding-left: 135px
	}


.toggle-trigger-ob { font-size: 13px; font-weight: bold; }



/***********************************/
/********** Smart Form Theme *******/
/***********************************/


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,
body .PageHeader {
    font-family: helvetica,arial,sans-serif !important;
	}

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

body#pg_RequestSmart.Smartv2 h2, 
body#pg_RequestSmart.Smartv2 section#Slide-2 .subheadline {
    color: #333;
	}



body .title-1 { color: #C4204B }


body #banner-smart { background-color: #00B1FF }
body section#Slide-1 .subtagline { color: #00B1FF }



body .PageHeader,
body h1 { color: #333; margin-top: 30px; font-size: 22px  }



#pg_GroupArchive #Summary,
#pg_GroupSummary #Summary { padding: 0 }


body button.Submit, 
body a.Submit {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd3055 0,ac1d42 100 */
background: rgb(205,48,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(205,48,85,1) 0%, rgba(172,29,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(205,48,85,1) 0%,rgba(172,29,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(205,48,85,1) 0%,rgba(172,29,66,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3055', endColorstr='#ac1d42',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset;
-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset;

border-color: #B12747;
}



body #Scroll-to-Top { background-color: #00B1FF }

body.standardpage #ContentInner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	}


body.loggedin #ContentInner,
body.standardpage #ContentInner,
body.standardpage.loggedin #ContentInner,
body.standardpage .container-ob,
body.loggedin .container-ob,
body.loggedin nav.Navbar {
	max-width: 1000px
	}

#pg_GroupAccount #button-wrapper { text-align: left }


body .form-header {
	color: #333;
	font-size: 15px;
	background-color: #EEF6F9;
	}



body .container_hp,
body .content_hp { padding: 0; margin: 0 }


#pg_RequestSmart .container-ob {
	max-width: none;
	padding: 0 8%;
	}

#pg_RequestSmart a#rewards-ob, 
#pg_RequestSmart a#rewards-ob:link, 
#pg_RequestSmart a#rewards-ob:visited { left: 328px }


@media (min-width: 768px) and (max-width: 900px){
	
	ul#navbar-ob a.hide {display: none; }
}


@media(max-width:767px){
	
	
	nav.Navbar,
	.subnav-container { padding: 0 }
	
	body .form-header {
    	padding: 6px 5px;
    	margin-bottom: 8px;
		}
	
	a#rewards-ob,
	a#rewards-ob:link,
	a#rewards-ob:visited { display: none }
	
	#logo-ob { margin: 10px }
	
	.header-ob .container-ob { padding: 0 }
	
	#toggle{ display:block}	
	
	ul#navbar-ob {
		display: none;		
		padding:0;
		width: 100%;
		margin: 0;
		}
	
	ul#navbar-ob.active { display: block }
	
	ul#navbar-ob li { float: none; }
	
	ul#navbar-ob a:link,
	ul#navbar-ob a:visited,
	ul#navbar-ob a#sign-in,
	ul#navbar-ob a#sign-in:link,
	ul#navbar-ob a#sign-in:visited {
		margin: 0;
		display:block;
		font-size: 15px;
		color: #1972B2;
		border-top: 1px solid #c7c7c7;
		background-color: #fff;
		width: 100%;
		padding: 0 25px;
		line-height: 57px;
		
		position: relative;
		top: auto;
		right: auto;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	
	ul#navbar-ob a:hover,
	ul#navbar-ob a#sign-in:hover { background: #E1EEFA; color: #1F8EDE; }
	
	.toggle-links-ob { padding: 0 }
		
}

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

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

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

	.ui-datepicker-calendar td.dp-highlight a {
color: #C4204B !important;
border-color: #C4204B !important;
background: #fff !important;
}
.ui-datepicker-calendar .ui-state-hover{color:#fff !important;border-color:#C4204B !important;background:#C4204B !important}

.ui-datepicker-calendar td.dp-SelectedDate a.ui-state-default {
color: #fff;
border-color: #C4204B;
background: #C4204B;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.RequestThankYou a.view-req{padding:8px; color:white}







body#pg_SearchIndv #ContentInner {
	margin: 0;
	padding: 0;
	max-width: none;
	}




/* ============= */



#pg_SearchIndv a.check-rates:link,
#pg_SearchIndv a.check-rates:visited,
#pg_SearchIndv .field-group input[type="submit"] {
	border: 1px solid transparent;
	border-bottom: 2px solid;
	color: #fff;
	
	border-color: #b12747 #8f1f39 #8f1f39;
	background: #c4204b;
	background: linear-gradient(to top,#c4204b 0,#df3864 100%);
	color: #fff;
	}

#pg_SearchIndv .hotel-name:link,
#pg_SearchIndv .hotel-name:visited { color: #0065b8; }


#pg_SearchIndv #Search-Box { background-color: #00355f } 


#pg_SearchIndv #discounts label { 
	border: 2px solid transparent;
	background-color: rgba(255, 255, 255, 0.15);
	}



#pg_SearchIndv #discounts .bounceIn label,
#pg_SearchIndv #discounts .bounceIn label:hover {
	background-color: #0065b8;
	border: 2px solid #0065b8;
	}


#pg_SearchIndv #Search-Box .container_hp { margin: 0 auto; }




body#pg_RequestDetails .rfp-modal-header .rfp-modal-icon { background-color: #00b1ff }

body#pg_RequestDetails .rfp-modal-content button {
   	border-color: #C4204B;
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset;

	font-weight: 700;

	background: #de3763;
	background: -moz-linear-gradient(top, #de3763 0%, #c5214c 100%);
	background: -webkit-linear-gradient(top, #de3763 0%,#c5214c 100%);
	background: linear-gradient(to bottom, #de3763 0%,#c5214c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3763', endColorstr='#c5214c',GradientType=0 );
    }


body#pg_RequestDetails .rfp-modal-content button i { color: #fff }