#site-logo {
background-image: url(../svg/logo.svg);
display: block;
width: 50px;
height: 50px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
background-color: #d4374a;
margin-left: 20px;
float: left;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.icon {
width: 24px;
height: 24px;
display: block;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: transparent;
border: 0;
}

#global-header {
	background-color: black;
}

body,
#page-70 .ui-content,
#page-1723 .ui-content,
#page-70 .ui-panel-content-wrap,
#page-1723 .ui-panel-content-wrap {
background-color: #222222;
}

.ui-panel {
	background-color: #333333;
	background-image: -webkit-linear-gradient(#444444 0%, #222222 100%);
}

.ui-panel .ui-btn-inner {
	border-bottom: 2px solid rgba(0,0,0,0.1);
	border-top: none;
	border-right: none;
	border-left: none;
} 

.ui-panel .ui-btn-active,
.ui-panel .menu-active {
	background: rgba(255,255,255,0.1) !important;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: none;
	text-shadow: none;
}

.ui-panel .ui-btn-active .ui-btn-inner,
.ui-panel .menu-active .ui-btn-inner {
	border-bottom: 2px solid rgba(0,0,0,0.4);
	border-right: none;
	border-left: none;
}

.ui-panel a {
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
}

.menu-title {
	background-color: #333333;
}

.ui-panel,
.menu-title {
	-webkit-box-shadow: inset -5px 0 7px rgba(0,0,0,.3);
	-moz-box-shadow: inset -5px 0 7px rgba(0,0,0,.3);
	box-shadow: inset -5px 0 7px rgba(0,0,0,.3);
}

.ui-page#page-70 .ui-content,
#site-title,
#section-title a,
#page-title {
	color: white;
}

.menu-title {
	color: #D4374A; /* Cardiff red */
	color: rgba(255,255,255,0.3);
}

.frm_required {
	color: #D4374A;
}

#local-nav li.active a {
	color: rgba(0,0,0,0.2) !important;
}

.theme-blue #section-header,
#home-menu .theme-blue .ui-btn-inner {
	background-color: #6C8DC3;
}

.theme-blue h1,
.theme-blue .appt-title,
.theme-blue .character-name {
	color: #6C8DC3;
}

.theme-blue #local-nav {
	background-color: #E2E8F3;
}

.theme-blue #local-nav a {
	color: #6C8DC3;
}

/* YELLOW */

.theme-yellow #section-header,
#home-menu .theme-yellow .ui-btn-inner {
	background-color: #FFC157;
}

.theme-yellow h1,
.theme-yellow .appt-title,
.theme-yellow .character-name {
	color: #FFC157;
}

.theme-yellow #local-nav {
	background-color: #fff9f0;
}

.theme-yellow #local-nav a {
	color: #ffad24;
}

/* PURPLE */

.theme-purple #section-header,
#home-menu .theme-purple .ui-btn-inner {
	background-color: #D2568F;
}

.theme-purple h1,
.theme-purple .appt-title,
.theme-purple .character-name {
	color: #D2568F;
}

.theme-purple #local-nav {
	background-color: #F6DDE9;
}

.theme-purple #local-nav a {
	color: #D2568F;
}

/* ORANGE */

.theme-orange #section-header,
#home-menu .theme-orange .ui-btn-inner {
	background-color: #F99138;
}

.theme-orange .character-name,
.theme-orange .appt-title,
.theme-orange h1 {
	color: #F99138;
}

.theme-orange #local-nav {
	background-color: #FEEFE1;
}

.theme-orange #local-nav a {
	color: #F99138;
}

/* GREEN */

.theme-green #section-header,
#home-menu .theme-green .ui-btn-inner {
	background-color: #BBD75F;
}

.theme-green h1,
.theme-green .appt-title,
.theme-green .character-name {
	color: #BBD75F;
}

.theme-green #local-nav {
	background-color: #F1F7DF;
}

.theme-green #local-nav a {
	color: #BBD75F;
}

/* ICONS */

