/*------------------------------------------------------------------
	Template:	JB Ascent
	Version:	Joomla 1.5 / Joomla 2.5
	Zen Grid:	v2.0
	Copyright:	Joomlabamboo
	Created:	September 2012
------------------------------------------------------------------*/


body {
background: #e8f1ff url(../images/custom/page-bg-new.jpg) no-repeat center center fixed!important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



#cloudbar {
	background:url(../images/custom/blue-cloud-bar.png) 0 0 repeat-x;
	display:block;
	float:left;
	width:100%;
	height:223px;
	max-height:auto;
	position:relative;
	z-index:1;
}

.fullwrap {
	background: url(../images/custom/top-cloud-bar.png) 0 0 repeat-x;
	height:277px;
}


.container {
-webkit-box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc;
-moz-box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc;
box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc;
}

#mainwrap .containter {
	padding:10px 0 !important;
}

#footerwrap .container {
-webkit-box-shadow: 0 0 0 0 #ccc, 0 0 0 0 #ccc !important;
-moz-box-shadow: 0 0 0 0 #ccc, 0 0 0 0 #ccc !important;
box-shadow: 0 0 0 0 #ccc, 0 0 0 0 #ccc !important;
background:transparent;
text-align:center;
}

#mainContent.one {
	padding:0 !important;
}

#mainContent {
	margin-bottom: 0 !important;
}

#mainwrap .row,
#mainwrap
 {
    background:  url(../images/custom/white-bg.png) 0 0 repeat !important;
}

#grid1wrap .container, #mainwrap .container {
	background-image:none !important;
	background:transparent !important;
}


#jbArticle, .jbSection, .jbCategory, .jbFrontPage {
    position: relative;
    z-index: 1;
}

/* Black Overlay Styling
-----------------------------------------------------------------------------*/
#navwrap.sticky,
#nav li ul
{ background:#cddbe7;
display:block;
z-index:999 !important; }


/* Selectors that use the sprite
-----------------------------------------------------------------------------*/
a#zenpanelclose2,
a .readon,
a.jbReadon span span,
#zenkit .readMore a span,
#togglemenu ul li.active > a,
#zenkit ul.flex-direction-nav li a,
#zenkit .groupPrimary.accordion h2,
.moduletable-panelmenu span span,
.moduletable-slide h3 span span 
{  background: url(../images/sprite.png) no-repeat left -858px }


#zenkit .groupPrimary.accordion h2 a {
	background: #fafafa;display: block;
}

a .readon,
a.jbReadon span span,
#zenkit .readMore a
{ 
  background-repeat: no-repeat !important;
  background-position: 5px -792px !important;
  color: #fff;
}

#zenkit a .readon,
#zenkit a.jbReadon span,
#zenkit .readMore a {
	 background-position: 0px -790px !important;
}

.zenmore a span {background-position: 2px -786px !important;}


#zenkit .groupPrimary.accordion h2,
.moduletable-panelmenu span span,
.moduletable-slide h3 span span 
 {
	background-position: -122px -790px;
}
#zenkit .groupPrimary.accordion h2.open,
.moduletable-panelmenu span.open span,
.moduletable-slide h3.open span span   {
	background-position: -122px -820px !important;
}


/* Zenkit Slideshow
---------------------------------------------------*/
#zenkit ul.flex-direction-nav {
	width: 60px;
}
#zenkit ul.flex-direction-nav li a {
	background-position: 3px -789px !important;width: 26px !important;
}

#zenkit ul.flex-direction-nav li a.prev {
	background-position: 1px -818px !important
}


/* Common Image. We often use a simple image to separate the main elements in the theme.
-----------------------------------------------------------------------------*/
#tabwrap .container,
#grid1wrap .container,
#grid2wrap .container,
#grid3wrap .container,
#grid4wrap .container,
#grid5wrap .container,
#grid6wrap .container,
#bottomwrap .container,
#mainwrap .container,
.blog_more,
ul.pagination,
.divider,
.catItemView,
.zenblock,
#k2Links,
ol.list li,
.results ol li,
.contentheading,
#breadcrumb,
ul.jbtabs,
.zentools.grid li,
#midCol h3,
.moduletable.inset .jbmoduleBody,
.zentools.list li
{  background: transparent url(../images/divider.png) repeat-x left bottom;
  padding: 0;
  border: 0 !important;
}

