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

/* Core Output CSS */

table.adminlist {border: 0 !important;background: none !important;}
table.adminlist tbody tr td {background: none !important;}
table.admintable td.paramlist_key {font-size: 1em;padding: 8px 0 0 20px !important;font-weight: normal !important;}
table.admintable td.paramlist_value:first-child {padding: 0 !important;}
fieldset.adminform {border: none !important;padding: 0px !important;font-size: 90%;float: left !important;position: relative;z-index: 0;margin: 0!important;text-align: right}

table.admintable td.key,
table.admintable td.paramlist_key {	background:#F3F3F3 !important;	text-align: right;	width: 140px;	color: #666;	font-weight: bold;	border-bottom: 0 !important;	border: 0 !important;	border-bottom: 1px solid #ddd !important;	border-right: 1px solid #ddd !important;	padding-top: 12px !important;}
form label {padding: 0!important ;}
table.admintable td.paramlist_value {padding: 4px 0 4px 20px}
.text_area {width: 94% !important;}
.clear {clear: both;}
table.adminlist ul li {list-style: none;margin: 0 !important;}
#sbox-window {background: #fff !important;border: 4px solid #333;}


dl#system-message {padding: 0;}
#system-message dd.notice ul {
	border: 1px solid #DDDDDD!important;
	border-width: 1px 0!important;
	background:#fffbcc url(../images/icons/exclamation.png) 10px 11px no-repeat;
	color:#666452;
	border-color:#e6db55
}

#system-message dd ul {
	background:#C3D2E5 url(../images/notice-info.png) no-repeat scroll 4px center;
	color:#05B;
	list-style:none;
	position:relative;
	border:1px solid;
	background-position:10px 11px!important;
	background-repeat:no-repeat!important;
	font-size:13px;
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
	border-radius:0!important;
	margin:0;
	padding:10px
}



/* Removes the core output */
form > .col:first-child {width: 35% !important;display: none;}
form > .col td.key:first-child {display: none;}
.col.width-50 {width: 100% !important;margin: 0 auto !important;float: none !important;}
#jbtemplate h3{display: none;} 


/* Container and resets some of what we just took away */
#jbtemplate {margin-top: 0px;font-size: 1.1em;}
h3.intro {margin-top: 20px;padding-left: 10px;}
#jbtemplate h3.intro {display: block;padding: 0;}
#jbtemplate p {padding-left: 10px;}
#jbtemplate > h3:first-child { border-top: 1px solid #ddd !important} 


/* AP Lite CSS */
#ap-content-inner fieldset.adminform {margin: 0 0 0 -8px!important}
#ap-content-inner #jbtabs {margin: 4px 0 0 0}
#ap-title {position: relative;z-index: 4;}
#ap-content-inner {padding: 10px 0 !important;}
fieldset.adminform  tr td {padding: 0;border: none !important;text-align: left !important;}
fieldset.adminform legend {display: none;}
#element-box div.m {padding: 0!important;}
#toolbar-box {position: relative;z-index: 4;}


/* Styling for Tabs */
#jbtabs		{position: relative;z-index: 1;font-size: 1.1em;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;margin-top: 10px; }
#jbtabs ul li,.maincontentnav ul li {list-style-type: none;background: url(images/sep.png) no-repeat right center;float: left;padding: 2px 8px 2px 8px;}
#jbtabs a {font-size: 1em;padding: 2px 6px 2px 6px;margin:6px 0 4px 0;float: left;;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#jbtabs dl.tabs a:hover {background: none;}
#jbtabs a:hover,#jbtabs ul li a.active,.maincontentnav ul li a:hover,.maincontentnav ul li a.active {text-decoration: none;background: url(images/nav.png) left -50px;color: #333;}
#jbtabs span {float: left;font-size: 1.2em;padding: 4px 0 4px 30px;}


