/* @override http://localhost:8888/ecospirit/templates/jbecospirit/css/theme.css */

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

/* Body and Outer Wrapper
-----------------------------------------------------------------------------*/



#logo,
h2, 
h3,
h1 {
    text-transform: uppercase
}

#gradient {
    float: left;
    width: 100%;
    padding-top: 30px;
}

#toptexture {
    float: left;
    width: 100%;
}

#bottomstain {
    padding-bottom: 60px;
    float: left;
    width: 100%;
}

.fullwrap {
    float: left;
    width: 100%;
}


/* Grid Correction
-----------------------------------------------------------------------------*/
.sixcols_pull {
    left: -48%
}

.fourcols_pull {
	left: -31%;
}


/* Some padding */

#tabwrap,
#grid1wrap,
#grid2wrap,
#grid3wrap,
#grid4wrap,
#grid5wrap,
#grid6wrap,
#bottomwrap,
#bottomborder,
.blog_more,
ul.pagination,
.divider,
.catItemView,
.zenblock,
#k2Links,
ol.list li,
.results ol li {
    padding: 0px 0 30px
}

/* Setting th font size for some elements */

.numbers h2 {
    font-size: 5em
}

#bannerwrap h2,
#logo a,
.moduleTitle h3,
#socialicons h3 {
    font-size: 1.6em;
    margin-bottom: 30px;
}

#bannerwrap h2 {
    margin: 0
}

#grid6wrap .moduleTitle h3,
#bottom h3,
.sidebar h3 {
    font-size: 2em
}

/* Top Row - For top1 to top4 positions
-----------------------------------------------------------------------------*/

#topwrap .row {
    margin-bottom: 0;
    padding-bottom: 10px;
}

#top4 ul {
    float: right
}

#topwrap .moduletable {
    margin: 0
}

#topwrap h2 {
    margin-bottom: 0
}

/* Header and Logo Row - For when logo is in the header row and for header1 to header4 positions
-----------------------------------------------------------------------------*/

#headerwrap  .row {
    padding: 0px
}

#headerwrap h2 {
    margin: 0
}

/* Logo Div and Tagline
-----------------------------------------------------------------------------*/

#logo {
    padding-left: 0.1% !important;
    text-shadow: 1px 0px 0 #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

#logowrap .container {
    padding: 0 0 20px 0
}

/* Reset on Logo class */

#logo h1,
#logo h2,
#logo h3,
#logo h4,
#logo h5,
#logo h6,
#logo img,
#logo a {
    margin: 0;
    border: 0;
}

/* Tagline Class */

#tagline {
    font-style: italic;
    color: #999;
    position: relative;
    text-transform: lowercase;
}

#tagline span {
    display: block;
    line-height: 1;
}

/* Nav row - for the menu position. See below for superfish styling
-----------------------------------------------------------------------------*/

#navwrap {
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 125px;
    min-height: 105px;
    padding: 0;
    background-position: 0 10px;
}

#navwrapper {
    padding-bottom: 0;
    padding-top: 10px;
}

#nav li li.parent,
#nav li.active li.parent {
    background: url(../images/menu/subparent.png) no-repeat 90% 12px !important
}

/* Sticky Nav Style */

#navwrap.sticky {
    background: url(../images/overlay/darkOverlay.png) !important;
    min-height: 49px;
    height: 30px !important;
    z-index: 10;
}

#navwrap.sticky .twoline {
    margin-top: 0px
}

#navwrap.sticky #logo {
    display: none
}

#navwrap.sticky #navwrapper {
    width: 100% !important;
    float: left;
    background: none;
}

#navwrap.sticky #nav {
    margin-top: -25px
}

#navwrap.sticky #nav,
#navwrap.sticky #nav ul {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

#navwrap.sticky #nav li {
    line-height: 1em
}

#navwrap .row {
    overflow: visible
}

#navwrap .container {
    padding: 0
}

#nav.right {
    float: right;
    margin: 0;
    padding-top: 40px;
}

#nav ul {
    margin: -2px 0 0 0 !important;
}

/* Fix for top menu in ie7 */

.ie7 #nav ul {
    margin-bottom: 0
}

.ie7 #navwrap .row {
    margin-bottom: 0
}

#nav ul li {
    line-height: 1.2em;
    margin-right: 28px !important;
/*    text-transform: uppercase;*/
}

#nav ul li:last-child {
    margin-right: 0 !important
}

#navwrap.sticky #nav li.active {
    padding-bottom: 16px
}

#navwrap.sticky #nav li li.active {
    padding-bottom: 0px
}

/* Top level menu items */

#nav ul li a,
#nav ul li span.mainlevel span,
#nav ul li span.separator {
    padding: 0 0px !important;
    font-size: 1.2em;
}

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

#nav ul li.active li a {
    border-bottom: 0;
    padding: 0 8px;
}

#nav ul li.active li.active a {
    padding: 0 0 6px 20px !important
}

/* Makes sub level items smaller */

#nav ul li li a,
#nav ul li li span.separator,
#nav ul li li span.mainlevel span,
#nav li li i {
    font-size: 0.9em
}

/* Sub level fropdown ul */

#nav ul ul {
    margin-top: 60px !important;
    margin-left: -10px !important;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    padding-top: 6px;
    padding-bottom: 2px;
}

#navwrap.sticky #nav ul ul {
    margin-top: 6px !important
}

/* Styling on sub level menu items */

#nav ul li li {
    padding: 8px 0;
    line-height: 1.4em !important;
}

#nav li.active:hover {
    padding-bottom: 0px
}

#nav li li.active {
    padding-bottom: 0
}

/* Styling on subline menus */

#nav ul li em {
    font-size: 80%;
    line-height: 1;
    margin-top: -40px;
    display: block;
}

#nav ul li li em {
    margin-top: 4px
}

#nav span.dropdown {
    height: 20px;
    width: 20px;
    position: absolute;
    : ;
    display: block;
    margin-top: -34px;
    z-index: 1;
    background: url(../images/menu/dropdown.png) no-repeat center top;
    margin-left: 12px;
}

#nav {
	position: relative;
}
#nav ul ul ul {
    margin-top: -2px !important;
    margin-left: 20px !important;
}

#nav ul ul ul span.dropdown {
    background: url(../images/menu/subsubdropdown.png) no-repeat center top;
    margin-top: 0px;
    margin-left: -21px;
    height: 30px;
}

#nav ul ul.offscreen  span.dropdown {
    background: none
}

#nav ul ul.offscreen ul{
    margin-left: -380px !important;

}

#nav ul ul.offscreen li.parent {
    background: none !important
}

#nav ul ul.offscreen li.parent > a {
    background: url(../images/menu/subparentoffscreen.png) 8px 3px no-repeat!important;
    text-indent: 2px;
}

#nav ul ul.offscreen li li {
    padding: 8px 0 4px
}

/* Image for Parent Items
---------------------------------------------------*/
#nav li.parent > a,
#nav li.parent > span.mainlevel span,
#nav li.parent > span.separator
{  background: url(../images/menu/parent.png) no-repeat left center;

}

#nav li li.parent > a,
#nav li li.parent > span.mainlevel span,
#nav li li.parent > span.separator
{  background: none;

}

#nav li.parent a,
#nav li.parent span.mainlevel span,
#nav li.parent span.separator
{
	padding-left: 20px !important;
}



#nav li.active,
#nav li.active:hover
{  background: url(../images/menu/menuActive.png) no-repeat center top !important;
}

#nav li.active li a,
#nav li.active:hover li a{
	background: none !important;
}

#nav li li.parent,
#nav li.active li.parent{
	background: url(../images/menu/subparent.png) no-repeat 90% 12px !important;
}



#navwrap.sticky #nav li.active {
	background: url(../images/menu/menuActiveSticky.png) no-repeat center 96%;	
}


#nav li.active li.active,
#togglemenu ul li.active,
#navwrap.sticky #nav li li.active,
#nav li li.active,
#nav li li.active:hover
{  background: url(../images/menu/subactive.png) no-repeat 90% center !important }




#nav li.parent.twoline:hover a,
#nav li.parent.twoline a,
#nav li.parent.twoline span.mainlevel span,
#nav li.parent.twoline span.separator{
	background-position: left 53px !important;
}


#nav li li,
#nav li li:hover
{  line-height: 1.8em;
}



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

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


.sidebar ul li li
{  background: url(../images/arrow.png) no-repeat left center }



/* Banner Row - For the banner position
-----------------------------------------------------------------------------*/

#bannerwrap {
    padding: 10px 0;
    font-size: 1.1em;
}

#bannerwrap.image {
    padding: 30px 0 60px;
    border: 0;
}

#bannerwrap .row {
    padding: 0
}

#bannerwrap .container {
    padding: 0
}

#banner {
    width: 90% !important;
    margin: 0 auto;
    padding: 0 0 30px;
}

#banner .zentitle {
    text-align: center
}