.sidebar h3 {
	padding: 30px 0 30px;
  border: 0 !important;
  text-align:center;
  font-weight:bold;
  background:#037edc url(../images/modules/highlightPattern.png) 0 0 repeat;
  color:#ffffff;
}


/* Need to reset padding, background positioning and margins on some items after that rule
-----------------------------------------------------------------------------*/
.sidebar .moduletable-slide h3
{  padding-bottom: 20px }

#grid1wrap .container,
#grid2wrap .container,
#grid3wrap .container,
#grid4wrap .container,
#grid5wrap .container,
#grid6wrap .container,
#mainwrap .container,
#bottomwrap .container
{  background-position: left top }

#grid1wrap .container,
#mainwrap .container  {background-image:none; background:#e8f0f8;}

.catItemView
{  padding: 0 }

.moduletable-success h3,
.moduletable-warning h3,
.moduletable-notice h3,
.moduletable.primary1 h3,
.moduletable.primary2 h3,
.moduletable.secondary1 h3,
.moduletable.secondary2 h3
{  background: transparent;
  padding: 0;
}

.contentheading,
ul.jbtabs,
#navwrap
{  padding: 0 0 10px 0 }

#breadcrumb
{  padding: 10px 0 }


.zentools.grid li
{  padding: 0;
  margin-bottom: 30px;
}

#mainwrap .zentools .container
{  background: #000 }



/* Inset Module styling
-----------------------------------------------------------------------------*/
.moduletable.inset .jbmoduleBody
{  background-color: #fff;
  padding: 20px 8%;
}

.moduletable.inset .moduleTitle h3
{  margin: 0 !important;
  padding: 0 0 20px;
}


/* Border module styling
-----------------------------------------------------------------------------*/
.moduletable.border,
.moduletable-border
{  border: 1px solid #eee;
  padding: 10px 8%;
}

.moduletable.border h3
{  background-color: transparent }



/* H3 Styling
-----------------------------------------------------------------------------*/
/* Need to reset padding on h3 again */
#midCol h3
{  padding: 0 0 15px }



/* Toggle Menu colour
-----------------------------------------------------------------------------*/
#togglemenu
{  background: #282828;
  border-top: 1px solid #333;
  border-bottom: 1px solid #121212;
}


/* First Colour
-----------------------------------------------------------------------------*/
a,
#nav ul li a:hover,
#nav ul li.active a:hover,
#nav ul li.active li.active a,
#nav ul li.active li.active span.mainlevel span,
#nav ul li.active li.active a:hover,
#nav ul li.active li.active li.active a,
#nav ul li.active li.active li.active a:hover,
#nav ul li.active li.active li.active li.active a,
#nav ul li.active li.active li.active span.mainlevel span
#nav ul li.active li.active li.active li.active span.mainlevel span,
.sidebar ul li a:hover,
.sidebar li#current a,
#togglemenu span.mainlevel span,
#togglemenu span.separator
{  color: #65bafb }



/* Styling for open panel trigger - Border uses +2 of primary colour
-----------------------------------------------------------------------------*/
#zenpaneltrigger a
{  border-bottom: 1px solid #5693ac;
border-left: 1px solid #5693ac}



/* Styles that receive primary colour for BG
-----------------------------------------------------------------------------*/
#right .moduletable.highlight h3,
#zenpaneltrigger a,
.zenmore a,
a.jbReadon,
#zenkit .readMore a
{  background: #39809E url(../images/modules/highlightPattern.png) !important;
  color: #fff;
}

.jTweet.bubble .tweet_text {background: url(../images/dividersingle.png);}

#right .moduletable.highlight  h3 {
  border-top: 1px solid #9dc0cf;
}

input.button,
button.validate,
.zenbutton,
.moduletable.primary1,
.inset.primary1 .jbmoduleBody,
#zenkit ul.zentabs li a,
ul#filters a,
button.button,
ul.jbtabs li.active,
.jTweetfollowtext a,
#zenkit ul.flex-direction-nav li a,
#zenkit .groupPrimary.accordion h2,
#zenkit .readMore a,
.moduletable-panelmenu span span,
.moduletable-slide h3 span span 
{  

border:1p solid #CC0000!important;
	background-color: #CC0000!important;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	-moz-box-shadow: 2px 2px 0px 0px #999999;
    -webkit-box-shadow: 2px 2px 0px 0px #999999;
    box-shadow: 2px 2px 0px 0px #999999;
	padding:8px 5px!important;
	border:0;
}

.moduletable.primary1 {
	border-bottom: 2px solid #2b6077;
}

ul.jbtabs li.active {
	 border: 1px solid #ffffff !important 
}


#nav ul li.active a,
#nav ul li.active span.separator,
#nav ul li.active span.mainlevel span
{  border-bottom: 0px solid #037edc;

}


/* Reset bottom border on sublevel items */
#nav ul li.active li a
{  	border-bottom: 0;
	padding: 0;
}


#nav ul,
#nav ul li {
	list-style-type:none !important;
}

/* Primary2 Colour - -2 of Primary colour
-----------------------------------------------------------------------------*/
.moduletable.primary2,
.inset.secondary1 .jbmoduleBody,
.jTweetfollowtext a:hover {
	-moz-box-shadow: 0 4px 0 0 #2b6077;
  -webkit-box-shadow: 0 4px 0 0 #2b6077;
  box-shadow: 0 4px 0 0 #2b6077;
	background-color: #39809E;
	color: #fff;
}

/* Secondary Colour - Box shadow -2 of Secondary colour
-----------------------------------------------------------------------------*/
a:hover,
#socialicons i:hover,
#footer a:hover,
#topwrap a:hover
{  color: #B8D080}


input.button:hover,
button.validate:hover,
a#zenpanelopen:hover,
.zenbutton:hover,
.moduletable.secondary1,
.inset.secondary1 .jbmoduleBody,
#zenkit ul.zentabs li a.active,
#zenkit ul.zentabs li.active a,
#zenkit ul.zentabs li a:hover,
ul#filters a.active,
ul#filters a:hover,
button.button:hover,
ul.jbtabs li:hover,
ul.jbtabs li.active:hover,
#banner .flexslider .flex-pauseplay span.pause:hover,
#banner ul.flex-direction-nav li a:hover,
#banner .flex-pauseplay span.play:hover,
#zenkit ul.flex-direction-nav li a:hover,
#zenkit .readMore a:hover,
#zenkit .groupPrimary.accordion h2:hover,
.moduletable-panelmenu span span:hover,
.moduletable-slide h3 span span:hover
{  border:1p solid #037EDC!important;
	background-color: #037EDC!important;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	-moz-box-shadow: 2px 2px 0px 0px #999999;
    -webkit-box-shadow: 2px 2px 0px 0px #999999;
    box-shadow: 2px 2px 0px 0px #999999;
	padding:8px 5px!important;
	border:0;
}

#zenpaneltrigger a:hover {
	border-color: #B8D080;
}

#bustrip_form .ui-widget-content {
    border: 1px solid #037EDC!important;
}

.ui-widget-header {
    background-image:none;
	background-color:#037EDC;
    border: 1px solid #037EDC;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-image:none;
	background-color:#ffffff;
    border: 1px solid #ffffff;
    color: #037EDC;
    font-weight: bold;
	text-transform:uppercase;
}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {
	color: #037EDC;
	font-weight: bold;
    text-transform: uppercase;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image:none;
	background-color:#ffffff;
    border: 1px solid #ffffff;
    color: #037EDC;
    font-weight: normal;
	text-transform:lowercase;
}

ul.jbtabs li:hover
{  border: 1px solid #B8D080 !important }




a .readon:hover,
.zenmore a:hover,
a.jbReadon:hover,
#zenkit .readMore a:hover
{  background-color: #B8D080 !important;
  -moz-box-shadow: 0 2px 0 0 #8a9c60;
  -webkit-box-shadow: 0 2px 0 0 #8a9c60;
  box-shadow: 0 2px 0 0 #8a9c60;
}


#banner a .readon:hover,
#banner .zenmore a:hover,
#banner a.jbReadon:hover {
background-color: #B8D080 !important;
}

#banner a .readon:hover,
#banner .zenmore a:hover,
#banner a.jbReadon:hover {
	  -moz-box-shadow: none;
	  -webkit-box-shadow: none;
	  box-shadow: none;
}


