/* @override http://localhost:8888/zenGrid/templates/jbZenGrid/style/container/theme.css */

/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */

/* Used mainly to set the bottom footer colour and to create a faux footer */
body {background: #fff}

.containerBG {
	margin-top: 0px;
	background-image: url(images/free.png);
	background-repeat: repeat;	

} 
.fullWrap {margin-top: 60px}

.topRow {padding: 0} 
.topRow .containerBG {}

.logoRow {}
.logoRow .containerBG {margin: 0}

.navRow {padding: 0}
.navRow .containerBG {}

.bannerRow {}
.bannerRow .containerBG {border-bottom: 1px solid #ddd;border-width: 1px 0;padding: 30px 0;background: #f9f9f9}

.grid1Row {}
.grid1Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}

.grid2Row {}
.grid2Row .containerBG {background: #eee;border-bottom: 1px solid #ddd}

.grid3Row {}
.grid3Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}


.grid4Row {}
.grid4Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}

.grid5Row {}
.grid5Row .containerBG {background: #eee;border-bottom: 1px solid #ddd}

.grid6Row {}
.grid6Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}

.mainRow {}
.mainRow .containerBG {padding-top: 0;/*border-bottom: 1px solid #ddd*/}

.bottomRow {}
.bottomRow .containerBG {/*background: #fafafa;border-bottom: 1px solid #ddd*/}

.footerRow {}
.footerRow .containerBG {}


/* Pathway Classes */
#breadcrumb {margin: 0 0 20px;width: 100%;padding: 8px 0}
#breadcrumb .moduletable {text-align: right}
.pathway img {margin: 6px 2px 0}

/* Left Column */
#leftCol {margin-left: 18px; position:relative; z-index:18;}



/* Center Column */
#center {}

/* Main Content Row Classes */
/* Left Column */
#midCol .twoL{margin-left: -70px; }
.mainRow {}

#mainContent {
	margin-bottom: 10px;
	
}

/* Right Column */
#right {}


/* Bottom Row Classes */
.bottomRow {}
.bottomRow .containerBG {}


/* Footer Row Classes */
.footerRow {;padding-bottom: 50px}
.footerRow .containerBG {border: 0;padding: 8px 0 0 0}


/* Search Styling */
#search {}
#search .inputbox,#search_searchword {border: 1px solid #ddd;padding: 8px;margin: 4px 0;background: url(images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8; font-size: 13px;color: #333333;padding-bottom: 0;margin: 0 20px}
#searchForm .button {margin-top: 8px}


/* Links */

a {color:#999}

/* Headings */
h1,.componentheading {color: #333} 
h2,.contentheading,h2 a {color: #333;}
h3,.moduletable h3 {color: #333;}
h4 {color: #333} 
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}


/*Nav - Top levels */
#navWrap.navLeft  {float: left;}
#navWrap.navLeft ul {float: left;margin: 8px 0 0 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right;}


#nav ul {float: right;margin: 8px 20px 0 0;}
#nav ul li {margin: 0;padding: 0}
#nav ul li a {text-transform: uppercase;font-size: 1em;padding: 10px 20px 8px;color: #333;border-right: 1px solid #ddd;margin: 0}
#nav ul li a:hover {color: #333;background: #fff;}
#nav span.expanded {text-transform: uppercase;margin: 0;padding: 0 0 0 8px}
#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul {background: url(images/navParent.png) no-repeat 10px center}
#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul {background:#fff  url(images/navParent.png) no-repeat 10px center}

#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover {background: #f9f9f9}

/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:0px;top:17px}
#nav li ul {background: #fff;border: 1px solid #ddd;border-width: 0 1px 1px 1px}
#nav ul li li a {border-bottom: 1px solid #ddd;color: #333;font-size: 0.9em}
#nav ul li li span.expanded {padding-left: 15px;font-size: 90%}

/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li {margin: 0;padding: 0}
#leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol span.separator{border-bottom: 1px solid #f1f1f1;font-size: 1.2em}

table.category {padding-top: 15px; width: 200px; padding-left: 37px;}

/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a{
	
	color: #000;
	font-weight: normal;
	padding-left: 30px
}


/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded {
	border-bottom: 1px solid #f1f1f1;
	background: url(images/panelParent.png);
	font-size: 1.4em;
	display: block;
	padding-left: 20px;
	cursor: pointer;
	padding: 4px 0 4px 20px;
	color: #F60
} 


/* Hidden Panel Styling */
#toppanel a#open {background: #222;color: #fff;padding: 8px 10px}
#toppanel a#open:hover {color: #333;}
.overlay div.close{background:url(images/panelClose.png) no-repeat}
#panelInner {;border: 4px solid #eee}

/* Input Styling */
.inputbox,input#email {border: 1px solid #ddd; border: 1px solid #c8c8c8;	font-size: 13px; color: #333333; background-image: url(images/free.png);
	background-repeat: repeat;	background-color: transparent;}
.contact {margin-top: 15px;}
.blog {margin-top: 15px;}
#jbArticle{margin-top: 15px;}
.inputbox {background-image: url(images/free.png);
	background-repeat: repeat;	background-color: transparent;}

/* Overrides */

/* Page classes */
div.jbFrontPage {}
div.jbArticle {}
div.jbSection {}
div.jbCategory {}

/* Pdf Buttons etc */
div.buttons {}

/* Div around the title and author, date etc */
div.jbMeta {
	font-weight: normal;
	font-variant: normal;
} 

/* Section and Categories */
div.jbSectCat {}
span.jbSections {}
span.jbCategories {}

/* Author and date styling */
div.jbAuthorDate {}
span.jbModifydate {float: right; margin-right: -72px;}
span.jbAuthor {float: right}

div.jbCreatedate {}
div.jbCreatedate span.dateday {}
div.jbCreatedate span.datemonth {}
div.jbCreatedate span.dateyear {}

/* Read more */
div.jbReadmore {}