#banner .zentext {
    margin-top: -20px
}

.onward #banner .zentext {
    margin-top: 0
}

/* Tabbed Module - Bottom1 to bottom4 modules
-----------------------------------------------------------------------------*/

ul.jbtabs {
    margin: 0 0 30px;
    background-color: transparent !important;
    padding: 0 !important;
}

ul.jbtabs li {
    display: block;
    background: none;
    line-height: 6em;
    margin: 0 2% 0 0;
    padding: 0;
}

ul.jbtabs li a {
    padding: 10px 8%
}

#jbtabbedArea .zenlast {
    float: left
}

#jbtabbedArea {
    float: left;
    width: 100%;
    padding: 0 2%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

/* Grid 1
-----------------------------------------------------------------------------*/

#grid1wrap {
    margin-top: -120px
}

#grid1wrap.nomargin {
    margin-top: 0
}

#grid21,
#grid22,
#grid23 {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    padding-right: 3.8%;
}

#grid24 {
    padding-right: 3.8% !important;
    nowhitespace: afterproperty;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

#grid6wrap .zenlast {
    padding: 0
}

#grid6wrap .zenlast .moduletable {
    background: none
}

/* Main Content
-----------------------------------------------------------------------------*/

#mainwrap {
    padding-bottom: 40px
}

#mainContent.one {
    padding: 10px 0;
    width: 100%;
}

#mainwrap .container {
    padding: 0
}

#midCol {
    background: #fff;
    padding: 10px 2% 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    margin-right: 0.3% !important;
    margin-left: 0.4%;
}

#midCol.one {
    width: 99.4%;
    margin-top: 4px;
}
 
#midCol.fourLRC,
#midCol.threeRC {
	margin-right: 3.8% !important;
}

/* Common to left, right and center columns
-----------------------------------------------------------------------------*/

/* Split Menu */

#jbSplitMenuLeft,
#jbSplitMenuRight {
    padding: 10px
}

.sidebar .moduletable,
.sidebar .moduletable-slide,
.moduletable-panelmenu {
    padding: 20px 8%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    width: 99%;
}

#left .sidebar .moduletable,
#left .sidebar .moduletable-slide,
#left .moduletable-panelmenu {
    margin-left: 3%
}

/* Lists in left, center, right and split menu positions */

.sidebar ul li {

}

.sidebar ul li span.separator {
    padding-bottom: 10px;
    display: block;
}

.sidebar ul li li,
.sidebar ul li li:last-child {
    text-indent: 15px;
    padding: 0;
}

.sidebar ul li li li {
    text-indent: 40px
}

.sidebar ul li:last-child,
.sidebar ul li li:last-child {
    margin: 0
}

#left,
.threeLC #center {
    background-position: right top;
    padding-left: 0;
}

#left {
    padding-right: 12%
}

.sidebar .moduleTitle {
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.zen_tabcontent .moduletable {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}

/* Breadcrumbs
-----------------------------------------------------------------------------*/

#breadcrumb {
    padding: 10px 2%;
    margin: 4px 0 30px 0;
    font-size: 85%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    margin-left: 0.3%;
    width: 99.5%;
}

#breadcrumb  span.showHere {
    font-style: italic;
    margin-right: 10px;
}

#breadcrumb .moduletable {
    margin-bottom: 0
}

#grid6wrap {
    border-bottom: 0;
    clear: both;
}

#bottomborder {
    padding: 0;
    height: 0px;
}

/* Bottom row
-----------------------------------------------------------------------------*/

#bottomrow {
    clear: both
}

#bottomrow .container {
    padding: 20px 0
}

#bottom a:hover {
    color: #ccc !important
}

#bottomborder {
    background-position: 0 10px
}

/* Footer Row - Footer Position
-----------------------------------------------------------------------------*/

#footerwrap {
    clear: both
}

#footer {
    padding-top: 20px
}

#footerRight {
    float: left;
    color: #a08865;
    font-size: .9em;
}

#footerLeft ul {
    margin: 0
}

#footerLeft ul li {
    list-style-type: none;
    float: left;
}

#footerLeft ul li a {
    margin-right: 20px
}

/* Hidden Panel - Core often overriden in template overrides
-----------------------------------------------------------------------------*/

#zenoverlay {
    background: url(../images/overlay/blackOverlay.png);
    display: none;
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
}

#zenpanel {
    z-index: 100;
    display: none;
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .2);
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    background: #fff;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

#zenpaneltrigger {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1000;
}

#zenpaneltrigger a i {
    color: #fff !important;
    line-height: 1.7em;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#zenpaneltrigger i {
    margin-top: 2px;
    float: left;
}

/* Places the close button off the screen so we dont need to override */

a#zenpanelclose {
    display: none
}

/* Close button inside the popup */

a#zenpanelclose2 {
    float: right;
    border-width: 0 0px 1px 1px;
    padding: 0;
    position: absolute;
    z-index: 100;
    height: 35px;
    background: url(../images/panel/panelClose.png) no-repeat center;
    right: 8px;
    width: 20px;
    top: 2px;
    : ;
    display: none;
}

/* Resets on login form in panel */

#zenpanel form.form-login p {
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}

#zenpanel form.form-login input#mod_login_remember {
    width: auto
}

#zenpanel form.form-login input.button {
    display: block;
    margin: 10px 0  20px;
}

/* Social Icons
-----------------------------------------------------------------------------*/

#socialicons.fixedright,
#socialicons.fixedleft {
    margin-top: 60px;
    width: 30px;
    z-index: 10;
}

.onward #socialicons.fixedright,
.onward #socialicons.fixedleft {
    margin-top: 70px;
    width: 40px;
}

#socialicons li i,
#zenpaneltrigger a i {
    font-size: 1.3em;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 30px;
    width: 36px;
    text-align: center;
    padding-top: 6px;
}

#socialicons img {
	padding: 6px;
	margin-bottom: 10px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#socialicons ul {
    margin: 0
}

#socialicons.zencenter ul li {
    margin: 0 4px
}

#socialicons.zenleft ul li {
    margin: 0 8px 0 0
}

#socialicons.zenright ul li {
    margin: 0 0 0 8px
}

#socialicons.zenright h3 {
    text-align: left
}

/* Search
-----------------------------------------------------------------------------*/

.results p {
    font-style: italic
}

ol.list,
.results ol {
    margin: 0
}

ol.list li,
.results ol li {
    list-style-position: inside
}

.results ol li {
    padding: 0 0 20px;
    margin: 20px 0;
}

ol.list li:last-child,
.results ol li:last-child {
    background: none;
    padding: 0;
}

.results li p {
    font-size: 90%
}

/* Typography
-----------------------------------------------------------------------------*/

a:hover {
    text-decoration: none
}

/* Headings */

h1,
.componentheading {
    padding: 6px 0;
    font-size: 4em;
}

h2,
.contentheading,
h2 a {
    clear: both
}

.contentheading {
    font-size: 26px;
    padding: 6px 0;
}

img.border {
    margin-left: 4px
}

blockquote {
    background-image: url(../images/blockquote.png) !important;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-top: 0;
}

blockquote p {
    background-image: url(../images/blockquoteBottomRight.png) !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 10px;
}

.divider {
    padding: 0 !important
}

/* Inputs Text area and read more
-----------------------------------------------------------------------------*/

input,
textarea {
    line-height: 2em;
    padding: 10px 8px;
}

input {
    margin-left: 2px;
    width: 95%;
}

textarea {
    border: 1px solid #ACACAC
}

input.button,
a .readon,
a.jbReadon,
button.validate,
button.button,
#login-form input.button {
    cursor: pointer;
    padding: 4px 10px 4px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}
 
button.validate {
    padding: 8px 20px !important;
    margin: 30px 0 10px;
}

a .readon,
a.jbReadon {
    float: right;
    background: url(../images/more.png) no-repeat right 6px !important;
    border: 0 !important;
}

a:hover {
    /* apply transitions to all properties*/
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* Contact Form */

input#contact_email_copy {
    width: auto
}

/* Joomlabamboo Link
---------------------------------------------------*/

a.jblink {
    background: url(../images/sprite.png) no-repeat left -50px;
    height: 35px;
    width: 150px;
    float: left;
}

a.jblink span {
    display: block;
    text-indent: -9999em;
}

/* Back to Top
---------------------------------------------------*/

#toTop {
    border: none !important;
    background: url(../images/sprite.png) left 0 !important;
    width: 23px !important;
    height: 23px;
    text-indent: -9999em;
    right: 5px !important;
    bottom: 10px !important;
}

/* Panel Menu
-----------------------------------------------------------------------------*/

.moduletable-panelmenu span.mainlevel.close,
.moduletable-panelmenu span.mainlevel,
h3.close,
.moduletable-panelmenu span.separator,
.moduletable-panelmenu span.separator.close,
.zentools.accordion .zentitle.open,
h3.pane-toggler,
h3.pane-toggler-down,
h3.pane-toggler:hover {
    cursor: pointer;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    background: transparent url(../images/menu/menuOpenDown.png) no-repeat 96% 14px;
    display: block;
    padding: 4px 0;
}

.zentools.accordion .zentitle {
    display: block;
    line-height: 3em;
    : ;
}

.moduletable-panelmenu span.mainlevel.open,
h3.open,
.moduletable-panelmenu span.separator.open,
.zentools.accordion .zentitle,
#sliders h3.pane-toggler-down,
h3.pane-toggler-down {
    background: url(../images/menu/menuOpen.png) no-repeat 96% 14px
}

h3.open,
h3.close {
    background-position: 96%;
    padding-right: 25px;
    text-indent: 0;
    padding-top: 0;
}

.moduletable-panelmenu ul ul {
    border: 0;
    margin: 0;
    padding: 0;
}

/* PDF Buttons
-----------------------------------------------------------------------------*/

.buttons {
    float: right
}

/* JB Meta - Details underneath title
-----------------------------------------------------------------------------*/

div.jbMeta {
    clear: both;
    float: left;
    width: 100%;
}

div.jbMeta,
span.jbModifydate,
p.counter {
    color: #999;
    font-size: 85%;
    line-height: 1.4;
}

div.jbMeta span {
    float: left;
    margin-right: 10px;
}

#midCol.thin .jbMeta div,
.cols2 .jbMeta div,
.cols3 .jbMeta div,
.cols4 .jbMeta div {
    float: none;
    clear: both;
}

div.jbMeta form {
    clear: both;
    float: left;
    width: 96%;
    background: #fafafa !important;
    padding: 4px 2%;
    margin: 10px 0;
    border: 1px solid #eee;
}

div.jbMeta form span.content_vote {
    margin-top: -10px
}

div.jbMeta form input.button {
    margin: 0;
    float: right;
    padding: 0 4px!important;
}

/* Section, Featured, Categories
-----------------------------------------------------------------------------*/

div.jbCategory {
    margin: 0;
    padding-top: 0;
    position: relative;
}

#jbArticle {
    position: relative;
    z-index: 1;
}

.cols2 .jbCategory,
.cols2 .jbSection,
.cols3 .jbCategory,
.cols3 .jbSection,
.cols4 .jbCategory,
.cols4 .jbSection {
    margin-bottom: 30px
}

/* Modify Date */

span.jbModifydate {
    display: block;
    margin-top: 20px;
}

/* Create Date */

div.jbCreatedate {
    float: left;
    margin-right: 10px;
}

/* List at bottom of articles
-----------------------------------------------------------------------------*/

.blog_more {
    clear: both;
    background-position: left top;
    padding-top: 30px;
    padding-bottom: 0;
}

/* Sections and Categories
-----------------------------------------------------------------------------*/

.article_row {
    margin: 0;
    padding: 0;
}

.column3.cols3,
.column4.cols4 {
    float: right;
    margin-top: -18px;
}

/* Contact Page
-----------------------------------------------------------------------------*/

span.marker img {
    margin-right: 20px
}

h3.pane-toggler,
h3.pane-toggler-down {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px !important;
}

/* Login Module
-----------------------------------------------------------------------------*/

input#modlgn-remember {
    width: auto
}

p#form-login-remember label {
    display: inline
}

#login-form input.button {
    font-size: 90%
}

/* Joomla 2.5 pagination
-----------------------------------------------------------------------------*/

/* Tabs */

#tabs dt.tabs.open h3 {
    border-bottom: 0;
    margin-top: -3px;
    background: none
}

#tabs dt.tabs.closed  {
    border-bottom: 0 !important;}

dd.tabs {
    background: none;border: 0;
}

dt.tabs {
    width: auto
}

/* Sliders */

#sliders h3.pane-toggler,
#sliders h3.pane-toggler:hover,
#sliders h3.pane-toggler-down {
    background: transparent url(../images/menu/menuOpen.png) no-repeat 96% 14px;
    text-indent: 0px;
    margin: 0 0 10px;
    padding-bottom: 8px !important;
}

#sliders h3:hover,
#sliders h3.pane-toggler-down,
#sliders h3.pane-toggler-down:hover {
    background: transparent url(../images/menu/menuOpenDown.png) no-repeat 96% 14px
}

/* Table of content */

#article-index,
table.contenttoc {
    float: right;
    padding: 2%;
    width: 25%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    font-size: 90%;
    background: none;
    border: 0;
}

