@import "wysiwyg.css";	

/* ALL FONT SIZES MUST BE EM VALUES AND NOT PIXEL VALUES */

/* COLOURS PALLETE ======================================================================================
Body Text     #666666
====================================================================================================== */

/* GENERIC STYLES ==================================================================================== */
body { background:#8f8f8f; }

a:focus, input:focus { outline: #000 dotted 2px !important; }


section { padding-top:20px; background:#FFF; }

.noBottomMargin { margin-bottom:0px !important; }
.marginBottomTen { margin-bottom:10px !important; }
.top-margin { margin-top:20px; }

.paddingTen { padding:10px; }
.bodyHeading { width:100%; margin-bottom:20px; }
.bodyHeading > div { margin: 0 10px; position: relative; }
.bodyHeading h1, .bodyHeading div.mainHeading { margin-bottom:0; }
.eventHeading { padding-bottom:20px; border-bottom:1px solid #EEE; }
.hiddenHeading { height:0; margin:0; padding:0; overflow:hidden; }

/*Hides H1's apart from on screen-readers*/
h1.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;  }

.chromeframe, .chromeframe a, .chromeframe strong  {color:#fff;}

/* FRONT END SPECIFIC STYLES ------------------ */
.front-end a, a:link, a:visited, a:active {
   text-decoration:none; word-wrap:break-word;
   -webkit-transition:all 0.15s ease; -moz-transition:all 0.15s ease; -o-transition:all 0.15s ease; transition:all 0.15s ease; 
}

.front-end a { outline:0; }
.front-end input { outline: 0; }
 .front-end a:hover {  text-decoration:underline; }

.front-end label { float:left; font-size:0.813em; font-weight:700; color:#16a0ce; padding:8px 0; }
.front-end input[type="text"],.front-end input[type="password"], .front-end textarea, .front-end select { 
    float:left; clear:both; width:98%; /*height:25px;*/ border:1px solid #DFDFDF;/*padding:5px;*/ padding:1%;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.front-end input[type="submit"] { 
   /* width:197px; height:47px; margin:0 0 0 125px; border:none; float:right;*/
}
 .front-end input[type="submit"]:hover { cursor:pointer; }

.front-end textarea { /*width:448px; float:left;*/ height:165px; }

.left { float:left; }
.right { float:right; }
/* -------------------------------------------- */
/* =================================================================================================== */

/* HEADER ============================================================================================ */
header { background:#FFF; }

/* TOP HEADER -----------------------------------------------------------*/
.top-header { background:#e5e5e5; /*font-size:0.813em;*/ font-family: 'Ubuntu'; }
.top-header .top-bar-nav { float:right; color:#626363; padding-top: 8px; }
.top-header a { color:#626363; position:relative; }
.top-header .top-bar-nav a.arrow-after { background:url(/images/small-grey-arrow.png) 98% 18px no-repeat; padding: 8px 17px; display: block; float: left; margin:0; }
.top-header .top-bar-nav a.arrow-after:hover { background:url(/images/small-white-arrow.png) 98% 18px no-repeat #16A0CE; text-decoration:none; color:#fff; }
.top-header .grid_5, .top-header .grid_7 { margin-bottom:0; }

.top-header .top-bar-nav a { padding: 8px 0; display: block; float: left; margin: 0 0 0 20px;}

.top-header .top-bar-nav a:hover { text-decoration:underline; }

.top-header > .container_12 {  }

.top-header .top-bar-nav a.print {margin:-5px 0 0 0;}

.ribbonNav { background:#F5F5F5 url(/images/topNav_bg.jpg) repeat-x bottom; width:100%; font-family:Gill Sans MT, Gill Sans,"Gill_Sans", Arial, Helvetica; font-size:0.875em; color:#555; padding-bottom:4px; }
.ribbonNav div { line-height:32px; }
.ribbonNav a { color:#555 !important; background-color:transparent !important; text-decoration:none !important; }
.ribbonNav a:hover { text-decoration:underline !important; }

.styleswitch { 
  display:inline-block; width:21px; height:20px; text-indent:999px; overflow:hidden; 
  background:url(/images/buttonContrast.png) no-repeat; margin:0 0 -6px; zoom:1; 
  *display: inline; _height: 20px; *margin-right:4px; *margin-bottom:6px; 
}
.styleswitch.first { *margin-right:1px; }

.top-header .container_12 .grid_6 { margin-bottom: 0; }

.accessibility ul { float:left; }
.accessibility ul li { display: inline-block; text-align: left; }
.accessibility ul li a.drop { padding: 8px 30px 8px 8px; margin: 3px 15px 0 0; vertical-align: top; display: inline-block; background: url(/images/drop-arrow.png) no-repeat 85% center; border-right: 1px #999 solid; }
.accessibility ul li.sfHover a.drop { background: url(/images/drop-arrow-active.png) no-repeat 85% center; }

.accessibility ul li ul.accessibility-options { background-color: #e5e5e5; width: 225px; }

.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

.sf-menu li { position: relative; }

.accessibility-options li { display: block; float: left; position: relative; }
.accessibility-options li .fonts-access { padding: 15px; position: relative; }
.accessibility-options li .contrast-access { padding: 15px; position: relative; }

.accessibility .google-translate { float:left; }

@media only screen and (min-width : 651px) { .accessibility .google-translate { display: block !important; } }

.accessibility .google-translate .skiptranslate div select.goog-te-combo { float: none; clear: none; width: auto; }

.accessibility { text-align:right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; padding:7px 0; }
.accessibility .fonts-access { float: left; border-right:1px #999 solid; margin-top:2px; }
.accessibility .fonts-access span { float:left; margin-right:5px; }
.accessibility .contrast-access { float:left; margin-left:8px; }
.accessibility .contrast-access A { text-indent:-9999em; text-align:left; }
.accessibility > span { display:block; float:left; padding-right:12px; *padding-right:3px; }
#up, #down, #reset { 
  display:block; float:left; width:18px; height:15px; margin: 0 2px 0 0; *margin-bottom:6px;
  overflow:hidden; text-indent:-999px; text-align:left;
  background:url(/images/button_fontResize.png) no-repeat 0 0;
}
#up:hover, #down:hover, #reset:hover { border-bottom:1px solid #666; }
#up { background-position:-18px 0px; }
#down { background-position:-37px 0px; }
#reset { background-position:0px 0px; }
/*------------------------------------------*/

/* LOGO --------------------------------------- */
header .siteLogo { 
  width:205px; height:74px; margin:20px 0 0 0; display:block; overflow:hidden;
  background-image:url(/images/logo.png); text-indent:-9999px; float:right;
  background-size:100%;
}
header .microSiteLogo { margin:20px 0 0 0; display:block; }
.parkside header .microSiteLogo { width:205px; height:80px; background:url("/images/parkside-logo.png") no-repeat; background-size:100%;
}
.art-for-life header .microSiteLogo { width:460px; height:98px; background-image:url("/images/art-for-life-logo.png"); background-size:100%;
}
.beacon-centre header .microSiteLogo { width:198px; height:46px; margin-top:30px; background:url("/images/beacon-centre-logo.png") no-repeat; background-size:100%;
}
/* -------------------------------------------- */

/* MAIN NAVIGATION ---------------------------- */
.main-nav-bg { background:#626363; }
.main-nav-bg .grid_8, .main-nav-bg .grid_4 { margin-bottom:0; }
.main-nav-bg .grid_8 { width:680px; }
.main-nav-bg .grid_4 { width:240px; }
nav.main-nav { padding:0; display:block; list-style:none; color:#fff;  }
nav.main-nav a { width:auto; padding:15px; display:block; position:relative; float:left; list-style:none; font-family: 'Ubuntu'; color:#fff; font-weight:100; }
 nav.main-nav a:hover,  header nav.main-nav a.selected { text-decoration:none; background:#16a0ce; }
nav.main-nav li { list-style:none; float:left; position:relative; }
nav.main-nav > ul > li > a { height:50px; line-height:50px; padding:0 13px; }
nav.main-nav .sub ul li { width:100%; cursor:pointer; }
nav.main-nav .sub ul li a { width:220px; padding:0 0 0 10px; margin:8px 10px; }
nav.main-nav .sub ul li a:hover { text-decoration:underline; }
nav.main-nav li .sub { display:none; position:absolute; top:50px; left:0; background:#000; z-index:300; min-width:250px; min-height:1px; padding-bottom:3px; }
nav.main-nav .subnavHover { text-decoration:underline; }
/*==============================================================================================================*/

/* SEARCHBLOCK --------------------------------------*/
.searchBlockMobile { display:none;}
.front-end .searchBlock label  { position:absolute; top:0; left:0}
.front-end .searchBlock { float:right; padding-top:8px; }
.front-end .searchBlock input, .front-end .searchBlockMobile input { width:96%; }
.front-end .searchBlock .searchField, .front-end .searchBlockMobile .searchFieldMobile { 
    width:190px; padding:7px 40px 7px 10px; font-size:1em; line-height:1.1em; background:#7e7a7a; border:#9c9c9c 1px solid; float: left;  font-family: 'Ubuntu'; color:#fff; font-weight:100;
    -webkit-border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 }
  .front-end .searchBlock .searchField:hover { cursor:pointer; }
.front-end .searchBlock #search_button, .front-end .searchBlockMobile #search_button { border:none; width:19px; position:absolute; right:12px; top:15px; }
.front-end .searchBlock #search_button {
    width:19px; height:19px; padding:0; top:16px; 
    background:url("/images/search-icon.png") #7e7a7a no-repeat; text-indent:-9999px; 
}

.filterBlock input[type="checkbox"] { display:none; }
/*----------------------------------------------------*/

/* MOBILE MENU (HIDE IN DESKTOP) ---------------------*/
#pull, #show-side { display:none; }

.mobile-quick-links { display:none; }
/*----------------------------------------------------*/

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

/* FOOTER ============================================================================================ */
footer { padding:40px 0 0 0; background:#8f8f8f; color:#fff; position:relative; }
footer .contentBlock_12 { position:relative; }
.footer-address { font-size:1.5em; font-family: 'Ubuntu';}
.footer-address .footer-phone { font-weight:bold; font-size:1.2em; }
footer .grid_3 nav a { color:#fff; position:relative; padding-left:10px; margin-bottom:10px; display:block; background:url(/images/nav-arrow-white.png) left center no-repeat; }
.footer-address > span {  display:block; float:left; margin-bottom:20px; line-height:1.25em; }
.footer-phone a {color:#fff;}

.social { float:right; }
.social a { display:block; float:left; width:23px; height:23px; background:url(/images/social.png)  no-repeat; text-indent:-9999px; margin:0 0 0 10px; }
.social a.youtube { background-position:-32px 0; }
.social a.fbook { background-position:-64px 0; }

.mentor-link { position:absolute; right:10px; bottom:30px; }
.mentor-link a { color:#FFF; font-size:11px; }

.Home footer { border-top:4px solid #5a5a5a; }

.top-image img { margin-bottom:-35px; position:relative; z-index:500; }
/* =================================================================================================== */
/* DIRECT DIAL TABLE ================================================================================= */
table .directDial th, table .directDial td, .directDial, .mceContentBody table.directDial th, .mceContentBody table.directDial td {border:none !important; clear:none !important;}
/*==================================================================================================== */
/* HOME CONTENT ====================================================================================== */

/* HOME PAGE SECTION STYLINGS ------------------------*/
.Home section { padding-top:0; }
.Home.parkside section, .Home.art-for-life section, .Home.beacon-centre section, .Home.easy-read section 
{ 
    padding-top:20px;
}
.grey-content-bg { background:#e5e5e5; padding:30px 0 10px 0; margin-bottom:40px; }
/*----------------------------------------------------*/

/* TOP FULL-WIDTH AREA STYLING 
    AND QUICKLINKS RIGHT MENU ------------------------*/
.slider-bg { background:#19a3d1; }
.slider-bg .grid_9 { margin-right:0; }
.slider-bg .light-blue { background:#32add6; width:220px; padding-bottom:20px; margin:0; padding-left:20px; display:inline;position:relative; float:left; }
.slider-bg .light-blue h3 { font-family:'Ubuntu'; font-weight:100; margin-top:20px; margin-bottom:20px; color:#fff; }
.slider-bg .light-blue ul { list-style:none; }
.slider-bg .light-blue ul li img { width:40px; float:left;}
.slider-bg .light-blue ul li a { margin-right:20px; margin-left:52px; display:block; font-family:'Ubuntu'; font-weight:100; font-size:1em; color:#fff; border-top:1px solid #fff; line-height:40px; }
.slider-bg .light-blue ul li:first-child a { border:none; }
.slider-bg .light-blue .phone-details { margin-top:20px; }
.slider-bg .light-blue .phone-details .phone-number { display:block; font-size:1.846em; font-weight:700; color:#fff;}
.slider-bg .light-blue .phone-details .phone-number a {color:#fff;}
.slider-bg .light-blue .phone-details span { display:block; margin-top:10px; color:#fff; }
.slider-bg .light-blue .phone-details span:first-child { margin-top:0; }
/* =================================================================================================== */

/* BLOCKS ============================================================================================ */

/* CONTOUR FORM ------------------------------- */
.contour { margin-left:1em; margin-right:1em; margin-bottom:20px; }
.contourField { margin-bottom:10px; width:100%; float:left; clear:both; }
.contourField label { float:left; clear:both; font-weight:bold; font-size:1em; color:#8c8c8c; padding:8px 0; color:#16A0CE; }
.contourField input { /*width:340px;*/ height:25px; border:1px solid #DFDFDF; padding:5px; }
.contourField select { width:100%; /*width:352px; float:left; border: 1px solid #DFDFDF;height:35px; padding:0 5px;*/ }

.contourField .field-validation-error { color:red; }

 .contourNavigation input[type="submit"]:hover { cursor:pointer; }

.contour span.checkboxlist { float:left; clear:both; width:100%; }
.contour input[type="checkbox"] { width:20px; float:left; }
.contour span.checkboxlist label { float:left; clear:none; }
.contour span.checkboxlist br { clear:both; }

.art-for-life h4.contourPageName, 
.art-for-life .contourField label {color:#8EAF69}
/* -------------------------------------------- */

/* FLEXSLIDER --------------------------------- */
.flexslider { position:relative; }
.flexslider .slides { list-style:none; }
.flexslider .slides li { min-height:300px; position:relative; display:none; }
.flexslider .slides li:first-child { display:block; }
.flexslider .slides li .slider-image { position:absolute; right:30px; top:30px; }
.flexslider .slides li .slider-image img { -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; }
.flexslider .slides li .slider-image span { display:none; }
.flexslider .slides li .slider-image span { width:240px\9; height:240px\9; display:block\9; position:absolute\9; top:0\9; left:-5px; top:-5px; background:url("/images/slide-mask-circle.png") no-repeat\9; }
.flexslider .slides li .slider-box { width:370px; float:left; color:#fff; margin-top:20px; }
.flexslider .slides li .slider-box h2 { font-size:2.6em; font-family:'Ubuntu'; font-weight:100; color:#fff; line-height:1.3em;}
.flexslider .slides li .slider-box h2 a { color:#FFF; }
.flexslider .slides li .slider-box p { padding-bottom:40px; }
form input[type="submit"] {border:none;}
.flexslider .slides li .slider-box p + a, .contourNavigation input[type="submit"], .front-end form input[type="submit"] { background:#a1c654; text-transform:uppercase; font-size:1.154em; font-weight:100; font-family:'Ubuntu'; padding: 10px 40px; color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px; }
.contourNavigation input[type="submit"] { border:none; }
.flexslider ol.flex-control-nav { right:20px; text-align:right; position:absolute; bottom:0px; }
.flexslider ol.flex-control-nav li { margin:0 0 0 5px; display:inline-block; zoom:1; }
.flexslider ol.flex-control-nav li:first-child { margin:0px; }
.flexslider ol.flex-control-nav li a { 
    width:14px; height:14px; display:block; background:#e5e5e5; cursor:pointer; text-indent:9999px; overflow:hidden; 
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.flexslider ol.flex-control-nav li a.flex-active { background:#A1C654; }

.flexslider ul.flex-direction-nav { width:100%; position:absolute; top:50%; margin-top:-25px; }
.flexslider ul.flex-direction-nav li { list-style:none; }
.flexslider ul.flex-direction-nav li { width:50px; height:50px; display:block; position:absolute; }
.flexslider ul.flex-direction-nav li:first-child { left:0px; }
.flexslider ul.flex-direction-nav li:first-child + li { right:0px; }
.flexslider ul.flex-direction-nav li a { width:100%; height:100%; display:block; background-color:#16a0ce; background-repeat:no-repeat; background-position:center center; text-indent: -9999px; opacity:0.7; }
.flexslider ul.flex-direction-nav li:first-child a { background-image:url("/images/slider-prev-arrow.png"); }
.flexslider ul.flex-direction-nav li:first-child + li a { background-image:url("/images/slider-next-arrow.png"); }
.flexslider ul.flex-direction-nav li a:hover { opacity:1; }

.contentSlider { padding-bottom:20px; background-color:#19a3d1; }
.contentSlider ul { width:100%; }
.contentSlider ul li { width:100%; }
.contentSlider .slides li .slider-box { margin-top:80px; padding-left:20px; }
.contentSlider .slides li .slider-box a {color:#fff;}
.contentSlider ol.flex-control-nav { top:auto; bottom:15px; }

.imageOnlySlider .slides li img { width:100%; height:100%; }
/* -------------------------------------------- */

/* FEATURE BOXES ------------------------------ */
.white-bg { background:#fff; }
.grey-bg, .right-content .feature-box { background:#f8f8f8;}
.grey-content-bg .feature-box { background:#fff; }
.feature-box img { width:220px; height:140px; background:#000; } 
.feature-box { padding-bottom:10px; background:#f8f8f8; }
.grey-content-bg .feature-box { min-height:346px; }
.feature-box h3 { margin-top:15px; margin-bottom:10px; font-family:'Ubuntu'; font-size:1.5em; font-weight:100; }
.feature-box h3, .feature-box p, .feature-box ul { padding:5px 20px; list-style:none; }
.feature-box p { line-height:18px; color:#626363; }
.feature-box ul li a { background:url(/images/link-blue-arrow.png) left no-repeat; padding-left:10px; margin-bottom:5px; display:block; font-family:'Ubuntu'; font-weight:400; line-height:1.4em; }

.colour-box { height:168px; background:#000; position:relative; }
.colour-box a { 
	width:85%; padding-left:5%; margin-right:5%; padding-right:5%;
	background:url(/images/colourbox-white-arrow.png) 100% 100% no-repeat; position:absolute; bottom:15px; font-family:'Ubuntu'; font-size:1.5em; font-weight:100; color:#fff; line-height:1em; 
}
.colour-box.patient { background:#efb75f; }
.colour-box.parkside { background:#92c9dc; }

.colour-box.patient:before { content:url(/images/patient-colourbox-bg.png); padding:15px; display:block; }
.colour-box.parkside:before { content: url(/images/parkside-colourbox-bg.png); padding:15px; display:block; }
/* -------------------------------------------- */
/* VIDEO BlOCKs */
.mVideoPopOutPlayer span {width: 60px; height: 60px; background: url(../images/video-play-icon.png) no-repeat; position:absolute; top:80px;left:80px;}
/*=======================================================================================================*/
/* HOT TOPICS --------------------------------- */
.black { color:#000 ; }
.Home h3 { font-family:'Ubuntu'; font-size:1.5em; }
a.link-blue { background:url(/images/link-blue-arrow.png) left no-repeat; padding: 0 0 0 10px; margin-top:16px; display:block; font-family:'Ubuntu'; font-weight:400; color:#0072ba; font-size:1.077em; }

.hot-topics h4 { font-family:'Ubuntu'; font-weight:500; color:#0072ba; margin-bottom:5px;font-size: 1.077em; }
.hot-topics div { float:left; }
.hot-topics { background:#F3F3F3; padding:10px; margin-bottom:10px; margin-right:10px; }
.hot-topics img { width:129px; }
.hot-topics-text { float:left; width:280px; display:inline; position:relative; margin-left:20px; }
.hot-topics-text p { font-size:0.923em; line-height:1.6em; }
.hot-topics a { font-size:1.077em; }
/* ------------------------------------------- */

/* NEWS ITEM SUMMARY ------------------------- */
.news-item-summary { margin-bottom:5px; }
.news-item-summary > p { border-top: 1px dotted #0072ba; padding-top:5px;  }
.news-item-summary:first-of-type p { border-top:none; }
.news-item-summary > a { font-size:0.923em; color:#0072ba; line-height:1.6em; padding-bottom:0; }
.news-item-summary span { color:#626363; margin:2px 0 10px 0; display:block; }

#newsCat {display:none;}
/* ------------------------------------------- */

/* SOCIAL FEED BLOCK API --------------------- */
.api { position:relative; }
.api nav { position:absolute; top:0; right:0; }
.api nav a { width:23px; padding:5px; display:block; float:left; height:23px; text-indent:-9999px; }
.api nav a {-webkit-transition: all 0ms ease-in-out;
-moz-transition: all 0ms ease-in-out;
-ms-transition: all 0ms ease-in-out;
-o-transition: all 0ms ease-in-out;
transition: all 0ms ease-in-out;}

.api .twitter { background:url(/images/social-api.png) 5px 5px no-repeat; width:23px; }
.api .youtube { background:url(/images/social-api.png) -24px 5px no-repeat; }
.api .fbook { background:url(/images/social-api.png) -53px 5px no-repeat; }

.api nav .twitter.selected,  .api nav .twitter:hover { background:url(/images/social-api.png) 5px -52px no-repeat #A1C654; }
 .api nav .youtube:hover { background:url(/images/social-api.png) -24px -52px no-repeat #A1C654; }
 .api nav .fbook:hover { background:url(/images/social-api.png) -53px -52px no-repeat #A1C654; }

.api-wrap { background:#a1c654; padding:20px; }
.api div.tweet-wrap { padding:10px 0; border-top: 1px dotted #fff;  }
.api div.tweet-wrap:first-child { border-top:0px none; padding-top:0; }
.api div.tweet-wrap p, .api div.tweet-wrap span { line-height:1.5em; }
.api div.tweet-wrap p { padding:0; color:#fff; font-weight:bold; }
.api div.tweet-wrap span { color:#626363; }
.api div.tweet-wrap + a.link-blue { margin-top:5px; }
.api .when { display:block; margin-bottom:10px; }

.api h3 {margin-bottom:5px;}
/* ------------------------------------------- */

/* SUB-NAV ----------------------------------- */
.subnav { font-family:'Ubuntu'; }
.subnav h4 { padding-bottom:0; font-size:1.154em; }
.subnav ul, .relatedLinksBlock ul { padding:0 15px 15px; list-style:none; }
.subnav ul a { background:url(/images/link-grey-arrow.png) left no-repeat; padding: 0 0 0 10px; margin-top:16px; display:block; color:#626363; font-weight:300; }
.subnav ul li.selected > a { font-weight:bold; }
.subnav ul li.selected li a { color:#16a0ce; }
.subnav ul ul { padding-bottom:0; padding-right:0; }

.colour-boxes { background:#60a08d; margin-bottom:20px; }
.colour-boxes h3 { color:#fff; padding:14px 14px 0 14px; font-family:'Ubuntu'; font-size:1.5em; font-weight:100; }
.colour-boxes .blockContent { padding:14px; color:#fff; }
a.link-white {color: #fff;position: relative; padding-left: 10px; margin-bottom: 10px; display: block; background: url(/images/nav-arrow-white.png) left center no-repeat; }

.colour-boxes li a { font-size:1em; }

.colour-boxes ul { list-style:none; }
/* ------------------------------------------- */

/* HERO IMAGE -------------------------------- */
.hero-image { margin-top: 20px; }
/* ------------------------------------------- */

/* BREADCRUMBS ------------------------------- */
.breadcrumbs-bg { background:#a1c654 }
nav.breadcrumbs { padding: 10px 15px 10px; color:#fff; }
nav.breadcrumbs a { color:#fff; }
.breadcrumbs-bg .grid_12 { margin-bottom:0; }
/* ------------------------------------------- */

/* DOC TABLE --------------------------------- */
table.doc-table { border:none; }
table.doc-table th, .mceContentBody table.doc-table td, table.dir-table th, .mceContentBody table.dir-table td { border:none; }
table.doc-table th, table.dir-table th { background:#f8f8f8; color:#0072ba; font-family:'Ubuntu'; font-weight:bold; padding:5px;}
table.doc-table th:first-of-type, table.doc-table td:first-of-type { width:600px; text-align:left; }
table.doc-table tr td:first-of-type { text-align:left; }
table.doc-table tr td a, table.dir-table tr td a { margin-top:0; font-weight:600; }
table.doc-table tr td, table.dir-table tr td { color:#626363; font-family:'Ubuntu'; font-weight:500; padding:5px 0; vertical-align: middle;}
table.doc-table tr, table.dir-table tr { border-top:1px solid #f8f8f8; }
table.doc-table tr:first-child, table.dir-table tr:first-child { border-top:0px none; }
table.doc-table th.hidden, table.dir-table th.hidden { text-indent:-9999px; }
table.doc-table .link-blue, table.dir-table .link-blue {margin:0;}

table.doc-table .hidden-row, table.dir-table .hidden-row { display:none; }

/* Directory Tabel -----------------------------*/

table.dir-table {width:100%; }
table.dir-table table {width:100%; }
table.dir-table table TD:first-of-type { width:475px; }
table.dir-table table table TD:first-of-type { width:445px; }
table.dir-table tr.sub {display:none; opacity:1 !important;}
table.indent tr { margin-left:30px; display:block; }

.accordion { cursor:pointer; background:url(/images/folder.png) left no-repeat; margin-left: 5px; display: block; padding:10px 0;}
table.dir-table .folder-link { background:url(/images/link-blue-arrow.png) left no-repeat; padding: 5px 5px 5px 10px !important; margin-left: 36px; display: block; color:#0072BA; font-family: 'Ubuntu'; font-weight:600;}

table .even {background:#f8f8f8; }
/* ------------------------------------------- */

/* EVENTS CALENDAR --------------------------- */
.events-calendar { list-style:none; }
.events-calendar li, latest-news li { border-bottom:1px solid #f8f8f8; margin-bottom:10px; padding-bottom:10px; }
.news-list { list-style:none; }
.news-list li .grid_9 { border-bottom:1px solid #f8f8f8; margin-bottom:10px; padding-bottom:10px; }
.date { width:40px; height:40px; padding:5px; background:#a1c654; float:left; margin-right:10px }
.date span { color:#fff; display:block; font-family:'Ubuntu'; font-size:1.9em; text-align:center; }
.date span.month { text-transform:uppercase; font-size:0.9em; font-weight:bold; }
.events-calendar li .summary { width:545px; margin-right:10px; float:left; }
.events-calendar li .summary p { padding-bottom: 0; }
.events-calendar li a { float:left; }
 .events-calendar li a:hover { text-decoration:none; }
 .events-calendar li a.link-blue:hover { text-decoration:underline; }
.eventsFeed .green-box { width:100px; margin:40px auto 10px auto; display:block; float:none; text-align:center; }
/* ------------------------------------------- */

/* EVENTS PAGE ------------------------------- */
.column { width:180px; float:left; margin-right:10px; }
.row { margin-top:5px; }
.grid_5 > .row { margin-top:30px; }
.grid_5 > .row:first-child { margin-top:0; }
.row span { display:block; float:left; margin-left:5px; }
.row span.heading { margin-left:0; font-weight:bold; color:#2aa5d1; }
.row.top span + span { margin-left:0; }
a.green-box { background:#A1C654; text-transform:uppercase; float:left; font-size:1.1em; font-family:'Ubuntu'; padding:15px 40px; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.text-date { font-family:'Ubuntu'; font-weight:300; font-size:1.1em; line-height:1.2em; }
/* ------------------------------------------- */

/* LATEST NEWS ------------------------------- */
.newsPageFeed { position:relative; }
.newsCategories { width:220px; top:-50px; right:10px; position:absolute; }
.news-list .grid_9 { margin-bottom:0; }
.news-list h3 { color:#2aa5d1; font-size:1.45em; line-height:1.3em; margin-bottom:5px; }
.news-list h3 a { color:#2aa5d1; }
.news-list .news-image { width:140px; float:left; margin-right:20px; }
.news-list .summary { width:400px;float:left; margin-right:60px; }
.news-list .summary:first-child { width:560px; }
.news-list .summary p { font-size:1.1em; }
.news-list .summary + a { float:left; }
.news-list .news-date { display:block; margin-bottom:5px; font-size:0.85em; }
.selection-box select { width:80%; float:right; margin:0; padding:5px; border:1px solid #ececec; font-size:1em;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.pagination { position:relative; }
.pagination a { padding:2px 0 4px 0; color:#0072ba; font-size:1em; font-family:'Ubuntu'; width: 25px; float: left; text-align: center; } 
.pagination a.selected, .pagination a:hover { color:#fff; background:#0072ba;cursor:pointer; }

.next-prev a { display:inline-block; width:7px; height:12px; text-indent:-9999px; position:absolute; }
.next-prev a.hidden { display:none;}
.next-prev .prev { background:url(/images/pagination-arrow-left.png); top:4px; left:-12px; }
.next-prev .next { 
    background:url(/images/pagination-arrow-right.png); top:4px;  margin-left:5px;
}

.page-number .next-prev .prev { top:6px; left:auto; position:relative; }
.page-number .next-prev .next { top:6px; left:auto; position:relative; }

/* ------------------------------------------- */

/* SEARCH PAGE ------------------------------- */
.top-page { height:34px; border-bottom:1px solid #f8f8f8; }
.top-page .results-number { float:left; }
.top-page .page-number { float:right; }
.search-list .top-page {border:none;}
.side-searchBlock form {position:relative;}
.front-end .sideSearch input#side-search { width:150px; float:left; margin:14px 0 14px 14px; border:none;outline: 1px solid #D2D2D2; height:33px; padding:0 32px 0 10px; font-family: 'Ubuntu'; font-weight:100;position:relative;
-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
 }
.side-searchBlock #side-search_button {width: 19px;height: 19px;padding: 0;top: 20px;right:22px;background: url("/images/search-icon.png") #fff no-repeat;text-indent: -9999px;border:none;position:absolute;}
.front-end .sideSearch { float:left;width:100%; }
.side-searchBlock #side-search_button:hover {cursor:pointer;}
.filterBlock ul { padding:14px; }
.filterBlock li { margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #f0f0f0; list-style:none; }
.filterBlock li a { padding:3px 0; color:#626363; display:block; background: url(/images/filter-tickbox.png) right -24px no-repeat; }
.filterBlock li a.current { background: url(/images/filter-tickbox.png) right top no-repeat; }

.search-list li { background:#f1f1f1; margin-bottom:3px; padding:14px;list-style:none; }
.search-list h4 { color:#0072BA; font-size:0.813em; font-weight:600; }
.front-end .search-list a { margin-top:0; }

#mobileSelectSearch {display:none;}

/* ------------------------------------------- */

/* WARDS AND DEPARTMENTS --------------------- */
.content-grouped { margin-bottom:40px; }
.further-heading { margin:0 10px; width:460px; float:left; }

.wardInfo.content-grouped .row { padding-bottom:10px; border-bottom:1px solid #f8f8f8; }
.wardInfo.content-grouped SPAN {display:inline; float:none; margin-left:0;}
.wardInfo.content-grouped .header, .Ward .further-heading .header {font-weight:bold; color:#2aa5d1; display:block; margin-bottom:5px;}
/* ------------------------------------------- */

/* A TO Z ------------------------------------ */
.atoz { float:left; margin-bottom:20px; }
.atoz a { display:block; width:25px; padding:5px 0 0; height:20px; margin-left:2px; float:left; background:#7e7a7a; text-align:center; color:#fff; font-family:'Ubuntu'; font-size:1.1em; font-weight:600; position:relative; }
.atoz a:first-child { margin:0; }
 .atoz a:hover, .atoz a.selected { text-decoration:none; background:#16A0CE; }
 .atoz a:hover:after, .atoz a.selected:after { content:url(/images/arrow-down.png); position:absolute; bottom:-7px; left:7px; }

.aToZ-showAll {float:right; margin-right:20px;}
.aToZ-showAll A {padding:10px; display:block;}

.atoz-table { /*font-size:0.813em;*/ }


.instructions { bottom:-14px; }
.second-header h2 { /*margin-bottom:0;*/ margin-top:20px; color:#16A0CE; font-weight:400; }

.atoz-table th { width:350px; padding:5px; background:#16a0ce; color:#fff; }
.atoz-table th:first-child { width:420px; }
.atoz-table td { font-size:1.1em; padding:10px 5px; }

.servicesAtoZ { width: 100%; }
.servicesAtoZ th { width:60%; padding:10px; font-size:1.1em; font-family:'Ubuntu'; }
.servicesAtoZ th:first-child {width:40%; }

/* ------------------------------------------- */

/* CONSULTANT DETAILS ------------------------ */
.contact-details { padding-bottom:20px; }
.contact-details h4 { margin-bottom:20px; }

.contact-details .row { border-top:1px solid #d5d5d5;margin:5px 14px 0 14px;padding:5px 0 0 0; }
.contact-details .row:first-of-type {border:none; margin:0 14px; padding:0;}
/*.contact-details .row span { width:42%; float:left; margin:0; }
.contact-details .row span:first-child, .front-end .header { margin-right:10px; width:54%; font-weight:bold; color:#2aa5d1; }
.consultantImg {margin-bottom:20px;}*/
.front-end .header { margin-right:10px; width:54%; font-weight:bold; color:#2aa5d1; }
.contact-details p {padding-bottom:5px;line-height:1.2em; word-wrap:break-word;}

/* ------------------------------------------- */

/* CONTACT PAGE------------------------------- */
.address span { float:left; clear:both; }
.form .row { float:left; width:100%; margin-bottom:20px; }

/* ------------------------------------------- */

/* EXHIBITIONS BLOCK ------------------------- */
.exhibitionsBlock { border-bottom:3px solid #8eaf69; }
.exhibitionBlock .blockContent { padding:10px; background:#8eaf69; color:#FFF; font-family:'Ubuntu'; font-weight:400; font-size:1.1em; line-height:1.3em; }
.exhibitionBlock .blockContent div {  margin-top:5px;  }
.exhibitionBlock .blockContent div:first-child { margin-top:0px; }
.exhibitionBlock .blockContent div a { color:#FFF; text-decoration:underline; }

.gallery-thumbs h3 { opacity:0; position:absolute; bottom:0; margin-bottom:0; width:192px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
 }
 .gallery-thumbs .grid_3:hover { cursor:pointer; }
 .gallery-thumbs .grid_3:hover h3 { opacity:0.9; cursor:pointer; }

 .umbracoPage table #canvas .grid_3 .featureBlock {min-height:350px;}

/* ------------------------------------------- */

/* EXHIBITIONS BLOCK ------------------------- */
.exhibitionItemDetailsBlock > div + div { margin-top:20px; }
.exhibitionItemDetailsBlock div div { margin-top:10px; }
.exhibitionItemDetailsBlock div div:first-child { margin-top:0; }
.exhibitionItemDetailsBlock div img { border-bottom:3px solid #8eaf69; }
.exhibitionItemDetailsBlock div h4 { color:#626363; }
.exhibitionItemDetailsBlock div h4 span:first-child { color:#8eaf69; }
.exhibitionItemDetailsBlock div h4 a { color:#8eaf69; text-decoration:underline; }
.exhibitionItemDetailsBlock div h4 a:hover { text-decoration:none; }
/* ------------------------------------------- */

/* INFECTION CONTROL AND INCIDENT MESSAGES --- */
.infectionControl {border:3px solid red; padding:10px; margin-bottom:5px;}

.incidentContainer { background:red; margin-bottom:0;}
.incidentContainer .grid_12 { margin-bottom:0; }
.incidentMessage {background:#fff; border-top:6px solid red; border-bottom:6px solid red; padding:20px; margin-bottom:0px;}
/* ------------------------------------------- */

/* FAQ BLOCK --------------------------------- */
.faqBlock > ul { margin:0; display:block; list-style:none; }
.faqBlock > ul > li { min-height:auto; margin-top:0; padding-top:10px; display:block; list-style:none; border-top:1px solid #E1E1E1; }
.faqBlock > ul > li:first-child { margin-top:0; padding-top:0; border-top:none; }
.faqBlock > ul > li > div { position:relative; }
.faqBlock > ul > li > div:first-child { padding-bottom:10px; }
.faqBlock > ul > li > div > a { 
    padding-left: 10px; display:block;  background: url(/images/link-blue-arrow.png) left no-repeat;
    font-family: 'Ubuntu'; font-size:1.1em; font-weight: 400;
}

.faqBlock > ul > li > div.faq_content { padding-bottom:10px; position:relative; display:none; }
.faqBlock > ul > li > div.faq_content > div { 
  padding:14px 10px 10px; background:#F2F2F2; color:#555;
  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; 
  -webkit-box-shadow:inset 0 1px 3px #DDD; -moz-box-shadow:inset 0 1px 3px #DDD; box-shadow:inset 0 1px 3px #DDD;
}
.faqBlock > ul > li > div.faq_content > div > p { margin:0; padding:10px 0 0; }
.faqBlock > ul > li > div.faq_content > div > p:first-child {  padding:0; }
/* =================================================================================================== */
/* MEMBERS */

form #Username, form #Password {width:60%; float:left; clear:both;}
 /* CLINICAL TRIALS*/ 
.clinicalTrialsBlock { padding-bottom:20px; min-height:300px; }
.clinicalTrialsTable {float:left; width:100%;margin-top:20px;}                                               

#trialSelect, #trialSelectSub {width:45%;margin: 0; padding: 5px; border: 1px solid #ECECEC; display: block; background: #FFF; float:left; clear:none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#E5E5E5));
background: -webkit-linear-gradient(top, #FFF 0%,#E5E5E5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #FFF 0%,#E5E5E5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#trialSelect {margin-right:5%;}

.clinicalTrialsTable th:first-child {width:550px;}
.clinicalTrialsTable th {width:160px;}

/*=======================================================================================================*/
/* FORUM */
.forumTable tr td:first-child p {font-size:0.87em; padding-bottom:0;}

/*========================================================================================================*/
/* MAP */
#map-holder {width:100%;}
#map-holder #map-canvas {margin:0 auto;float:none;display:block;}
.mapMarkerList {margin-top:20px;}
.mapMarkerList ul li.heading {font-family:'Ubuntu'; margin-bottom:10px;padding-bottom:10px; font-size:1.8em; font-weight:400; line-height:1.2em; color:#16a0ce;}
/*========================================================================================================*/

/* SITEMAP */
.sitemap ul { margin-left:30px; }
.sitemap ul li { line-height:2em; }

/* MUSGROVE / GENERIC THEMES ========================================================================= */
/* MUSGROVE TEXT COLOURS --------------------- */
.Light-Blue, a.Light-Blue { color:#16a0ce; }
.Blue, a.Blue { color:#0072BA; }
.Dark-Blue, a.Dark-Blue { color:#272579; }
.Turquoise, a.Turquoise { color:#00a9a5; }
.Light-Green, a.Light-Green { color:#a1c654; }
.Green, a.Green { color:#1c775d; }
.Dark-Pink, a.Dark-Pink { color:#9b0354;}
.Pink, a.Pink { color:#a01f60; }
.Orange, a.Orange { color:#f7971d; }
.Purple, a.Purple { color:#926BB6; }
/* ------------------------------------------- */

/* MUSGROVE DROPDOWN COLOURS ----------------- */
nav.main-nav .Light-Blue .sub ul li a { background: url(/images/dropdown-dark-green.png) 0 50% no-repeat; }
nav.main-nav .Dark-Blue .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
nav.main-nav .Blue .sub ul li a { background: url(/images/dropdown-dark-pink.png) 0 50% no-repeat; }
nav.main-nav .Dark-Pink .sub ul li a { background: url(/images/dropdown-pink.png) 0 50% no-repeat; }
nav.main-nav .Pink .sub ul li a { background: url(/images/dropdown-pink.png) 0 50% no-repeat; }
nav.main-nav .Turquoise .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
nav.main-nav .Light-Green .sub ul li a { background: url(/images/dropdown-dark-green.png) 0 50% no-repeat; }
nav.main-nav .Green .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
nav.main-nav .Orange .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
nav.main-nav .Purple .sub ul li a { background: url(/images/dropdown-dark-green.png) 0 50% no-repeat; }
/* ------------------------------------------- */

/* MUSGROVE MAIN-NAV TOP LEVEL COLOURS ------- */
nav.main-nav .Light-Blue:hover a, nav.main-nav .Light-Blue.itemhover a, nav.main-nav .Light-Blue a.selected, nav.main-nav .Light-Blue .sub, .breadcrumbs-bg.Light-Blue { background:#16a0ce; }
nav.main-nav .Blue:hover a, nav.main-nav .Blue.itemhover a, nav.main-nav .Blue a.selected, nav.main-nav .Blue .sub, .breadcrumbs-bg.Blue { background:#0072BA; }
nav.main-nav .Dark-Blue:hover a, nav.main-nav .Dark-Blue.itemhover a, nav.main-nav .Dark-Blue a.selected, nav.main-nav .Dark-Blue .sub, .breadcrumbs-bg.Dark-Blue { background:#272579; }
nav.main-nav .Dark-Pink:hover a, nav.main-nav .Dark-Pink.itemhover a, nav.main-nav .Dark-Pink a.selected, nav.main-nav .Dark-Pink .sub, .breadcrumbs-bg.Dark-Pink { background:#9b0354; }
nav.main-nav .Pink:hover a, nav.main-nav .Pink.itemhover a, nav.main-nav .Pink a.selected, nav.main-nav .Pink .sub, .breadcrumbs-bg.Pink { background:#bc628f; }
nav.main-nav .Turquoise:hover a, nav.main-nav .Turquoise.itemhover a, nav.main-nav .Turquoise a.selected, nav.main-nav .Turquoise .sub, .breadcrumbs-bg.Turquoise { background:#00a9a5; }
nav.main-nav .Light-Green:hover a, nav.main-nav .Light-Green.itemhover a, nav.main-nav .Light-Green a.selected, nav.main-nav .Light-Green .sub, .breadcrumbs-bg.Light-Green  { background:#a1c654; }
nav.main-nav .Green:hover a, nav.main-nav .Green.itemhover a, nav.main-nav .Green a.selected, nav.main-nav .Green .sub, .breadcrumbs-bg.Green { background:#1c775d; }
nav.main-nav .Orange:hover a, nav.main-nav .Orange.itemhover a, nav.main-nav .Orange a.selected, nav.main-nav .Orange .sub, .breadcrumbs-bg.Orange { background:#f7971d; }
nav.main-nav .Purple:hover a, nav.main-nav .Purple.itemhover a, nav.main-nav .Purple a.selected, nav.main-nav .Purple .sub, .breadcrumbs-bg.Purple { background:#926BB6; }
/* ------------------------------------------- */

/* MUSGROVE FEATURE BLOCKS ------------------- */
.feature-box ul li a.Light-Blue { background: url(/images/dropdown-dark-green.png) left no-repeat; }
.feature-box ul li a.Dark-Blue { background: url(/images/dropdown-green.png) left no-repeat; }
.feature-box ul li a.Blue { background: url(/images/dropdown-green.png) left no-repeat; }
.feature-box ul li a.Dark-Pink { background: url(/images/dropdown-pink.png) left no-repeat; }
.feature-box ul li a.Pink { background: url(/images/dropdown-pink.png) left no-repeat; }
.feature-box ul li a.Light-Green { background: url(/images/dropdown-dark-green.png) left no-repeat; }
.feature-box ul li a.Green { background: url(/images/dropdown-green.png) left no-repeat; }
.feature-box ul li a.Orange { background: url(/images/dropdown-green.png) left no-repeat; }
.feature-box ul li a.Purple { background: url(/images/dropdown-dark-green.png) left no-repeat; }
/* ------------------------------------------- */

/* MUSGROVE BACKGROUND COLOUR FEATURE BLOCKS - */
.colour-boxes.Light-Blue{ background:#16a0ce; }
.colour-boxes.Blue { background:#0072BA; }
.colour-boxes.Dark-Blue { background:#272579; }
.colour-boxes.Turquoise { background:#00a9a5; }
.colour-boxes.Light-Green { background:#a1c654; }
.colour-boxes.Green { background:#1c775d; }
.colour-boxes.Dark-Pink { background:#9b0354;}
.colour-boxes.Pink { background:#a01f60; }
.colour-boxes.Orange { background:#f7971d; }
.colour-boxes.Purple { background:#926BB6; }
/* =================================================================================================== */

/* PARKSIDE COLOUR THEMES ============================================================================ */
/* PARKSIDE BODY  ---------------------------- */
body.parkside { background:#1b4495; }
/* ------------------------------------------- */

/* PARKSIDE WYSIWYG AND HEADING ELEMENTS  ---- */
.parkside .mceContentBody a,
.parkside .bodyHeading div.mainHeading,
.parkside .mceContentBody h1,
.parkside .mceContentBody h1 a,
.parkside .mceContentBody h2,
.parkside .mceContentBody h2 a,
.parkside .mceContentBody h3,
.parkside .mceContentBody h3 a,
.parkside .mceContentBody h4,
.parkside .mceContentBody h4 a { color:#1b4495; }
.parkside .white-heading { background:#1b4495; } /* Background parkside blue, not sure why white-heading is in the wysiwyig */
.parkside a.link-blue { color:#40ae49; background-image:url(/images/dropdown-green.png); } /* Related links green links */
/* ------------------------------------------- */

/* PARKSIDE TEXT COLOURS --------------------- */
.Parkside-Blue, a.Parkside-Blue { color:#1b4495; }
.Parkside-Green, a.Parkside-Green { color:#40ae49; }
/* ------------------------------------------- */

/* PARKSIDE DROPDOWN COLOURS ----------------- */
nav.main-nav .Parkside-Blue .sub ul li a { background: url(/images/dropdown-dark-pink.png) 0 50% no-repeat; }
nav.main-nav .Parkside-Green .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
/* ------------------------------------------- */

/* PARKSIDE MAIN NAVIGATION ------------------ */
.parkside .main-nav-bg { background:#1b4495; }
/* ------------------------------------------- */

/* PARKSIDE MAIN-NAV TOP LEVEL COLOURS ------- */
 nav.main-nav .Parkside-Blue:hover a, nav.main-nav .Parkside-Blue.itemhover a, nav.main-nav .Parkside-Blue a.selected, nav.main-nav .Parkside-Blue .sub, .breadcrumbs-bg.Parkside-Blue { background:#1b4495; }
 nav.main-nav .Parkside-Green:hover a, nav.main-nav .Parkside-Green.itemhover a, nav.main-nav .Parkside-Green a.selected, nav.main-nav .Parkside-Green .sub, .breadcrumbs-bg.Parkside-Green { background:#40ae49; }
/* ------------------------------------------- */

/* PARKSIDE BREADCRUMB ----------------------- */
.parkside .breadcrumbs-bg { background:#40ae49; }
/* ------------------------------------------- */

/* PARKSIDE FOOTER --------------------------- */
.parkside footer { background:#1b4495; border:0px none; }
/* ------------------------------------------- */

/* PARKSIDE SUBNAV --------------------------- */
.parkside .subnav h4,
.parkside .subnav h4 a { color:#1b4495; }
.parkside .subnav ul li.selected li a { color:#40ae49; }
/* ------------------------------------------- */

/* PARKSIDE TWITTER FEED --------------------- */
.parkside .api-wrap { background:#40ae49; }
.parkside .api nav a.selected,  .parkside .api nav a:hover { background-color:#40ae49 !important; }
.parkside .api div.tweet-wrap span { color:#FFF; }
.parkside .api div.tweet-wrap + a.link-blue { background-image:url("/images/nav-arrow-white.png"); color:#FFF; }
/* ------------------------------------------- */

/* PARKSIDE FLEXSLIDER ----------------------- */
.parkside .flexslider { background-color:#1b4495; }
.parkside .flexslider ol.flex-control-nav li a.flex-active { background:#40ae49; }
.parkside .flexslider .slides li .slider-image span { background:url("/images/slide-mask-circle-parkside.png") no-repeat\9; }
/* ------------------------------------------- */

/* PARKSIDE FEATURE BLOCKS ------------------- */
.feature-box ul li a.Parkside-Green { background: url(/images/dropdown-green.png) left no-repeat; }
/* ------------------------------------------- */

/* PARKSIDE BACKGROUND COLOUR FEATURE BLOCKS - */
.colour-boxes.Parkside-Blue { background:#1b4495; }
.colour-boxes.Parkside-Green { background:#40ae49;}
/* ======================================================================================================= */
/* ART FOR LIFE COLOUR THEMES ============================================================================ */
/* ART FOR LIFE BODY  ------------------------ */
body.art-for-life { background:#8eaf69; }
/* ------------------------------------------- */

/* ART FOR LIFE WYSIWYG AND HEADING ELEMENTS - */
.art-for-life .mceContentBody a,
.art-for-life .bodyHeading div.mainHeading,
.art-for-life .mceContentBody h1,
.art-for-life .mceContentBody h1 a,
.art-for-life .mceContentBody h2,
.art-for-life .mceContentBody h2 a,
.art-for-life .mceContentBody h3,
.art-for-life .mceContentBody h3 a,
.art-for-life .mceContentBody h4,
.art-for-life .mceContentBody h4 a { color:#8eaf69; }
.art-for-life .white-heading { background:#8eaf69; } /* Background parkside blue, not sure why white-heading is in the wysiwyig */
.art-for-life a.link-blue { color:#8eaf69; background-image:url(/images/dropdown-green.png); } /* Related links green links */
/* ------------------------------------------- */

/* ART FOR LIFE TEXT COLOURS ----------------- */
.Art-For-Life-Green, a.Art-For-Life-Green { color:#8eaf69;}
/* ------------------------------------------- */

/* ART FOR LIFE DROPDOWN COLOURS ------------- */
nav.main-nav .Art-For-Life-Green .sub ul li a { background: url(/images/dropdown-green.png) 0 50% no-repeat; }
/* ------------------------------------------- */

/* ART FOR LIFE MAIN-NAV TOP LEVEL COLOURS --- */
 nav.main-nav .Art-For-Life-Green:hover a, nav.main-nav .Art-For-Life-Green.itemhover a, nav.main-nav .Art-For-Life-Green a.selected, nav.main-nav .Art-For-Life-Green .sub, .breadcrumbs-bg.Art-For-Life-Green { background:#8eaf69; }
/* ------------------------------------------- */

/* ART FOR LIFE BREADCRUMB ------------------- */
.art-for-life .breadcrumbs-bg { background:#8eaf69; }
/* ------------------------------------------- */

/* ART FOR LIFE FOOTER ----------------------- */
.art-for-life footer { background:#8eaf69; border:0px none; }
/* ------------------------------------------- */

/* ART FOR SUBNAV ---------------------------- */
.art-for-life .subnav h4,
.art-for-life .subnav h4 a,
.art-for-life .subnav ul li.selected li a { color:#8eaf69; }
/* ------------------------------------------- */

/* ART FOR LIFE TWITTER FEED ----------------- */
.art-for-life .api-wrap { background:#b2dade; }
.art-for-life .api nav a.selected,  .art-for-life .api nav a:hover { background-color:#b2dade !important; }
.art-for-life .api div.tweet-wrap p,
.art-for-life .api div.tweet-wrap span { color:#0d484e; }
.art-for-life .api div.tweet-wrap + a.link-blue { background-image:url("/images/nav-arrow-white.png"); color:#FFF; }
/* ------------------------------------------- */

/* ART FOR LIFE FLEXSLIDER ------------------- */
.art-for-life .flexslider { background-color:#F5F1EE; }
.art-for-life .flexslider .slides li .slider-box { color:#535353; }
.art-for-life .flexslider .slides li .slider-box h2 a { color:#8EAF69; }
.art-for-life .flexslider ol.flex-control-nav li a { background:#d6d3d3; }    
.art-for-life .flexslider ol.flex-control-nav li a.flex-active { background:#8EAF69; } 
.art-for-life .flexslider .slides li .slider-image span { background:url("/images/slide-mask-circle-art-for-life.png") no-repeat\9; }

/* PARKSIDE FEATURE BLOCKS ------------------- */
.feature-box ul li a.Art-For-Life-Green { background: url(/images/dropdown-green.png) left no-repeat; }
.art-for-life .feature-box .blockContent p a { color:#8eaf69;display:block; }
.art-for-life .feature-box .blockContent p a:hover { text-decoration:underline; }
/* ------------------------------------------- */

/* ART FOR LIFE BACKGROUND COLOUR FEATURE BLOCKS - */
.colour-boxes.Art-For-Life-Green { background:#8EAF69;}    
/* ------------------------------------------- */

/* ART FOR LIFE LATEST NEWS ------------------ */
.art-for-life .newsPageFeed p a, 
.art-for-life .newsPageFeed h2,
.art-for-life .newsPageFeed h3,
.art-for-life .newsPageFeed h3 a { color:#8eaf69; } 
/* ------------------------------------------- */

/* ART FOR LIFE EXHIBITIONS BLOCKS ----------- */
.exhibitionsBlock .blockTitle h4,
.exhibitionsBlock .blockTitle h4 a { color:#8eaf69; }   
/* ------------------------------------------- */

/* ART FOR LIFE PAGINATION ------------------- */
.art-for-life .pagination a.selected { background:#8eaf69; } 
/* ------------------------------------------- */                                                            
/* ==================================================================================================== */

/* BEACON CENTRE COLOUR THEMES ======================================================================== */
/* BEACON CENTRE BODY  ------------------------ */
body.beacon-centre { background:#66ccc5; }
/* ------------------------------------------- */

/* BEACON CENTRE WYSIWYG AND HEADING ELEMENTS - */
.beacon-centre .mceContentBody a,
.beacon-centre .bodyHeading div.mainHeading,
.beacon-centre .mceContentBody h1,
.beacon-centre .mceContentBody h1 a,
.beacon-centre .mceContentBody h2,
.beacon-centre .mceContentBody h2 a,
.beacon-centre .mceContentBody h3,
.beacon-centre .mceContentBody h3 a,
.beacon-centre .mceContentBody h4,
.beacon-centre .mceContentBody h4 a { color:#00a9a5; }
.beacon-centre .white-heading { background:#00a9a5; } /* Background parkside blue, not sure why white-heading is in the wysiwyig */
.beacon-centre a.link-blue { color:#00a9a5; background-image:url(/images/dropdown-green.png); } /* Related links green links */
/* ------------------------------------------- */

/* BEACON CENTRE BREADCRUMB ------------------- */
.beacon-centre .breadcrumbs-bg { background:#00a9a5; }
/* ------------------------------------------- */

/* BEACON CENTRE FOOTER ----------------------- */
.beacon-centre footer { background:#66ccc5; border:0px none; }
/* ------------------------------------------- */

/* BEACON CENTRE SUBNAV ---------------------- */
.beacon-centre .subnav h4,
.beacon-centre .subnav h4 a,
.beacon-centre .subnav ul li.selected li a { color:#00a9a5; }
/* ------------------------------------------- */

/* BEACON CENTRE TWITTER FEED ----------------- */
.beacon-centre .api-wrap { background:#00a9a5; }
.beacon-centre .api nav a.selected, .beacon-centre .api nav a:hover { background-color:#00a9a5 !important; }
.beacon-centre .api div.tweet-wrap p,
.beacon-centre .api div.tweet-wrap span { color:#FFF; }
.beacon-centre .api div.tweet-wrap + a.link-blue { background-image:url("/images/nav-arrow-white.png"); color:#FFF; }
/* ------------------------------------------- */


.basic-search {float:right; margin: 0 0 10px;}
.basic-search INPUT[type="text"] { width: 129px;
    border: none;
    height: 33px;
    background: url(/images/side-search-text-bg.png) no-repeat;
    padding: 0 10px;
    font-family: 'Ubuntu';
    font-weight: 100;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.basic-search INPUT { float:left; margin:0; }
.basic-search .action-button{
    border: none;
    float: left;
    width: 43px;
    height: 33px;
}

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








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */