/*------------------------------------------------------------------
Template:	JB Sidetrack
Version:	Joomla 1.5 / Joomla 2.5
Zen Grid:	v2.0
Copyright:	Joomlabamboo
Created:	September 2012
------------------------------------------------------------------*/
	
body {
	color: #656565
}


/* Common Image. We often use a simpel image to separate the main elements in the theme.
-----------------------------------------------------------------------------*/ 
#topwrap .row,
#headerwrap .row,
#tabwrap .row,
#bannerwrap .row,
#grid1wrap .row,
#grid2wrap .row,
#grid3wrap .row,
#grid4wrap .row,
#grid5wrap .row,
#grid6wrap .row,
#bottomwrap .row,
.jbCategory,
.jbSection,
#mainwrap .row,
.blog_more,
ul.pagination,
.divider,
.zenblock,
#k2Links,
ol.list li,
.results ol li,
.moduletable-slide .moduleTitle,
.sidebar ul li.active {
	background: url(../images/divider.png) repeat-x left bottom;
	padding: 10px 0 20px;margin-bottom: 20px;
}

.sidebar ul li.active,
.moduletable-slide .moduleTitle {
	background-repeat: repeat;
	background-position: left top;
	padding-top: 0;
	padding-left: 6%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sidebar ul li li.active {
	background: none;
}

#sidebar,
.sidebar ul li.active a{
border-right: 1px solid #ddd;background: url(../images/dividerVert.png) repeat-y right top}

#maincontainer.center {
	border-left: 1px solid #ddd;
}

.sidebar ul li.active a {
	border-right: 0;
}

.divider {
	padding: 0;
}



/* Primary / Active Colour
-----------------------------------------------------------------------------*/
a,
#nav ul li a:hover,
#nav ul li.active a:hover,
#nav ul li.active a,
#nav ul li.active span.mainlevel span,
#nav ul li.active span.mainlevel span,
#nav ul li.active li.active a,
#nav ul li.active li.active span.mainlevel span,
#nav ul li.active li.active li.active a,
#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,
.sidebar li.active a,
.sidebar li.active span.separator,
.sidebar li.active li.active a,
.sidebar .zentools li a,
.sidebar li#current li a:hover,
.sidebar .moduletable-slide h3:hover,
.moduletable-panelmenu li span:hover{
color: #A8DBA8}



/* Menu Active and hover states */ 
#nav ul li a:hover,
#nav ul li.active li.active a,
#nav ul li.active li.active span.mainlevel span,
#nav ul li.active li.active li.active a,
#nav ul li.active li.active li.active span.mainlevel span  {color: #A8DBA8}


input.button,
button.validate,
a .readon,
a#zenpanelopen,
a#zenpanelclose2,
a.jbReadon,
.zenbutton, 
#zenkit .readMore a,
.moduletable.primary1,
.inset.primary1 .jbmoduleBody,
#zenkit ul.zentabs li a,
ul#filters a,
button.button,
ul.jbtabs li.active     {
	 color: #fff;
    background: #A8DBA8 !important;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #7ea47e;
    -webkit-box-shadow: 0 2px 0 0 #7ea47e;
    box-shadow: 0 2px 0 0 #7ea47e;
}

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

	
#nav ul li.active a,
#nav ul li.active span.separator,
#nav ul li.active span.mainlevel span {
	border-bottom: 4px solid #A8DBA8;padding-bottom: 8px;padding: 0 8px 8px;
}

#nav ul li.active li a {
	border-bottom: 0;padding: 0;
}
	
	
	
/* Secondary / hover Colour
-----------------------------------------------------------------------------*/	
a:hover,
.sidebar .zentools li a:hover  {color: #79BD9A}

ul.jbtabs li:hover a{
   border-bottom: 1px solid #79BD9A !important;
}


input.button:hover,
button.validate:hover,
a#zenpanelopen:hover,
a#zenpanelclose2:hover, 
a .readon:hover,
a.jbReadon:hover,
.zenbutton:hover,
.moduletable.primary2,
.inset.primary2 .jbmoduleBody,
#zenkit .readMore a:hover,
#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    { 
	background: #79BD9A !important;
    -moz-box-shadow: 0 2px 0 0 #5b8e74;
    -webkit-box-shadow: 0 2px 0 0 #5b8e74;
    box-shadow: 0 2px 0 0 #5b8e74;
    color: #fff;
 } 


ul.jbtabs li.active:hover {
	border: 1px solid #79BD9A !important;
}


/* Active state for sidebar items
-----------------------------------------------------------------------------*/
.sidebar ul li a,
.sidebar li#current li a,
.sidebar ul li.active li a{
	color: #999;
}



/* Neutral colour for menus 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 {
	color: #999;
}


/* Tagline Colour
-----------------------------------------------------------------------------*/
#tagline {color: #999}




/* Colour for meta details and incidental elements
-----------------------------------------------------------------------------*/
.slidecount,
.results li p,
#breadcrumb {
	color: #999
}



/* Hover specific to accordion menu
-----------------------------------------------------------------------------*/
.moduletable-panelmenu span.mainlevel:hover {
	background-color: #f9f9f9;
}



/* Border Colours
-----------------------------------------------------------------------------*/
input,
textarea,
#breadcrumb,
#mainContent,
.moduletable-border,
.moduletable.border,
.moduletable.inset .jbmoduleBody
 {
	border: 1px solid #ddd
}




/* Reset to white on some items
-----------------------------------------------------------------------------*/
ul.jbtabs li.active a,
ul.jbtabs li a:hover,
ul.jbtabs li:hover a {
	color: #fff
}



/* Secondary1 Colour
-----------------------------------------------------------------------------*/
.moduletable.secondary1,
.inset.secondary1 .jbmoduleBody {
	background: #b5e0b5;color: #fff;
	border: 0;
	border-bottom: 4px solid #8fba8f;
}



/* Secondary 2 Colour
-----------------------------------------------------------------------------*/
.moduletable.secondary2,
.inset.secondary2 .jbmoduleBody {
	background: #9bceb4;color: #fff;
	border-bottom: 4px solid #5b8e74;
}



/* 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,
#togglemenu ul li.active  {
	background: url(../images/arrow.png) no-repeat left 2px;
	padding-left: 10px; 
}

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

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


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


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