#article-index ul {
    margin: 0
}

#article-index li,
table.contenttoc tr {
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 4px 0 0;
    text-align: left;
    font-style: normal;
}

table.contenttoc tr td,
table.contenttoc tr th {
    text-align: left;
    font-style: normal;
}

table.contenttoc tr th {
    font-weight: bold;
    font-size: 120%;
}

a.toclink.active {
    font-weight: bold;
    color: #333;
}

/* Page nav */

.pagenavcounter {
    font-size: 90%
}

.pagination ul {
    margin: 0
}

.pagination ul li {
    list-style-type: none;
    margin: 0 20px 0 0;
    float: left;
}

/* Pagination */

ul.pagination {
    padding-top: 30px;
    padding-bottom: 0px;
    background-position: left top;
}

ul.pagination li {
    border-radius: 4px;
    padding: 4px 6px;
}

/* Next and Previous */

th.pagenav_prev,
th.pagenav_next {
    width: 100%;
    padding: 0;
    float: right;
}

th.pagenav_next {
    text-align: right
}

th.pagenav_prev a {
    float: left
}

th.pagenav_next a {
    float: right
}

/* User - Login, remind, reset etc
-----------------------------------------------------------------------------*/

.josForm.form-validate {
    margin-bottom: 30px
}

input#email {
    width: 100%;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

/* Modules
---------------------------------------------------*/

/* Resets on various moduletables */

#nav .moduletable,
#footer .moduletable,
#bottomrow .moduletable,
#breadcrumb .moduletable,
#zenpanel .moduletable,
#banner .moduletable,
#tabwrap .moduletable {
    border: 0;
    padding: 0;
}

/* Generic style for modules */

.moduletable,
.moduletable-slide,
.moduletable-panelmenu {
    clear: both;
    margin-bottom: 30px;
}

.moduletable-border,
.moduletable.border {
    box-shadow: none
}

.moduletable.inset .moduleTitle h3 {
    margin: 0 0 8px
}

.moduletable.primary1,
.moduletable.primary2,
.moduletable.secondary1,
.moduletable.secondary2,
.moduletable.warning,
.moduletable.success,
.moduletable.notice {
    border: 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    padding: 10px 4%;
    width: 100%;
    clear: both;
}

.moduletable.primary1 .moduleTitle,
.moduletable.primary2 .moduleTitle,
.moduletable.secondary1 .moduleTitle,
.moduletable.secondary2 .moduleTitle,
.moduletable.warning .moduleTitle,
.moduletable.success .moduleTitle,
.moduletable.notice .moduleTitle {
    border: 0
}

.moduletable.primary1 .moduleTitle h3,
.moduletable.primary2 .moduleTitle h3,
.moduletable.secondary1 .moduleTitle h3,
.moduletable.secondary2 .moduleTitle h3,
.moduletable.warning .moduleTitle h3,
.moduletable.success .moduleTitle h3,
.moduletable.notice .moduleTitle h3 {
    text-shadow: none !important;
    color: #fff !important;
}

.moduletable.inset {
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.moduletable.inset .moduleTitle h3 {
    color: #666 !important
}

.moduletable.inset .jbmoduleBody {
    padding: 10px 4%
}

/* Success Class fix */

.success {
    clear: both
}

/* Togglemenu
--------------------------------------------------*/

#togglemenutrigger span {
    margin-left: 8px !important
}

#togglemenucontent ul {
    border: 0;
    padding: 0;
    margin: 10px 0;
}

#togglemenucontent ul li {
    border-bottom: 1px solid #222;
    border-top: 1px solid #444;
    padding: 8px 0 2px;
}

#togglemenu a,
#togglemenu i {
    color: #fff
}

#togglemenu i {
    margin-right: 10px
}

/* Lists
---------------------------------------------------*/

/* Reset soem lists */

#bannerwrap ul,
#grid1wrap ul,
#grid2wrap ul,
#grid3wrap ul,
#grid4wrap ul,
#grid5wrap ul,
#grid6wrap ul,
#bottomwrap ul {
    margin: 0
}

/* Set some default styles for lists */

#grid6wrap ul li,
#bottomwrap ul li {
    list-style-type: none;
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
}

ul li:last-child {
    border-bottom: 0 !important
}

ul li:first-child {
    border-top: 0 !important
}

ul.slidenav li {
    border: 0 !important
}

/* A simple UL */

ul.simple {
    margin-bottom: 30px
}

ul.simple li {
    padding: 4px 0
}

/* Zentools Slideshow
---------------------------------------------------*/