#jbtabs ul.sub, #jbtabs ul.misc,#jbtabs ul.toplevel{float: left;width: 100%;clear: both;margin: 0;padding:0;background: url(images/nav.png);border-bottom: 1px solid #ddd;border-top: 1px solid #fff}
#jbtabs ul.sub li a,#jbtabs ul.misc li a,#jbtabs ul.toplevel li a,.maincontentnav ul li a {color: #333;font-size: 1em;}


.maincontentnav {float: left;margin: 0;padding: 0;width: 100%;background: url(images/nav.png);border-bottom: 1px solid #ddd;border-top: 1px solid #fff}
.maincontentnav ul {clear: both;margin: 0 0 0 -10px;float: left;display: block;}
.maincontentnav ul li {}
.maincontentnav ul li a {color: #333;font-size: 1em;float: left;padding: 2px 12px;}
div.current {border:none !important;padding:0 !important; position: relative; top: 5px; left: -40px;}

/* Top Level Tabs */
#myPane {float: left;width: 100%;background: url(images/nav.png);}
#myPane a {color: #000}
#myPane dt {background: url(images/sep.png) no-repeat right center;padding: 2px 10px 2px 10px;float: left;}
#myPane dt#docs {background: none;}
#myPane dt#Extras a {background: none}
#myPane a:hover {background: none;}

/* Styling for Active states of toplevel tab items */
#overview a.active span,#overview.open a span {background: url(images/overview.png) no-repeat left 3px;padding-left: 30px;margin-left:0px;}
#appearance a.active span,#appearance.open a span{background: url(images/paint40.png) no-repeat left 5px;padding-left: 30px;}
#Layout a.active span,#Layout.open a span  {background: url(images/layout.png) no-repeat left 4px;padding-left: 30px}
#Extras a.active span,#Extras.open a span {background: url(images/flower.png) no-repeat left 5px;padding-left: 30px}
#appearance a.active span.appearance {background: url(images/paint40.png) no-repeat left 5px;padding-left: 30px;}
#documentation a.active span {background: url(images/paint40.png) no-repeat left 5px;padding-left: 30px;}
span.docs {background: url(images/documentation.png) no-repeat left center;}  
span.extras {background: url(images/flower.png) no-repeat left 5px}
#appearance span.appearance,#Layout span.layout,#Extras span.extras,#overview span.overview,#docs span  {background: none;padding-left: 0}



table.adminlist tr td.paramlist_key { width: 200px!important; }


/* Headings and Stylings */
#jbtemplate p.jbdesc {padding:20px;margin: 0;background: #FAF2B6;border: 1px solid #ddd;border-width: 1px 0}
h4.jbtitle {background: #fff url(images/gradient.png) repeat-x left -1px;margin: 0px 0 0 0;border-width: 0;padding: 20px 0 20px 20px;margin: 0;color: #333 !important;border-width: 1px;border-top-color: #fff}
h4.templatelayout {background: url(images/lmr.png) no-repeat 20px center;padding: 40px 0 40px 140px;}


.templateInfo {float: left;width: 75%;line-height: 1.8em;}
.jblogoright {float: right;width: 25%;margin-top: 45px;}

p.clear {margin: 0;padding: 0;}
div.intro {float: left;padding: 20px;background: url(images/whiteSmokeThin.jpg) no-repeat 0 0}
.intro ul {margin: 0 0 0 10px!important;}
.intro ul li {border-bottom: 1px dashed #ddd;border-top: 1px solid #fefefe;padding: 4px 0;}

/* Docs page */
.width30 {float: left;width: 30%;margin-right: 2%}
#documentation strong {font-size: 1.1em;}
#documentation ul {margin: 0 0 20px 10px!important}
#documentation ul li {border-bottom: 1px solid #eee;padding: 4px 0;margin: 0!important;background: url(images/document.png) no-repeat;padding: 2px 24px 2px;}
#documentation ul li a {color: #006FBB !important;font-size: 90%;}