/* Secondary2 Colour - -2 of Secondary colour
-----------------------------------------------------------------------------*/
.moduletable.secondary2,
.inset.secondary1 .jbmoduleBody {
	background-color: #8a9c60;
	color: #fff;
	-moz-box-shadow: 0 4px 0 0 #2e3420;
  -webkit-box-shadow: 0 4px 0 0 #2e3420;
  box-shadow: 0 4px 0 0 #2e3420;

}


/* 3rd Colour - Complementary colour for below banner
-----------------------------------------------------------------------------*/
#banner
{  border-bottom: 4px solid #cc0000 }

#bottomrow .row {border-top:4px solid #cc0000}


/* 4th Colour - Neutral
-----------------------------------------------------------------------------*/
#gradient > .container
{  border-top: 0px solid #e1e1e1 !important }



/* Active state for sidebar items, Metadetails for content and slideshow
-----------------------------------------------------------------------------*/
.sidebar ul li a,
.sidebar li#current li a,
.slidecount,
.results li p,
#breadcrumb
{  color: #999 }




/* Neutral colour for some links, menus and spans etc
-----------------------------------------------------------------------------*/
#nav ul li a,
#nav ul li span.mainlevel span,
#nav ul li span.separator,
#nav ul li.active li a,
#nav ul li.active li.active li a,
#nav ul li.active li.active li.active li a,
#togglemenu a:hover,
#banner,
#banner h3,
#topwrap,
#topwrap h3,
#footer,
#footer h3,
ul.jbtabs li.active a,
ul.jbtabs li a:hover,
ul.jbtabs li:hover a,
#logo a,
#tagline span,
#footer a
{  color: #fff }




/* Hover specific to accordion menu
-----------------------------------------------------------------------------*/

.moduletable-panelmenu span.mainlevel:hover
{  background-color: #f9f9f9 }

#togglemenu .moduletable-panelmenu span.mainlevel:hover
{  background-color: transparent }



/* Primary, secondary module classes
-----------------------------------------------------------------------------*/
.moduletable.primary1,
.moduletable.primary2,
.moduletable.secondary1,
.moduletable.secondary2
{  background-image: url(../images/modules/highlightPattern.png) !important }



/* Reset on primary and secondary rules
-----------------------------------------------------------------------------*/

.inset.primary1,
.inset.secondary1,
.inset.secondary2,
.inset.primary2
{  background: none !important }

.inset.primary1 h3,
.inset.secondary1 h3,
.inset.secondary2 h3,
.inset.primary2 h3
{  color: #333 }

.inset.primary1 .jbmoduleBody,
.inset.primary2 .jbmoduleBody,
.inset.secondary1 .jbmoduleBody,
.inset.secondary2 .jbmoduleBody
{  border: 0 }

/* Image for Parent Items
---------------------------------------------------*/

#nav a.sf-with-ul,
#nav a.sf-with-ul:hover,
#nav li.active a.sf-with-ul,
#nav ul li a.mainlevel.sf-with-ul,
#nav ul li span.separator,
#nav ul.sf-js-enabled li span.mainlevel span,
#nav li.parent li.parent span.separator,
#nav ul span.separator,
.moduletable-superfish ul span.separator,
.moduletable-superfish a.sf-with-ul,
.moduletable-superfish a.sf-with-ul:hover,
.moduletable-superfish li.parent span.separator,
.moduletable-superfish li.parent li.parent span.separator
{  background: none;
  padding-left: 0px;
}

#nav li li a.sf-with-ul,
#nav li li a.sf-with-ul:hover,
#nav ul li li a.mainlevel.sf-with-ul,
#nav ul li li span.separator,
#nav ul.sf-js-enabled li li span.mainlevel span,
#nav li.parent li.parent span.separator,
.moduletable-superfish ul li li span.separator,
.moduletable-superfish li li a.sf-with-ul,
.moduletable-superfish li li a.sf-with-ul:hover,
.moduletable-superfish li.parent li.parent span.separator
{  background-position: 90% center }

#togglemenu ul li.active > a
{  background-position: left -895px;
  padding-left: 15px;
}

#togglemenu ul li li.active > a
{  background-position: 16px -895px;
  padding-left: 15px;
}


#togglemenu ul li.active > a
{  color: #fff }

.sidebar ul li li
{  background: url(../images/arrow.png) no-repeat 10px 8px }

.sidebar ul li li li
{  background: url(../images/arrow.png) no-repeat 28px 8px }



#bus_search input[type=radio] {
    margin-left: 2px;
    width: 10%;
}


.latestnewsenhanced_109 .newsitem {
	padding-bottom:20px;
}

.latestnewsenhanced_109 li.newsitem h4 {
	margin-bottom:7px;
}

.latestnewsenhanced_109 li.newsitem h4 a,
.latestnewsenhanced_109 li.newsitem h4 a:visited {
	color:#000;
}

.latestnewsenhanced_109 .newsitem a,
.latestnewsenhanced_109 .newsitem a:visited {
	color:#0185ea;
}

.latestnewsenhanced_109 .newsitem a:hover {
	color:#188464;
}

.latestnewsenhanced_109 li.newsitem {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

.latestnewsenhanced_109 li.newsitem .newshead {
	padding-bottom:15px;
}

.latestnewsenhanced_109 li.newsitem .link {
	margin-top:7px;
}

.latestnewsenhanced_109 li.newsitem .link a {
	font-size:14px;
}

#logo {
    background: none !important;
    padding: 0;
	position:relative;
	z-index:999!important;
}

.contact-category table.category th {
	background:#037EDC;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}

.contact-category table.category th a {
	color:#ffffff;
}

#midCol .contentheading {
    font-size: 2em!important;
}

table.bus-list {
    table-layout: inherit;
}

table.bus-list thead tr th {
    background-color: transparent;
    border-bottom: 1px solid #CCCCCC;
	border-left:0;
	border-top:0;
	border-right:0;
    color: #305AA0;
    font-weight: bold;
}


#profile input#email {
	border: 1px solid #037EDC;
    border-radius: 3px;
    color: #7C7C7C;
	padding:5px;
	margin-left:0;
	margin-right:5px;
	height:26px;
	width:300px;
}

#profile input {
	border: 1px solid #037EDC;
    border-radius: 3px;
    color: #7C7C7C;
	padding:5px;
	margin-left:0;
	margin-right:5px;
	height:14px;
	width:300px;
}


/* Custom */

#socialicons {
    left: 9% !important;
    margin-top: -5.6% !important;
    position: relative;
    z-index: 100;
}

#socialicons.fixedleft {
    left: 0;
    position: fixed;
    top: 70px !important;
    width: 50px;
}

#headerwrap .row {
    padding: 0;
    width: 100%;
}

#logowrap {
	 float: left;
    margin-top: -24%;
    position: relative;
    z-index: 7 !important;
}