.slidecount {
    margin-right: 10px;
    font-style: italic;
}

.slideshow.slideshowoverlay a {
    color: #fff
}

.slide-controller.zenpadding {
    padding: 10px 0 0 0 !important
}

.grid .zenitem {
    width: 96%
}

ul#filters li a {
    border: 0 !important;
    border-radius: 0 !important;
}

/* Zentools Accordion
---------------------------------------------------*/

.zentools.accordion h1,
.zentools.accordion h2,
.zentools.accordion h3,
.zentools.accordion h4,
.zentools.accordion h5,
.zentools.accordion h6 {
    margin: 0 0 8px
}

.zentools .zentitle {
    margin: 2px 0 8px 0 !important;
    padding: 0 !important;
}

.zentools.accordion .zenitem {
    margin: 0
}

/* Zentools Slideshow
---------------------------------------------------*/

.zentools.slideshow .zenmore a span {
    text-align: center;
    margin-top: 4px;
    display: block;
    margin-bottom: 0;
}

/* Zentools in Sidebar
---------------------------------------------------*/

.sidebar .zentools li {
    padding: 8px 0 !important
}

.sidebar .zentools li a {
    padding: 0 !important
}

.sidebar .zentools p {
    margin: 0
}

/* Zenkit
---------------------------------------------------*/

#zenkit .blogsidebar .divider,
#zenkit .itemFullText .divider {
    height: 8px
}

#zenkit blockquote,
#zenkit .authorLatest.zenblock {
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-image: none;
}

#zenkit ul.zentabs li a {
    padding: 4px 8px;
    margin: 0 10px 10px 0;
    border-radius: 0;
}

#zenkit ul.zentabs li a.active,
#zenkit ul.zentabs li.active a {
    border-radius: 0
}

.grid_2 .contentheading,
.grid_3 .contentheading,
.grid_4 .contentheading,
.grid_5 .contentheading,
.cols2 .contentheading,
.cols3 .contentheading,
.cols4 .contentheading {
    font-size: 3em
}

.grid_2 .commentsLink,
.grid_3 .commentsLink,
.grid_4 .commentsLink,
.grid_5 .commentsLink {
    text-align: left
}

#k2Links {
    background-position: left top;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
}

#zenkit span.commentDate,
span.commentAuthorName,
span.commentLink {
    clear: both;
    float: left;
}

#zenkit .grid_2 .grid_eight,
#zenkit .grid_3 .grid_eight,
#zenkit .grid_4 .grid_eight,
#zenkit .grid_5 .grid_eight,
#zenkit .grid_2 .grid_four,
#zenkit .grid_3 .grid_four,
#zenkit .grid_4 .grid_four,
#zenkit .grid_5 .grid_four {
    width: 100%
}

.grid_three #k2ItemListPrimary .contentheading {
    font-size: 150%
}

#zenkit a.itemVideoLink {
    float: right
}

@media only screen and (max-width: 520px) { 
	#zenkit .grid_eight,
	#zenkit .grid_four {
	    margin: 0
	}

	#zenkit .buttons {
	    float: left !important;
	    border: #000;
	}
}

/* Zentools
-----------------------------------------------------------------------------*/

.highlight .zentitle,
.highlight2 .zentitle {
    text-transform: uppercase;
    display: block;
    text-align: center;
    background: #FAF8F2;
    padding: 14px 0 !important;
    margin: 0 !important;
}

.highlight2 .zentitle {
    text-align: left;
    padding: 10px 8% 0 !important;
}

.moduletable.highlight {
    padding-left: 7px
}

.highlight .column,
#breadcrumb,
.highlight2 .column,
#midCol,
#zenpanel,
#jbtabbedArea,
.moduletable.border,
.sidebar .moduletable-slide,
.sidetabs,
#zenpanel,
.moduletable-panelmenu,
#tabwrap .row {
    background-color: #FAF8F2;
    -webkit-box-shadow: 0px 0px 1px rgba(70, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 1px rgba(70, 50, 50, 0.4);
    box-shadow: 0px 0px 1px rgba(70, 50, 50, 0.4);
}

#togglemenu .moduletable-panelmenu {
    background: none;
    padding: 0;
}

.highlight .zentext,
.highlight2 .zentext {
    padding: 10px 8%
}

.highlight .readon,
.highlight2 .readon {
    display: block;
    text-align: center;
    float: none;
    width: 40%;
    margin: 0 auto 20px;
}

.highlight .zenlast .zentext,
.highlight .zenlast .zentitle,
.highlight .zenlast .zenmore {
    border: 0
}

