/*
dark grey - 848484
light mauve - EDE5E4
blue - 2f6582
orange - cd9b1d
*/

body { color: #2E2E2E; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0; padding: 0;  }
a, a:link, a:focus, a:active, a:visited { color: #5f5956; text-decoration: underline; }
a:hover  { color: #848484; }
h1 { color: #2f6582; font-size: 26px; }
h2 { color: #848484; font-size: 22px; }
h3 { font-size: 18px; }
dt { font-weight: bold; }
dd { margin: 0; padding: 0 0 0.5em 0.5em; }
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { padding: 5px 0 0 0; }
.container_header { background: #EDE5E4; border-bottom: 1px solid #FFF; }
.container_menu { background: #848484; border-bottom: 2px solid #2f6582; }
.container_content { background: #FFF; padding-bottom: 20px; }
.container { padding: 0; }
.row { margin: 0; }
.logo {  width: 300px; height: 112px; }
@media all and (min-width: 0px) and (max-width: 480px) {
	.logo { width: 300px; }
}
#header { padding-top: 20px; padding-bottom: 20px; }
#menu_container { background: #5f5956; padding: 0; }
#quick_contact { text-align: right; padding: 0 10px 10px 0; }
#quick_contact_address { font-weight: bold; font-size: 1.1em; padding: 0 20px 0 0; }
#quick_contact_phone { font-weight: bold; font-size: 1.4em; }
.navbar{ width: 100%; border-radius: 0; border: none; margin-bottom: 0; min-height: 40px; border-right: 2px solid #FFF; border-left: 1px solid #FFF; }
.navbar .container { padding: 0; }
.navbar-collapse { padding: 0; }
.nav-justified > li > a { padding: 10px 5px; text-align: center; text-decoration: none; border-radius: 0; font-size: 14px; font-weight: bold; color: #FFF; border-left: 1px solid #FFF; border-radius: 0; background: #848484; text-transform: captialize; }
.nav-justified > li > a.active, .nav-justified > li > a:hover, .nav-justified > li > a:active , .nav-justified > li > a:focus,
.nav-justified  .open > a, .nav-justified  .open > a:hover, .nav-justified  .open > a:focus { color: #FFF; background: #2f6582; }
.nav-justified > li:first-child > a, .nav-justified > li:last-child > a  { border-bottom: 0; }
.nav .caret { border-top-color: #FFF; border-bottom-color: #FFF; }
.navbar-default .dropdown-menu { background: #c8c4bb; border-radius: 0; padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li  a { padding: 10px 20px 10px 30px; color: #022605; min-width: 220px; text-decoration: none; border-bottom: 1px solid #FFF; font-size: 13px; }
.navbar-default .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { background-color: #848484; color: #FFF; }
.dropdown:hover .dropdown-menu { display: block; }
.carousel { margin: 10px 0 0 0; } 

.login_link { margin-top: 25px; }
.demonstration_photos { margin-top: 40px; margin-bottom: 40px; }
.demonstration_photo { height: 200px; margin-bottom: 30px; }
.demonstration_photo p { font-weight: bold; text-align: center; }
.pricing { background: #EDE5E4; padding-left: 0; padding-right: 0;  text-align: center; margin-top: 20px; margin-bottom: 30px; }
.pricing .title_small { background: #cd9b1d; width: 100%; font-size: 26px; text-align: center; color: #FFF; }
.pricing .title_medium { background: #2f6582; width: 100%; font-size: 26px; text-align: center; color: #FFF; }
.pricing .title_large { background: #848484; width: 100%; font-size: 26px; text-align: center; color: #FFF; }
.pricing .price { font-size: 38px; text-align: center; padding-top: 10px; padding-bottom: 5px;  }
.pricing .package { text-align: left;  }
#enquiry_form { padding-bottom: 10px; }

/* articles */
#article_categories { margin-top: 25px; font-size: 1.2em; }
#article_categories .active  { color: #aa411f; }
#article_categories ul { margin-bottom: 25px; }
.article_listing { margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #b4cd95; }
.article_section_photo { margin: 10px 0 0 0; }
.article_section{ margin: 10px 0 20px 0; max-width: 600px;  }
.article_section ul li { padding: 0.25em 0; }
.comment_container { margin: 10px 0 20px 0; border-bottom: 1px dashed #aa411f; }
.commentor { font-size: 0.85em; font-style: italic; }
.comment_date { font-size: 0.85em; }

.mc-field-group { font-size: 0.75em; }

/* calendar */
#calendar { margin-top: 2em; margin-bottom: 1em; }
#calendar a,#calendar a:link,#calendar a:focus,#calendar a:active,#calendar a:visited { color: #FFF; }
#calendar a:hover { color: #EEC900; }

#banner { margin: 10px 0 0 0; }
#page_photos { padding-top: 20px; margin-bottom: 20px; }
#page_photos img { margin: 10px 0 0 0; }
#page_photos  p { font-size: 0.85em; padding: 0.25em 0 0.5em 0;  margin: 0 0 0 10px; }
#article_photos img { margin: 0 20px 20px 0; }
#article_photos  p { font-size: 0.85em; padding: 0.25em 0 0.5em 0; }
.file_list { margin-bottom: 2em; }
.listing { border-bottom: 1px dashed #2f6582; margin: 10px 0 20px 0; width: 100%; }
.listing h3 { margin: 0 0 10px 0; }
.listing_photo { margin: 0 0 20px 0; }
.listing_date { font-size: 0.85em; font-style: italic; font-weight: bold; padding: 0.25em 0 0.5em 0; }


.container_footer { background: #848484; border-bottom: 2px solid #2f6582; }
#footer { margin: 0; padding: 10px 0 10px 20px; color: #FFF; font-size: 0.85em; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #FFF; text-decoration: underline; }
#footer a:hover  { color: #2f6582; }

label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; }
.error_msg { padding: 0.5em 0; color: #B0171F; }
.error_msg a, .error_msg a:link, .error_msg a:focus, .error_msg a:active, .error_msg a:visited { color: #B0171F; text-decoration: underline; }
.error_msg a:hover  { color: #B0171F; }
.confirmation_msg { padding: 0.5em 0; color: #2f6582; }
#map { width: 350px; height: 350px; border: 1px solid #aaa; margin: 60px 0 1em 0; }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { margin: 0.5em 0; background: #2f6582; color: #FFF; border: none; text-decoration: none; }
.btn-primary:hover  { background: #B4CDCD; color: #000; }

/* overlay */
.overlay, #overlay-shade { display: none; }
#overlay-shade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000; }
.overlay { position: absolute; top: -100px; left: 0; width: 700px; min-height: 200px; z-index: 10000; background-color: #FFF; border: 4px solid #CFCFCF; color: #fff; box-shadow: 0 0 16px #000; } 
.ie7 .overlay { height: 200px; } 
.overlay .wrapper { padding: 15px 30px 30px; color: #000; }


/* Fade transition for carousel items */
.carousel .item { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
.carousel .carousel-control { visibility: hidden; background-image: none !important; } 
.carousel:hover .carousel-control { visibility: visible; }
.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2; }
.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1; }

/* Member Area */
#admin_toolbar { font-size: 0.85em; text-align: right; }
#admin_toolbar a, #admin_toolbar a:link, #admin_toolbar a:focus, #admin_toolbar a:active, #admin_toolbar a:visited { color: #000; text-decoration: none; padding: 0 0 0 10px; }
#admin_toolbar a:hover, #admin_toolbar #active { color: #848484; text-decoration: underline; }
.dashboard_icons { margin: 50px 0 0 0; text-align: center; }
.dashboard_icons  .col-lg-2 { margin-bottom: 50px; }
.add_trip_btn { margin: 0; }
.edit_trip_btn, .edit_trip_btn:link, .edit_trip_btn:focus, .edit_trip_btn:active, .edit_trip_btn:visited, .edit_trip_btn[disabled] { margin: 0 0 0.25em 0; background: #D9D9D9; color: #000; border: none; text-decoration: none; text-align: center; }
.edit_trip_btn:hover  { background: #B4CDCD; color: #000; }
.red_alert, .red_alert:link, .red_alert:focus, .red_alert:active, .red_alert:visited, .red_alert[disabled] { margin: 0 0 0.25em 0; background: #FF0000; color: #FFF; border: none; text-decoration: none; text-align: center; }
.red_alert:hover  { background: #B4CDCD; color: #000; }
.amber_alert, .amber_alert:link, .amber_alert:focus, .amber_alert:active, .amber_alert:visited, .amber_alert[disabled] { margin: 0 0 0.25em 0; background: #FFA54F; color: #FFF; border: none; text-decoration: none; text-align: center; }
.amber_alert:hover  { background: #B4CDCD; color: #000; }

.trip_change_request_form { width: 30px; float: right; margin-top: 10px; }
.trip_change_request_btn_change_requested { background-color: #2f6582; }
.trip_sms_log_form { width: 30px; float: left; margin-right: 10px; }
.trip_sms_log_error { background-color: #FF0000; }
.trip_sms_log_sent { background-color: #FFA54F; }
.trip_sms_log_replied { background-color: #00FA9A; }
.trip_actual_time_form { width: 30px; float: right; margin-top: 10px; }
.colour_picker select:hover > option  { background: #FFF; }
#dashboard_alert { margin-top: 1em; margin-bottom: 1em; padding: 1em 2em; background-color: #EDDBAD; }
#listing_year_nav { margin-bottom: 20px; }
.warning_row td { color: red; }
#leave_request_conflict { color: red; }
.actual_time { font-weight: bold; }

/* Timepicker */
.ui-datepicker { z-index: 1000 !important; }
#ui-datepicker-div  { z-index: 10000 !important; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; margin-bottom: 0; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; font-weight: normal; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; padding: 0; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }