/* @override 
	http://localhost:8888/qs/unified/17/Platform/media/zengridframework/css/base.css
	http://localhost:8888/qs/unified/Responsive/media/zengridframework/css/base.css
	http://localhost:8888/17/lifestyle/media/zengridframework/css/base.css
	http://localhost:8888/base/joomla25/media/zengridframework/css/base.css
*/

/**
 * @package		Joomla Bamboo Zen Grid Framework
 * @Type        Core CSS
 * @version		v2.0
 * @author		Joomlabamboo http://www.joomlabamboo.com
 * @copyright 	Copyright (C) 2007 - 2010 Joomla Bamboo
 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
 


/*------------------------------------*\
	RESET
\*------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display: block;
}


.sidebar ul li a {
    color: #FFFFFF;
}

table{
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img{  
	border:0;
}
address,caption,cite,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

dl dd {
margin: 0;
}
/*------------------------------------*\
	Joomla columns
\*------------------------------------*/
.blog {float: left;width: 100%;}
.column1.cols2,.cols-2 .column-1 {width: 48%;float: left;}
.column2.cols2,.cols-2 .column-2  {width: 48%;float:right;display: inline;}
.column1.cols3,.column2.cols3,.cols-3 .column-1,.cols-3 .column-2  {width: 31%;float: left;margin-right: 3.5%;display: inline;}
.column3.cols3,.cols-3 .column-3 {width: 31%;float:right;display: inline;}
.column1.cols4,.column2.cols4,.column3.cols4,.cols-4 .column-1,.cols-4 .column-2,.cols-4 .column-3 {width: 23%;float: left;margin-right: 2.6%;display: inline;}
.column4.cols4,.cols-4 .column-4 {width: 23%;float:right;display: inline;}
.column1.cols5,.column2.cols5,.column3.cols5,.column4.cols5,.cols-5 .column-1,.cols-5 .column-2,.cols-5 .column-3,.cols-5 .column-4 {width: 18%;float: left;margin-right: 2.5%;display: inline;}
.column5.cols5,.cols-5 .column-5 {width: 18%;float:right;display: inline;}
.article_row {clear: both;width: 100%;float: left;padding: 0px 0 20px;margin-bottom: 20px}
.cols1,.items-row {clear: both}



/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	font-size:100%;
	line-height:1.5;
	color:#333;
}
body{
	min-height:100%;
}


/*------------------------------------*\
	Some additions to layouts
\*------------------------------------*/
#belowmain {
margin-top: 30px;
float: left;
width: 100%;
}

/* Margin above the above div*/
#above {
margin-top: 20px;
}

/* Clear the below div */
#below {clear: both;}

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

.clear {
clear: both;
}

#messageswrap .container {
padding: 0;
}


/* Sidebar and some split menu stuff
-----------------------------------------------------------------------------*/
.sidebar ul {
margin: 0;
}

.sidebar ul li {
list-style-type: none;margin: 0
}

.sidebar ul li {
padding: 0;
}

.sidebar ul li li {
font-size: 90%;padding: 0 0 4px;
}

.sidebar ul li:last-child {
border-bottom: 0;
}

.sidebar ul li:first-child {
border-top: 0;
}

.sidebar ul li li:last-child {
border-bottom: 0;padding: 0;
}
.sidebar ul li a,.sidebar ul li span.mainlevel span {
padding: 4px 0;
}

.sidebar ul li a,.sidebar ul li span.mainlevel span  {
display: block;
}
.sidebar ul li a:hover {}

.sidebar ul li#current {}

.sidebar ul ul li:last-child {
margin-bottom: 10px;
}



/*------------------------------------*\
	TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
	margin-bottom:1.5em;
	width:100%;
	max-width:100%;
}
thead tr:last-of-type th{
	/* Thicker border on the table-headers of the last row in the table head */
	border-bottom-width:2px;
}
tbody th{
	/* Thicker right border on table-headers in the table body */
	border-right-width:2px;
}
th:empty{
	/* Hide the borders on any empty table-headers */
	border:none;
}
th,td{
	vertical-align:top;
	/*padding:0.75em;*/

}
th{
	font-weight:bold;
	text-align:center
}
table [colspan]{
	/* This looks lovely, trust me... */
	text-align:center;
}
table [rowspan]{
	/* ...as does this. */
	vertical-align:middle;
}



/*
Resets on the Joomla pagenav
*/

table.pagenav th,table.pagenav  td {
border: 0;
}

table.pagenav th.pagenav_prev  {
text-align: left;
}

table.pagenav th.pagenav_next  {
text-align: right;
}




/*
Joomla Table of Content
*/

table.contenttoc,
#tableofcontents {
float: right;width: 30%;margin-left: 20px;background: #f9f9f9;border: 1px solid #eee
}

table.contenttoc tbody,
#tableofcontents {
padding: 10px
} 

table.contenttoc tr th,table.contenttoc tr td,
#article-index h3 {
border: 0;padding:6px 0;line-height: 1em;color: #999;text-align: center;font-style: italic;
}

#article-index ul {
margin: 0;
}

#article-index ul li {
margin: 0;list-style-type: none;  
}

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