.highlight .zenimage,
.highlight2 .zenimage {
    margin: 0 !important
}

.highlight2 .zentext,
.highlight2 .zenmore,
.highlight2 .zentitle {
    background: #FAF8F2
}

#zenkit .zenblock {
    border: 0
}

#zenkit .divider,
.divider,
.componentheading,
.contentheading,
ul.jbtabs,
#zenkit .contentheading,
.results li,
.jbCategory,
.sidebar .moduleTitle,
#zenpanel h3 {
    border-bottom: 1px solid #DDDCD6
}

#midCol {
    border-bottom: 2px solid #DDDCD6
}

textarea,
input {
    border: 1px solid #DDDCD6 !important
}

.highlight2 .zenitem {
    width: 100% !important;
    border: 1px solid #e3e3e3;
}

.numbers h2 {
    font-size: 4em;
    : ;
    text-align: center;
    margin: 0;
}

.numbers {
    text-align: center
}

.moduletable.large i.jbtype {
    font-size: 4em;
    text-align: center;
    display: block;
    line-height: 1em;
}

#nav i.jbtype {
    font-size: 1.4em;
    color: #fff;
    margin-right: 10px;
}

#breadcrumb i.jbtype {
    display: none
}

.moduletable.border {
    padding: 10px 4%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.moduletable.featured .moduleTitle span {
    text-align: center;
    text-transform: uppercase;
    background: url(../images/bg/pattern-background.jpg);
    padding: 0 10px;
    margin: 0 auto;
    width: 20%;
    display: block;
    font-size: 100%;
    text-shadow: 1px 1px 0 #fff;
}

#banner .slidenavdiscs ul {
    padding-bottom: 10px
}

#banner .slidenavdiscs ul li {
    padding: 0 7px !important;
    font-size: 12px;
    line-height: 0 !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

/* Zenkit
-----------------------------------------------------------------------------*/

.catItemView .blogsidebar {
    padding-top: 35px
}

.itemView .blogsidebar {
    padding-top: 27px
}

.groupPrimary.accordion {
    padding: 0
}

.groupPrimary.accordion .accordionbody {
    padding-top: 20px;
    margin-bottom: 20px;
}

#zenkit ol.flex-control-nav {
    display: none
}

#zenkit #k2ItemListSecondary {
    margin-top: 0
}

#zenkit .groupLeading {
    margin-bottom: 0
}

.catItemView.groupLinks {
    padding: 0
}

#zenkit.slideshow ul.flex-direction-nav {
    margin-top: 14px
}

#zenkit .groupPrimary.accordion {
    margin-top: 0
}

#zenkit .firstitem h2.contentheading {
    border-top: 0
}

#zenkit h2.contentheading {
    border-bottom: 1px solid #DDDCD6 !important;
    border-top: 0 !important;
}

#zenkit .itemRatingBlock span {
    margin-left: 0
}

#zenkit a.commentsLink span {
    margin: 0
}

#zenkit a.commentsLink span span {
    margin-right: 4px
}

/* Sidetabs
-----------------------------------------------------------------------------*/

.sidetabs {
    float: left;
    width: 99%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 30px;
}

ul.zentabs {
    border-bottom: 1px solid #DDDCD6;
    nowhitespace: afterproperty;
    float: left;
    width: 100%;
    padding: 0  4% 10px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.sidetabs .moduletable {
    padding: 25px 4%
}

ul.zentabs li.active a,
ul.zentabs li a:hover {
    color: #fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}

.zentabs li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 3%;
    float: left;
    font-size: 90%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    text-align: center;
}

.narrow .zentabs li {
    width: 100%;
    margin-bottom: 4px;
}

.sidetabs  li {
    width: 22%;
    margin-right: 3% !important;
}

.zentabs  li:last-child {
    margin-right: 0
}

.sidetabs .zen_tabcontent {
    display: none
}

.zenmore.overlaymore,
.cc-cookies {
    background: url(../images/overlay/blackOverlay.png)
}

.zenmore.overlaymore {
    position: absolute
}

.zenmore a.overlaymore span {
    background: none !important;
    margin-top: 20%;
}

.zenmore a i {
    font-size: 3em;
    color: #F9F8F3;
}

#bottom span.tweet_text {
    margin-bottom: 0 !important
}

/* k2 list fix */
li.clearList {
    visibility: hidden;
    max-height: 0;
}
.cal_table td:first-child, .cal_td_weeklink {
 display:none;   
}