#logowrap .row {
    background: transparent !important;
    margin: 0;
    width: 100%;
}



#navwrap {
	background:#c1dbea url(../images/custom/cloud-bar.png) 0 0 no-repeat;
	width:950px;
	height:62px;
	position:relative;
	z-index:10!important;
	margin-top:-2%;
}

#nav ul {
	float:left;
	margin-top:0!important;
}

#menuwrap .menu-suckerfish li a,
#menuwrap .menu-suckerfish li a:visited,
#menuwrap .menu-suckerfish li .separator {
	color:#3e4d5e;
	text-transform:uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	font-size:1.3em;
	font-weight:bold;
	padding:0 26px 0 25px !important;
}

#menuwrap .menu-suckerfish li a:hover,
#nav ul li a:hover {
	color:#0066cc !important;
}

#togglemenu, #logowrap .container, #headerwrap .container {
    background: transparent !important;
	background-image:none !important;
    border-bottom: 0px solid #111 !important;
    border-top: 0px solid #000 !important;
}

#showplus_images_homeslider {
	border: 5px solid #ffffff !important;
    box-shadow: 0 2px 2px 2px #999 !important;
	-moz-box-shadow: 0 2px 2px 2px #999!important;
	-webkit-box-shadow:0 2px 2px 2px #999!important; 
	position:relative;
	z-index:1!important;
}

.showplus {
	position:relative;
	z-index:1!important;
}


.eventstbl td {
	border:1px solid #ccc;
}

.eventstbl th {
	background: #003366;
	color:#ffffff;
	font-weight:bold;
}

#bottomrow {
    clear: both;
    height: 3px;
}

#footer {
    padding-top: 20px;
    padding-bottom: 20px;
}


#footer {
   color:#444;	
}

#footerRight {
     float: left;
    padding-bottom: 2%;
    width: 100%;
	
}