table.contenttoc a.toclink.active {
color: #999;
}
.pagenavcounter {
font-style: italic;color: #999;float: right;margin: 0 0 10px 10px;clear: both;
}


.items-more {
clear: both;
}



.blog {
position: relative;
}

/* Edit Icon */
span.hasTip {
position: absolute;right: 0;z-index: 100;
}



/* Social Icons */
.zenright {float: right;text-align: right;}
.zenleft {float: left;text-align: left;}
.zencenter {float: none;margin: 0 auto;text-align: center;}


#socialicons.fixedleft {
position: fixed;top: 100px;left: 0;
}

#socialicons.fixedright {
position: fixed;top: 100px;right: 0;
}
#socialicons ul li {
list-style-type: none;float: left;margin-left: 0px;
}

#footer #socialicons {
clear: both;margin-top: 20px; 
}

#socialicons.zencenter ul  {
display:inline-block;
	float:none;padding: 0 10px;
} 

/*
HTML Overrides
*/

.jbSection,.jbCategory,.jbFrontPage {
margin-bottom:3em;clear: both;float: left;width: 100%;
}



.jbMeta {
margin-bottom: 1em;
}


/*
Pagination
*/
ul.pagination,ul.pagenav {
margin: 0;
}
ul.pagination li,ul.pagenav li {
list-style-type: none;margin: 0 20px 0 0;float: left;
}

ul.pagenav li.pagenav-next {
float: right;margin: 0;
}

p.counter {
font-style: italic;color: #999;clear: both;
}


/*
Blog view more links
*/
.blog_more ul {
margin: 0 0 30px;
}
.blog_more ul li {
list-style-type: none;margin: 0;padding: 4px 0;border-bottom: 1px solid #eee;
}


#bottomdebug {
width: 90%;margin: 0 auto;
}

/* =============================================================================
   Back to Top
   ========================================================================== */
 

#toTop {position: fixed;right: 20px;bottom: 20px;cursor:pointer;font-size: 90%;}


/* =============================================================================
   Joomla general.css
   ========================================================================== */


/* Form validation */

label.invalid { color: #ff0000; }



/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}
 
.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
 
.tool-text {
   font-size: 100%;
   margin: 0;
}


/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.img_caption  {
text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption.left {
	float: left;
	margin-right: 1em;
}

.caption.right {
	float: right;
	margin-left: 1em;
}

.caption.left p {
	clear: left;
	text-align: center;
}

.caption.right p {
	clear: right;
	text-align: center;
}

.caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption  {
	text-align: center!important;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}




/* =============================================================================
   Joomla system.css
   ========================================================================== */



/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/* =============================================================================
   Joomla Page Break
   ========================================================================== */
#sliders h3 {border: 1px solid #ddd;padding: 10px;margin: 0 0 4px}
#sliders h3.pane-toggler-down {margin: 0;background: #f9f9f9}
#sliders .content.pane-down {
padding: 10px;border: 1px solid #ddd !important;border-top: 0 !important;margin-bottom: 8px;
}
#sliders h3:hover {
background: #f9f9f9;cursor: pointer;
} 

dl#tabs {
clear: both;float: left;width: 100%;margin: 10px 0 0;border-bottom: 1px solid #ddd;margin-top: 30px;height: 38px;
}

dl#tabs h3{
float: left;padding: 4px 10px;border-bottom: 0;margin: 0 10px 0 0;  
-webkit-border-radius: 4px 4px 0px 0;
 -moz-border-radius: 4px 4px 0px 0;line-height: 2;
}

dd.tabs {
margin: 0;clear: both;background: #fff;padding: 12px;border: 1px solid #ddd;border-top: 0;-webkit-border-radius: 0px 0px 4px 4px;
 -moz-border-radius: 0px 0px 4px 4px;
}

dd.current {

}

dl#tabs .open span h3 {
background: #fff;border: 1px solid #ddd;border-bottom: 1px solid #fff
}


/* =============================================================================
   Toggle Menu
   ========================================================================== */
#togglemenu {background: #333;padding: 10px;color: #fff;display: none}
#togglemenutrigger {text-transform: uppercase;cursor: pointer;}
#togglemenucontent {display: none;}
#togglemenucontent ul {margin: 0}
#togglemenucontent ul li {list-style-type: none;padding: 6px 0;}
#togglemenucontent ul li li {margin-left: 10px}
#togglemenucontent ul li a {display: block}


/* =============================================================================
   Sticky Nav
   ========================================================================== */
   
   #navwrap.sticky {width: 100%;background: #fff;z-index: 1;}
   #navwrap.sticky .row, #navwrap.sticky .container {padding: 0}
   
   
/* =============================================================================
/* J2.5 + Article Image
========================================================================== */
.img-fulltext-right img {float: right;margin:0 0 30px 20px}
.img-fulltext-left img {float: left;margin:0 20px 30px 0}
.img-fulltext-none img {margin-bottom: 30px;}

/* =============================================================================
/* J2.5 + Content Links
========================================================================== */
.content-links ul {margin: 30px 0;clear: both;float: left;width: 100%;}
.content-links ul li{list-style-type: none;}