/* Global */
html {
  background-color: #FFF;
  background-image: none;
  background-repeat: repeat;
  background-size: 150px 200px;
  background-attachment: fixed;
}

/* This is where you can put in a specific font if you want to make it global */
body {
}

/* Header (This is that bar on the very top) */
header#page_header #header_bg {
	background-color: transparent;
}

header#page_header nav#user_nav {background-color: transparent !important; color: #FFFFFF; text-shadow: none; font-weight: bold; position: relative;}
header#page_header, header#page_header a {background-color: transparent !important; color: #FFFFFF !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent !important; color: #FFFFFF; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent !important; color: #FFFFFF; position: relative;}

/* Hero (The logo) */
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; position: relative; margin-top: -1.75em;}
header#page_header #hero a#logo img {position: relative;}

/* Main Content (The main box) */
#main_content {
  max-width: 900px;
  margin-bottom: 12em;
  margin-top: 1.5em;
  background-color: #FFFFFF;
  color: #000000;
}

/* Margin fix for party images */
#main_content ul.package-horizontal li.package div.images {
	padding-right: 0em !important;
}

/* The Step whatever of whatever bar */
nav.breadcrumbs { 
  background-color: #FB9423;
  color: #000000;
  font-weight: bold;
  text-shadow: none;
  border: solid 3px #000000;
}

/* The Select from all available packages bar */
#main_content section#package_select {
  color: #000000;
  background-color: transparent;
  font-style: normal !important;
}

/* Use this if you are trying to change the weight of the font on Select from all available packages bar */
form label, form fieldset.dark-button-select legend {
}

/* The 'Date & Time' header */
h1, h2, form fieldset.container legend {
}

/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
	background-image: none;
	border: solid 3px #000000;
	background-color: #FECD34;
	color: #000000;
}

/* The widget box calendar colors */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #777777;
}

/* The widget box date selected colors */
#date_time_select .ui-state-active {
    border: 1px solid #4D4D4D;
    background-color: #FECD34;
    color: #000000;
}

/* The color of the time and time zone selected message in the main box */
#main_content fieldset.time-picker legend span, #main_content form#guest_form fieldset legend span {
	color: #FB9423 !important;
	font-style: normal;
	font-weight: bold;
}

/* The bar on the bottom of the main box */
#main_content footer.main-actions {
	background-color: transparent;
}

/* The background and border color of a package when the package has been selected on select time page */
#main_content #featured_packages ul.package-horizontal li.package.selected {
    border-color: #FECD34 !important;
}

/* Footer */
footer#page_footer {
  color: #000000;
  text-shadow: none;
  background-color: #F5F5F5;
  border-top: solid 1px #BBBBBB;
}

/* Adjust location of text in footer - use relative position and margins */
footer#page_footer p {

}

/* Adjust location of System Powered By text in footer - use relative position and margins */
footer#page_footer p.powered-by {

}

#PrivacyPolicy a {
  color: #000000;
}

/* Mobile */
@media only screen and (max-width: 766px) and (min-width: 641px) {
header#page_header nav#user_nav {margin-right: -90px;}	
}

@media only screen and (max-width: 1024px) and (min-width: 767px) {
header#page_header nav#user_nav {margin-right: -160px;}	
}

@media only screen and (max-width: 640px) {
header#page_header nav#user_nav {background-color: transparent !important; color: #FFFFFF; text-shadow: none; font-weight: bold; position: relative;}
header#page_header, header#page_header a {background-color: transparent !important; color: #FFFFFF !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent !important; color: #FFFFFF; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent !important; color: #FFFFFF; position: relative;}
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; position: relative;}
header#page_header #hero a#logo img {}

html {}

/* This makes the ugly gray haze the mobile version applies a smaller area, so it only goes slightly past the login stuff. We then need to factor for the lower amount of space taken up by the smaller header by pushing the Main Content box down. */
header#page_header {height: 30px;}
#main_content {margin-top: 13em !important;}

@media only screen and (max-width: 400px) {
#main_content {margin-top: 11em !important;}
}

}

/* Buttons */
button.btn-success, input[type="button"].btn-success, input[type="submit"].btn-success, input[type="reset"].btn-success, .btn.btn-success, .table tbody tr td.is-actions a.btn-success, table tbody tr td.is-actions a.btn-success, form fieldset.dark-button-select input[type='radio']+label.btn-success, form fieldset.dark-button-select input[type='radio']+legend.btn-success, #main_content fieldset.time-picker input[type='radio']+label.btn-success, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success, #main_content form#guest_form fieldset input[type='radio']+label.btn-success, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success, body.authentication a#account_create {
	background-image: none !important;
	background-color: #FECD34 !important;
	color: #000000 !important;
	font-weight: bold !important;
	text-shadow: none !important;
	border: solid 3px #000000 !important;
}

button.btn-success:hover, button.btn-success:active, button.btn-success.active, input[type="button"].btn-success:hover, input[type="button"].btn-success:active, input[type="button"].btn-success.active, input[type="submit"].btn-success:hover, input[type="submit"].btn-success:active, input[type="submit"].btn-success.active, input[type="reset"].btn-success:hover, input[type="reset"].btn-success:active, input[type="reset"].btn-success.active, .btn.btn-success:hover, .table tbody tr td.is-actions a.btn-success:hover, table tbody tr td.is-actions a.btn-success:hover, form fieldset.dark-button-select input[type='radio']+label.btn-success:hover, form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, #main_content fieldset.time-picker input[type='radio']+label.btn-success:hover, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:hover, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:hover, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, body.authentication a#account_create:hover, .btn.btn-success:active, .table tbody tr td.is-actions a.btn-success:active, table tbody tr td.is-actions a.btn-success:active, form fieldset.dark-button-select input[type='radio']+label.btn-success:active, form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, #main_content fieldset.time-picker input[type='radio']+label.btn-success:active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, body.authentication a#account_create:active, .btn.btn-success.active, .table tbody tr td.is-actions a.btn-success.active, table tbody tr td.is-actions a.btn-success.active, form fieldset.dark-button-select input[type='radio']+label.btn-success.active, form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, #main_content fieldset.time-picker input[type='radio']+label.btn-success.active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success.active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success.active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, body.authentication a.active#account_create {
	background-image: none !important;
	background-color: #FB9423 !important;
	color: #000000 !important;
	font-weight: bold !important;
	text-shadow: none !important;
	border: solid 3px #000000 !important;
}

/* The color of the Confirm Package message at the bottom of Step 2 */
#ConfirmUpsell_footnote {
	color: #666666;
}

/*Hide Second Email*/
div#emailspan_2.emailDConsumer2 {display: none !important;
}

/*Hide home,mobile,other,etc email box*/
div.emailsel.ObmField {display: none;}
div.emailprime {display: none !important;}
label.emailprimed {display: none !important;
}