/* Mobile */
@media only screen and (max-width: 640px) {}

/* Global */
html {
  background-color: #ffffff;
  background-image: url('bg.png');
  background-size: fill;
  background-repeat: no-repeat;
  background-position: center-bottom;
  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: #fff;
}
header#page_header nav#user_nav {
	background-color: #bc0d0d;
	color: #fff;
	text-shadow: none;
}
header#page_header, header#page_header a {
	color:#fff;
}
header#page_header nav#user_nav a {
	color:#fff !important;
}
header#page_header nav#user_nav ul li:first-child {
	color:#fff !important;
	border-right: 1px solid #fff !important;
}

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

/* Main Content (The main box) */
#main_content {
  max-width: 1000px;
  margin-bottom: 13em;
  margin-top: 2em;
  background-color: #fff;
  color: #E02B1F;
}
#main_content fieldset.time-picker legend span
{
	color: #e02b1f !important;
}
/* The Step whatever of whatever bar */
nav.breadcrumbs {
	background-color: #173791;
}

/* The Select from all available packages bar */
#main_content section#package_select { 
  background-color: #e02b1f;
  color: #fff;
}
/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
  background-color: #173791;
  color: #ffffff;
  background-image: none;
  border: 2px;
}
/*Weekday Text and colors*/
.table thead th, table thead th, .table tfoot th, table tfoot th {
    background-color: #e02b1f;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: bottom;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #date_time_select .ui-state-highlight {
    color: #000;
    font-size: large;
}

#date_time_select .ui-state-active {
    background-color: #2753d0;
    background-size: 40px 30px;
    background-position: center;
    color: white;
}

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

/* The 'Date & Time' header */
h1, h2, form fieldset.container legend {
	color: #e02b1f;
}

/* Footer */
footer#page_footer {
	background-color: #222222;
	color: #fff;
	text-shadow:none;
	margin-top: -1em;
}
#PrivacyPolicy a {
	color:#fff;
}

/* 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; background-color: #173791;
}

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; background-color: #2753d0;
}

@media only screen and (max-width: 480px)
{
	#main_content .action_items .btn_left, #main_content .action_items .btn_right
	{
        width: auto !important;
    }
}