/* --------------------------------------------------
[Events and Leisure theme stylesheet]

Project:		Kirklees Council website
Primary use:	Events and Leisure section
Version:		1.0
Last change:	22/01/2015
-------------------------------------------------- */

::-moz-selection{ background: #00462c; color:#fff; text-shadow: none; }
::selection { background:#00462c; color:#fff; text-shadow: none; }

a, a:active, a:visited { color: #007a50; }

#container { background: url('//static.kirklees.gov.uk/templates/theme/eventsAndLeisure/img/eventsTheme_bodyBg.jpg') 0 0 repeat #5bac26; }
#mainWrapper { background: url('//static.kirklees.gov.uk/templates/theme/eventsAndLeisure/img/mainWrapperBg_eventsLeisure.jpg') 0 0 repeat-x; }
.splashPage #mainWrapper { background: url('//static.kirklees.gov.uk/templates/theme/eventsAndLeisure/img/mainWrapperBg_eventsLeisure.jpg') no-repeat 50% 0 #5bac26; margin: 0 auto; padding: 0 40px; width: 960px; }
#main { padding: 0; }

#masthead {  background: none !important; height: 50px; padding-bottom: 0; }
#mastheadInner {  background: none; padding: 0 9px; }
#mastheadContent { border: none; padding: 15px 0 0; }
#mastheadTitle {color: #000000; display: block; font-size: 277%; line-height: 1; margin: 15px 0; text-shadow: 0 1px 1px rgba(0,0,0,0.3); }

#rightCol .inner { padding: 10px 20px 0; }

#biscuitTrail { list-style-type: none; margin: 0; display: inline-block; }
#biscuitTrail li { color: #000; float: left; font-size: 85%; margin: 0 5px 0 0; line-height: 22px; }
#biscuitTrail li a {  color: #000; display: inline-block; margin-right: 5px; }

#wrapper { background-color: #fff; border-top: 3px solid #00462c; box-shadow: 0 0 10px rgba(0,0,0,0.35); color: #333; }
#page {padding: 20px 15px 0; }
#sectionNav { background-color: #bce08a; border: none; }
#sectionNav .inner { padding: 15px; }
#sectionNav h2 { color: #fff; font-size: 108%; font-weight: bold; margin: 6px 15px 10px; text-shadow: 0 1px 1px #666; }
#sectionIdent { margin: 0 0 9px; padding: 0; }
#sectionNavImage { border: 1px solid #55a51c; height: 131px; overflow: hidden; width: auto; }
#sectionNavTitle { background-color: #fff; border: 1px solid #55a51c; border-top: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 5px 10px; text-align: center; width: auto; }
#sectionNavTitle a { color: #00452C; font-size: 93%; font-weight: bold; line-height: 1.6; text-decoration: none; }
#sectionnav ul {}
#sectionNav ul li { border-bottom: solid 1px #a3d869;  margin: 0; position: relative; }
#sectionNav ul a { background-color: #bce08a; color: #00452C; display: block; padding: 9px 30px 9px 7px; text-decoration: none; }
#sectionNav ul a:hover { background-color: #c9e39c; }
#sectionNav ul ul { background-color: #a3d869; }
#sectionNav ul ul li {border-bottom: solid 1px #55a51c; }
#sectionNav ul ul a { background-color: #55a51c; color: #fff; }
#sectionNav ul ul a:hover { background-color: #66bc29; }
#sectionNav .selectedItem a, #sectionNav .selectedItem a:hover { background-color: #fff; color: #00462c; }
#sectionNav .toggle { background: url('//static.kirklees.gov.uk/templates/theme/eventsAndLeisure/img/eventsTheme_sectionNavSprite.png') 0 0 no-repeat; cursor: pointer; display: block; height: 30px; position: absolute; top: 0; right: 0; width: 30px; }
#sectionNav .toggle.ui-state-default { background-position: 0 0; }
#sectionNav .toggle.ui-state-default.ui-state-hover { background-position: 0 -30px; }
#sectionNav .toggle.ui-state-active { background-position: 0 -60px; }
#sectionNav .toggle.ui-state-active.ui-state-hover { background-position: 0 -90px; }

#pageMeta { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 20px; }
#pageMeta h1 { color: #00462c; font-size: 182%; font-weight: bold; margin: 5px 0; line-height: 1; }
#pageOwner { color: #666; font-size: 85%; line-height: 1; }
#pageOwner a { color: #007a50; }

#onThisPage { background: url("//static.kirklees.gov.uk/templates/theme/defaultTheme/img/icoInfo_18x18.png") 10px 50% no-repeat #e9f3d7; border-bottom: 1px solid #e8e8e8; margin-bottom: 30px; padding: 7px 10px 7px 36px; }
#onThisPageHead { display: block; font-size: 100%; font-weight: bold; line-height: 22px; text-shadow: 0 1px 1px #fff; }
#onThisPage a { font-size: 93%; }
#onThisPage ul { list-style-type: none; margin: 0; }
#onThisPage li { float:left; line-height: 18px; margin: 0 5px 0 0; }

#pageIntro { }
#pageIntro p { font-size: 108%; font-weight: bold; }

#pageContent { padding: 0; }

section { margin: 30px 0; }
section h2, section h3 { color: #00462c; font-weight: normal; margin: 15px 0; }
section h2 { font-size: 138.5%; }
section h3 { font-size: 123.1%; }

.pageImage { background-color: #e9f3d7; margin: 15px 0; padding: 10px; text-align: center; }
.pageImage img { display: block; margin: 0 auto; }
.pageImage p { font-style: italic; margin: 10px 15px; }

ul.featuredItemList { list-style: none; margin: 0; padding: 0; }
ul.featuredItemList li { margin: 10px 0; }
ul.featuredItemList .featuredItem {
	background-color: #5bac26; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #519821, #5bac26); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5bac26), to(#519821)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#5bac26, #519821); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#5bac26, #519821); /* Opera 11.10+ */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	padding: 10px 20px; 
	}
ul.featuredItemList .featuredItem:hover {
	background-color: #5bac26; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #5bac26, #519821); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#519821), to(#5bac26)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#519821, #5bac26); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#519821, #5bac26); /* Opera 11.10+ */
	}
ul.featuredItemList a { color: #fff; text-decoration: none; }
ul.featuredItemList .featuredItemTitle, ul.featuredItemList .featuredItemSub { display: block;  line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
ul.featuredItemList .featuredItemTitle { font-size: 167%; margin: 10px 0 ; }
ul.featuredItemList .featuredItemSub { font-size: 123.1%; margin: 10px 0 20px }
ul.featuredItemList .featuredItemSub li { margin: 10px ; }
ul.featuredItemList li img { border: 1px solid #A3D869; box-shadow: 0 0 1px 1px #00452c; }

a.extLink:after, a.pdfLink:after, a.rtfLink:after { background-color: #F0F0F0; color: #6C6C6C; font-size: 11px; margin-left: 5px; padding: 0 3px; }

/* Submenu */
#pageContent h2.subtitle { background-color: #e9f3d7; border: none; border-bottom: 1px solid #ccc; border-top: 2px solid #5cac27; color: #00462c; font-size: 150-%; margin-bottom: 15px; padding: 9px 10px 8px; text-shadow: none; }
.menu ul { list-style-type: none; margin: 0; }
.menu ul li { margin-bottom: 20px; zoom: 1; }
.menu ul li img { border: 1px solid #bce08a; box-shadow: 0 0 1px 1px #5cac27; float: right; margin: 5px 5px 5px 20px; }
.menu ul.twoCol li { float: left; width: 50%; }
.menu ul.twoCol li:nth-child(2n+3) { clear: left; }
.menu ul li h3 { font-size: 138.5%; font-weight: normal; line-height: normal; margin: 0 5px 10px; }
.menu ul li p { margin: 5px 5px 10px; }
.menu ul ul { list-style-type: disc; margin: 5px 5px 10px; padding-left: 15px; }
.menu ul ul li { margin-bottom: 5px; }
.menu .icon { display: block; float: right; width: 80px; }
.menu .text { display: block; padding-right: 80px; }

/* News */
.news { background-color:#f5f5f5; margin: 0; }        
.latestNews_section_title  { display:none; }        
#pageContent .latestNews_section_article_title { font-size: 138.5%; margin: 0 5px 10px 10px; }        
      
.latestNews_section_article_date { color:#747679;  }        
.latestNews_section_article_precis { margin: 0 5px 10px 10px; }        
.readmore  {padding-top: 5px;}
.allNews .readmore { display:none; }
.allNews ul ul li { margin-bottom: 10px; }
/* End News */

/* Gallery */
.pikachoose {width: auto; padding: 10px; background: #e9f3d7; margin-top: 20px}
.pika-thumbs{ padding: 0; height: 85px; margin: 10px 0 0 }
.pika-thumbs li{ width: 100px; height:75px;  overflow: hidden; float: left; list-style-type: none; background: #fafafa;  cursor: pointer; margin-right:13px}
.pika-thumbs li.last {margin-right: 0;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden; }
.pika-stage, .pika-textnav {width: auto;}
.pika-stage {position: relative; height: 300px;}
.pika-stage .caption {position: absolute; text-align: center; background: #55a51c; font-size: 12px; color: #f8f8f8; padding: 10px; bottom: 0px; width:420px}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-stage .caption a {color: #f8f8f8}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(//www.kirklees.gov.uk/leisure/images/pikaImageSlider/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 0;cursor:pointer;}
.pika-imgnav a.next {background: url(//www.kirklees.gov.uk/leisure/images/pikaImageSlider/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 0;cursor:pointer;}
.pika-imgnav a.play {background: url(//www.kirklees.gov.uk/leisure/images/pikaImageSlider/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(//www.kirklees.gov.uk/leisure/images/pikaImageSlider/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute; background: #fff}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px; display: none}

.pika-loader{ background:url(//www.kirklees.gov.uk/leisure/images/pikaImageSlider/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }
.pika-counter {display: none}
.gallery_shadow {background: url("//www.kirklees.gov.uk/leisure/images/pikaImageSlider/shadow.png") no-repeat; height: 13px; width: 439px; }

.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
/* End Gallery */

.uiHeading { color: #00462c; }

.uiBox {margin-right:10px;}
.uiBoxHeader {}
.uiBoxTitle {}
.uiBoxContent {}

#rightCol .uiBox { margin: 25px 10;  }
#rightCol .uiBoxTitle { font-size: 138.5%; font-weight: normal; margin: 15px 0; }
#rightCol .uiBox li { margin: 15px 0; }

#rightCol .rightColBox {  width:90%; margin-top:120px; border-left:1px solid #E7E7E7; padding-left:10px; }
#rightCol .rightColBox h2 { color:#00452c; font-size: 150%; font-weight: bold; margin-top: 10px; padding: 6px 10px 0 10px;}
#rightCol .rightColBox ul { margin-bottom: 25px; margin-left: 7px; }

/* Dotnet application styles */

.mapPage #mainWrapper { background: url('//static.kirklees.gov.uk/templates/theme/eventsAndLeisure/img/backgroundColor.gif') no-repeat 50% 0 #5cac27; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); margin: 0 auto; }
.mapPage #biscuitTrail a { color: #fff; }
.featuredSearch { background-color: #f0f7e6; border: 1px solid #bce08a; }
.featuredSearch .fieldTip { background-color: #cbe6a6; }

/* End Dotnet application styles */

/* Accordion for body of page */
.accordionBody .ui-helper-hidden { display: none; }
.accordionBody .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.accordionBody .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.accordionBody .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.accordionBody .ui-helper-clearfix:after { clear: both; }
.accordionBody .ui-helper-clearfix { zoom: 1; }
.accordionBody .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Accordion for body of page - states and images */
.accordionBody .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.accordionBody .ui-accordion-content-active li { margin-left:1.5em; list-style-type:disc; }
.accordionBody .ui-accordion-content-active p { padding: 0 .6em; }

/* Accordion for body of page - interaction states */
.accordionBody .ui-state-default, .accordionBody .ui-widget-content .ui-state-default, .accordionBody .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6; font-weight:normal; font-size:138.5%; color: #000000; }
.accordionBody .ui-state-default a, .accordionBody .ui-state-default a:link, .accordionBody .ui-state-default a:visited { color: #007a50; text-decoration: none;}
.accordionBody .ui-state-hover a, .accordionBody .ui-state-hover a:hover { color: #007a50; text-decoration: underline; background: #f6f6f6;}
.accordionBody .ui-state-active, .accordionBody .ui-widget-content .ui-state-active, .accordionBody .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #017F9E; font-weight:normal; font-size:138.5%; color: #ffffff; }
.accordionBody .ui-state-active a, .accordionBody .ui-state-active a:link, .accordionBody .ui-state-active a:visited { color: #fff; background: #5cac27; text-decoration: none; }
.accordionBody .ui-state-active a:hover { color: #fff; background: #5cac27; text-decoration: underline; }
.accordionBody .ui-widget :active { outline: none; }

/* Accordion for body of page - states and images */
.accordionBody .ui-icon { width: 16px; height: 16px; background-image: url(//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionBodyIcon_666666_256x240.png); }
.accordionBody .ui-state-default .ui-icon, .accordionBody .ui-state-focus .ui-icon  { background-image: url(//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionBodyIcon_666666_256x240.png); }
.accordionBody .ui-state-hover .ui-icon{background-image: url(//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionBodyIcon_666666_256x240.png); }
.accordionBody .ui-state-active .ui-icon {background-image: url(//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionBodyIcon_ffffff_256x240.png); }
.accordionBody .ui-state-highlight .ui-icon {background-image: url(//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionBodyIcon_666666_256x240.png); }

/* Accordion for body of page - positioning */
.accordionBody .ui-icon-triangle-1-e { background-position: -64px -16px; }
.accordionBody .ui-icon-triangle-1-s { background-position: 0 -16px; }

/* Accordion for body of page - corner radius */
.accordionBody .ui-corner-all, .accordionBody .ui-corner-top, .accordionBody .ui-corner-left, .accordionBody .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.accordionBody .ui-corner-all, .accordionBody .ui-corner-top, .accordionBody .ui-corner-right, .accordionBody .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.accordionBody .ui-corner-all, .accordionBody .ui-corner-bottom, .accordionBody .ui-corner-left, .accordionBody .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.accordionBody .ui-corner-all, .accordionBody .ui-corner-bottom, .accordionBody .ui-corner-right, .accordionBody .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Accordion for body of page - IE/Win - Fix animation bug - #4615 */
.accordionBody .ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: .2em; zoom: 1; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }

.stayConnected{ margin-top: 20px; width: 220px;}
.stayConnected img { display: block;}
.stayConnected a:hover { text-decoration: none;}
.stayConnectedTopic { color: white; padding: 10px 0; width: 100%; font-size: 20px; text-align: center; }
.stayConnectedTopic.generalSite { background-color: #68b237; }
.stayConnectedTopic.emergencyCategory { background-color: #68b237; }
.stayConnectedTopic.emergency { background-color: #bb1313; }
.stayConnectedTopic.weather { background-color: #6cabba; }
.stayConnectedTopic.familyCategory { background-color: #68b237; }
.stayConnectedTopic.family { background-color: #d83fa7; }
.stayConnectedTopic.fostering { background-color: #6c2689; }
.stayConnectedTopic.leisureCategory { background-color: #68b237; }
.stayConnectedTopic.whatsOn { background-color: #5cac27; }
.stayConnectedTopic.townHalls { background-color: #5cac27; }
.stayConnectedTopic.bins { background-color: #606f0a; }
.stayConnectedTopic.newsCategory { background-color: #68b237; }
.stayConnectedTopic.news { background-color: #00462c; }
.stayConnectedTopic.learningCategory { background-color: #68b237; }
.stayConnectedTopic.learning { background-color: #0f2267; }
.stayConnectedTopic.healthyCategory { background-color: #68b237; }
.stayConnectedTopic.healthy { background-color: #cc7502; }
.stayConnectedTopic.getInvolvedCategory { background-color: #68b237; }
.stayConnectedTopic.getInvolved { background-color: #6fc7df; }
.stayConnectedTopic p {margin: 0;}