.icon-settings {
background-image: url(../svg/cog.svg);
}

.icon-menu {
background-image: url(../svg/menu.svg);
}

.icon-twitter {
background-image: url(../svg/twitter.svg);
}

.icon-twitter_colour {
background-image: url(../svg/twitter_colour.svg);
}

.icon-access {
background-image: url(../svg/access.svg);
}

.icon-access.icon-colour {
background-image: url(../svg/access_colour.svg);
}

.icon-food {
background-image: url(../svg/food.svg);
}

.icon-food.icon-colour {
background-image: url(../svg/food_colour.svg);
}

.icon-video {
background-image: url(../svg/video.svg);
}

.icon-clock.icon-black {
background-image: url(../svg/clock_black.svg);
}

.icon-search {
background-image: url(../svg/search.svg);
}

.icon-search.icon-colour {
background-image: url(../svg/search_colour.svg);
}

.icon-map {
background-image: url(../svg/map.svg);
}

.icon-map.icon-black {
background-image: url(../svg/map_black.svg);
}

.icon-map.icon-colour {
background-image: url(../svg/map_colour.svg);
}

.icon-book {
background-image: url(../svg/book.svg);
}

.icon-contact {
background-image: url(../svg/contact.svg);
}

.icon-contact.icon-colour {
background-image: url(../svg/contact_colour.svg);
}

.icon-info {
background-image: url(../svg/info.svg);
}

.icon-chat {
background-image: url(../svg/chat.svg);
}

.icon-chat.icon-colour {
background-image: url(../svg/chat_colour.svg);
}

.icon-transport {
background-image: url(../svg/transport.svg);
}

.icon-transport.icon-colour {
background-image: url(../svg/transport_colour.svg);
}

.icon-calendar {
background-image: url(../svg/book.svg);
}

.icon-calendar.icon-colour {
background-image: url(../svg/book_colour.svg);
}

#pre-footer {
	background-color: #00ABF0;
	background-image: none;
}

#footer {
	background-color: black
	background-image: none;
}

.footer-action a,
#footer a {
	color: white;
}

.footer-title {
	color: white;
}

.small-print,
.frm_description {
	color: #999999;
}

.google-map {
	background-color: #CCCCCC;
	border: 5px solid #F0F0F0;
}

.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
	background-color: white;
	color: #333333;
	text-shadow: none;
	background-image: none;
	border-color: #e0e0e0;
}

.ui-bar-d {
padding: .5em 15px;
background-image: none;
background-color: #e0e0e0;
border-color: #e0e0e0;
}

.ui-shadow {
-moz-box-shadow: 0px 0px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,.2);
-webkit-box-shadow: 0px 0px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,.2);
box-shadow: 0px 0px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,.2);
}

.ui-btn-active,
.ui.btn-active:hover,
.ui-btn-active.ui-btn-up-c {
border: 1px solid #bbb;
background: #d6d6d6;
font-weight: 700;
color: #222;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-gradient(linear,left top,left bottom,from(#d0d0d0),to(#dfdfdf));
background-image: -webkit-linear-gradient(#d0d0d0,#dfdfdf);
background-image: -moz-linear-gradient(#d0d0d0,#dfdfdf);
background-image: -ms-linear-gradient(#d0d0d0,#dfdfdf);
background-image: -o-linear-gradient(#d0d0d0,#dfdfdf);
background-image: linear-gradient(#d0d0d0,#dfdfdf);
}

.ui-btn-hover-c {
	color: #222;
}

#home-menu .ui-btn {
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.6);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.6);
box-shadow: 3px 3px 3px rgba(0,0,0,.6);
}

.ui-footer.ui-bar-cu {
	background-color: black;
	color: white;
}

.ui-input-clear {
	border: none !important;
	box-shadow: none !important;
}

.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d {
	overflow: visible;
}

.ui-btn-corner-all {
	border-radius: 0.5em;
}

.ui-panel {
	background-color: #222222;
}

.ui-panel-content-wrap {
	background-color: white;
}
