/*------------------------------------------------------------------------



# JA Zebrina 1.0 - Jan, 2007



# ------------------------------------------------------------------------



# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.



# @license - Copyrighted Commercial Software



# Author: J.O.O.M Solutions Co., Ltd



# Websites:  http://www.joomlart.com -  http://www.joomlancers.com



-------------------------------------------------------------------------*/







/* COMMON STYLE



--------------------------------------------------------- */



* {



	margin: 0;

	padding: 0;



}







body {



	color: #CCCCCC;



	background: #121212;



	font-family: "Trebuchet MS";



	line-height: 4.6;



}







body#bd {



}







body.contentpane {



	width: auto; /* Printable Page */



	margin: 1em 2em;



	background: #CCCCCC;



	color: #000000;



	font-size: 12pt;



	font-family: serif;



	line-height: 4%;



}







body.fs1{



	font-size: 10px;



}







body.fs2{



	font-size: 11px;



}







body.fs3{



	font-size: 12px;



}







body.fs4{



	font-size: 13px;



}







body.fs5{



	font-size: 14px;



}







body.fs6{



	font-size: 15px;



}







/* Normal link */



a {



	color: #F9BB10;



	text-decoration: none;



}







a:hover, a:active, a:focus {



	color: Yellow;



	text-decoration: none;



}







/* Title text */



.contentheading, .componentheading, div.moduletable h3,



h1, h2, h3 {



	font-family: Arial, sans-serif;



	letter-spacing: -1px;



	color: #FFFFFF;



}







/* Small text */



.small, .smalldark, .createdate, .modifydate, .mosimage_caption,



.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon, #ja-pathway {



	font-size: 0.9em;



}







/* Heading */



h1 {



	font-size: 1.7em;



}







h2 {



	font-size: 1.5em;



}







h3 {



	font-size: 1.25em;

	border: 0px solid #ff0000;

	width: 100px;



}







h4 {



	font-size: 1em;



	text-transform: uppercase;



}







p {



	margin: 5px;



}







ul {



	margin-top: 5px;



	margin-bottom:15px;



	list-style: none;



}







ul li {



	padding-left: 35px;



	/*background: url(../images/bullet-list.gif) no-repeat 20px 6px;*/



}







ol {



	margin-top: 5px;



	margin-bottom: 15px;



}







ol li {



	margin-left: 35px;



}







th {



	padding: 4px;



	font-weight: bold;



	text-align: left;



}







fieldset {



	border: none;



}







fieldset a {



	font-weight: bold;



}







hr {



	border-top: 1px solid #2F2F2F;



	border-right: 0;



	border-left: 0;



	border-bottom: 0;



	height: 1px;



}







a img {



	border: none;



}







td, div {



	font-size: 12px;



}







/* Code text */



pre, .code {



	padding: 10px 15px;



	margin: 5px 0 15px;



	border-left: 0px solid #F29A3E;



	background: #2F2F2F;



	font: 1em/1.5 "Courier News", monospace;



}







blockquote {



	padding: 15px 40px 15px 60px;



	background: url(../images/quote.gif) 20px 10px no-repeat;



	font: italic 1em/1.5 Georgia, Times, serif;



}







.dropcap {



	float: left;



	padding: 4px 8px 0 0;



	display: block;



	color: #F29A3E;



	font: 50px/40px Georgia, Times, serif;



}







/* Tips, Error, Message, Hightlight*/



.error {



	color: #F29A3E;



	padding-left: 25px;



	background: url(../images/bullet-error.gif) no-repeat top left;



}







.message {



	color: #F29A3E;



	padding-left: 25px;



	background: url(../images/bullet-info.gif) no-repeat top left;



}







.tips {



	color: #F29A3E;



	padding-left: 25px;



	background: url(../images/bullet-tips.gif) no-repeat top left;



}







.highlight {



	background: #F29A3E;



	color: #121212;



	padding: 0 5px;



	font-weight: bold;



}







p.stickynote {



	padding: 20px 80px 10px 20px;



	background: url(../images/sticky-bg.gif) no-repeat top right #2F2F2F;



}







p.pinnote {



	padding: 20px 60px 10px 20px;



	background: url(../images/pin-bg.gif) no-repeat top right #2F2F2F;



}







p.clipnote {



	padding: 20px 60px 10px 20px;



	background: url(../images/clip-bg.gif) no-repeat top right #2F2F2F;



}







.blocknumber {



	position: relative;



	clear: both;



	padding: 5px 15px 10px; 



}







.bignumber {



	float: left;



	font: 30px/normal Arial, sans-serif;



	font-weight: bold;



	color: #F29A3E;



	display: block;



	margin-right: 8px;



	margin-bottom: 5px;



	padding: 0 2px;



}







/* FORM



--------------------------------------------------------- */



form {



	margin: 0;



	padding: 0;



}







input, select {



	font: 11px/normal Tahoma, Arial, sans-serif;



}







select, .inputbox {



	padding: 2px;



}







textarea {



	padding-left: 2px;



}







.button, .button:hover {



	border: 2px solid #2F2F2F;



	padding: 1px 10px!important;



	padding: 1px 5px;



	background: url(../images/button-bg.gif) repeat-x top #F29A3E;



	color: #FFFFFF;



}







.button:active, .button:focus {



	border: 2px solid #222222;



}







.inputbox {



	border: 1px solid #3F3F3F;



	background: #2F2F2F;



	color: #FFFFFF;



}







.inputbox:hover, .inputbox:focus {



	border: 5px solid #606060;



}







/* MODULE



--------------------------------------------------------- */



div.moduletable h3 {



	margin-top: 0px;

	padding-bottom: 0px;

	color: #FFFFFF;

	font-size: 14px;

	line-height: normal;

	border-bottom: 1px solid #cccccc;



}







div.moduletable {



	padding-bottom: 15px;



}





div.moduletable-pin,



div.moduletable-clip,



div.moduletable-task {



	padding: 0 15px 30px;



	margin: 0 0 25px;



	background: url(../images/module-botbg.gif) no-repeat bottom right #2F2F2F;



	clear: both;



}







div.moduletable-pin h3,



div.moduletable-clip h3,



div.moduletable-task h3 {



	margin: 0 -15px 5px;



	padding: 25px 0 0;



	color: #F29A3E;



	font-size: 1.4em;



	text-indent: 15px;



}







div.moduletable-task h3 {



	padding-top: 0px;



}







div.moduletable-pin h3 {



	background: url(../images/module-pin-topbg.gif) no-repeat top right;



}







div.moduletable-clip h3 {



	background: url(../images/module-clip-topbg.gif) no-repeat top right;



}







div.moduletable-task h3 {



	background: url(../images/module-task-topbg.gif) repeat-x top left;



}







div.moduletable-blank h3 {



	margin: 0 0 5px;



	padding: 0;



	color: #FFFFFF;



	font-size: 1.4em;



	line-height: normal;



	clear: both;



}







div.moduletable-blank {



	padding: 0;



	margin: 3px 0 22px;



	clear: both;



}







/* JOOMLA STYLE



--------------------------------------------------------- */



table.blog {



}







table.blog .article_seperator {



	display: block;



	height: 20px;



	background: url(../images/seperator.gif) repeat-x center;



}







#ja-leftcol .article_seperator, #ja-rightcol .article_seperator {



	display: none;



}







table.contentpane {



	border: none;



	width:0%;



}







table.contentpaneopen {



	border: none;



}







table.contenttoc {



	margin: 0 0 10px 10px;



	padding: 0;



	width: 35%;



}







table.contenttoc a {



	text-decoration: none;



}







table.contenttoc td {



	padding: 1px 5px 1px 25px;



	/*background: url(../images/bullet-list.gif) no-repeat 5% 50%;*/



}







table.contenttoc th {



	padding: 4px;



	background: #2F2F2F;



	color: #FFFFFF;



	text-indent: 5px;



	border: 1px solid #3F3F3F;



}







table.poll {



	padding: 0;



	width: 100%;



	border-collapse: collapse;



}







table.pollstableborder {



	padding: 0;



	width: 110px;



	border: none;



	text-align: left;



}







table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	padding: 2px!important;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}







table.searchintro td {



	padding: 5px!important;



}







table.adminform {



	width: 400px!important; /*Control the Frontend Editor area width*/



}







.adminform .inputbox {



}







.blog_more {



	margin: 10px 0;



}







.blog_more strong {



	margin: 0 0 5px;



	padding-left: 13px;



	display: block;



	color: #606060;



	text-transform: uppercase;



}







td.buttonheading {



	padding: 0 0 0 3px!important;



	text-align: center;



}







.category {



	font-weight: bold;



}







.clr {



	clear: both;



}







.componentheading {



	padding-bottom: 5px;



	margin-bottom: 10px;



	font-size: 1.2em;



	line-height: normal;



	font-weight: bold;



	background: url(../images/seperator.gif) no-repeat center;



}







.contentdescription {



	padding-bottom: 30px;



}







table.blog .contentheading {



	font-size: 1.4em;



	font-weight: bold;



	color: #FFFFFF;



	line-height: normal;



}







.contentheading {



	font-size: 1.9em;



	font-weight: bold;



	letter-spacing: -1px;



	color: #FFFFFF;



	line-height: normal;



}







a.contentpagetitle {



	text-decoration: none!important;



	color: #FFFFFF;



}







a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	text-decoration: none!important;



	color: #FFFFFF;



}







a.readon {



	float: right;



	padding: 1px 5px 1px 20px;



	display: block;



	/*background: url(../images/bullet-list.gif) no-repeat 5% 55%;*/



	color: #F29A3E;



	text-decoration: none;



	border: 1px solid #222222;



}







a.readon:hover, a.readon:active, a.readon:focus {



	color: #FFFFFF;



	background: url(../images/bullet-list3.gif) no-repeat 5% 55% #F29A3E;



	text-decoration: none!important;



	border: 1px solid #121212;



}







table.contentpaneopen td, table.contentpane td {



}







table.contentpaneopen, table.contentpane, table.blog {



	width: 100%;



}







.createdate {



	padding: 2px 0 15px 18px;



	line-height: 9px;



	font-weight: normal;



	background: url(../images/bullet-date.gif) no-repeat top left;



}







.modifydate {



	color: #7E7E7E;



	height: 15px;



}







.moduletable {



	padding: 0px;



}







.mosimage {



	padding: 0;



	margin: 8px 15px 0 0!important;



	margin: 8px 5px 0 0;



}







.mosimage img {



	padding: 0;



	margin: 0!important;



}







.mosimage_caption {



	margin-top: 5px;



	padding: 1px 2px;



	color: #7E7E7E;



}







.pagenav,



.pagenav_prev,



.pagenav_next,



.pagenavbar {



	padding: 0 2px;



}







a.pagenav,



.pagenav_prev a,



.pagenav_next a,



.pagenavbar a {



	text-decoration: none;



}







a.pagenav:hover, a.pagenav:active, a.pagenav:focus,



.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,



.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,



.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {



	text-decoration: none;



}







.pagenavbar {



	padding-left: 14px;



	background: url(../images/pages.gif) no-repeat center left;



}







.pagenavcounter {



	padding: 8px 14px 0 14px;



	background: url(../images/pages.gif) no-repeat 0 11px;



}







.sectiontableheader {



	padding: 3px 5px;



	border: 1px solid #222222;



	background: #2F2F2F;



	color: #FFFFFF;



	font-weight: bold;



}







tr.sectiontableentry1 td {



	padding: 5px;



	background: url(../images/seperator.gif) repeat-x bottom;



}







tr.sectiontableentry2 td {



	padding: 5px;



	background: url(../images/seperator.gif) repeat-x bottom;



}







.small {



}







.smalldark {



	text-align: left;



}







div.syndicate div {



	text-align: center;



}







.pollstableborder tr.sectiontableentry1 td,



.pollstableborder tr.sectiontableentry2 td {



	background: none;



}







/* MAIN LAYOUT DIVS



--------------------------------------------------------- */



#ja-headerwrap,



#ja-mainnavwrap,



#ja-topslwrap,



#ja-botslwrap,



#ja-containerwrap,



#ja-footerwrap {



	text-align: center;



	width: 100%;



	clear: both;



}







#ja-header,



#ja-mainnav,



#ja-topsl,



#ja-botsl,



#ja-container,



#ja-container-fl,



#ja-container-fr,



#ja-container-f,



#ja-footer {



	margin: 0 auto;



	width: 770px;



	text-align: left;



}







.wide #ja-header,



.wide #ja-mainnav,



.wide #ja-topsl,



.wide #ja-botsl,



.wide #ja-container,



.wide #ja-container-fl,



.wide #ja-container-fr,



.wide #ja-container-f,



.wide #ja-footer {



	width: 950px;



}







.auto #ja-header,



.auto #ja-mainnav,



.auto #ja-topsl,



.auto #ja-botsl,



.auto #ja-container,



.auto #ja-container-fl,



.auto #ja-container-fr,



.auto #ja-container-f,



.auto #ja-footer {



	width: 95%;



}







 #ja-containerwrap{



	color: transparent;



	padding-top: 15px;

	

}





#ja-container-fl #ja-content {



	background: none;

	padding-left: 0;

	

}







#ja-container-f #ja-content {



	background: none;

	padding: 0;







}





#ja-content {



	padding: 0px;

	clear: both;

	border-left: 0px solid #ededed;



}







/* HEADER



--------------------------------------------------------- */



#ja-headerwrap {



	background: url(../images/header-bg.gif) repeat-x top #222222;



}







#ja-header {



	clear: both;



	text-align: left;



	line-height: normal;



	height: 60px;



	position: relative;



}







#ja-header h1 {



	font-size: 1.5em;



	position: absolute;



	top: 0;



	left: 0;



}







#ja-header h1 a {



	text-decoration: none;



	color: #FFFFFF;



}







#ja-header h1 img {



	float: left;



}







#ja-usertoolswrap {



	position: absolute;



	top: 0px;



	right: 0px;



	height: 30px;



	padding: 0;



}







#ja-usertools {



	padding: 0;



	float: left;



	display: block;



	font-size: 11px;



	height: 30px;



	background: #181818;







}







#ja-usertools span {



	float: left;



	margin: 0 10px 0 5px;



	display: block;



}







#ja-usertools img {



	padding: 10px 2px;



}







#ja-usertools a {



}







#ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus {



}







#ja-search {



	float: left;



	display: block;



	margin: 5px 5px 5px 10px;



}







#ja-search div.search {



	padding-left: 18px;



	background: url(../images/default/icon-search.gif) no-repeat center left;



}







#ja-search .inputbox {



	border: none!important;



	width: 100px;



	color: #CCCCCC;



	background: #2F2F2F;



	padding-left: 5px;



}







#ja-usertools .inputbox:hover,



#ja-usertools .inputbox:focus {



}







/* MAIN NAVIGATION



--------------------------------------------------------- */



#ja-mainnavwrap {



	background: #F9BB10;



	clear: both;



}







#ja-mainnav {



	font-size: 1em;



	line-height: normal;



}







/* Default Joomla! Menu */



a.mainlevel {



	padding:0px;



	width:100px;



	color: #CCCCCC;



}



a.mainlevel#active_menu {



	color: #F29A3E;



	font-weight: bold;



	text-decoration: none;



}







a.sublevel {



	

}







a.sublevel:hover,



a.sublevel:active,



a.sublevel:focus {



}







#active_menu {



	color: #606060;



}







#ja-rightcol a.mainlevel {



	border: none;



}



/*End: Default Joomla! Menu  */







/* SPOTLIGHT



--------------------------------------------------------- */



.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {



	float: left;



	overflow: hidden;



}







.ja-box-left div.moduletable {



	padding-right: 0px;



}







.ja-box-right div.moduletable {



	padding-left: 0px;



}







.ja-box-center div.moduletable {



	padding: 0px;



}







#ja-topslwrap {



	clear: both;

	background:#FFFFFF;

	color: #222222;

	border-top: 1px solid #181818;

	border-bottom: 3px solid #F29A3E;



}







#ja-topsl {



	padding: 0px;



}







#ja-topsl a {



}







#ja-topsl h3 {



	padding: 0;



	margin: 0 0 5px;



	font-size: 1.4em;



	letter-spacing: -1px;



	color: #222222;



}







#ja-topsl div.moduletable {



	margin: 0;



}







#ja-botslwrap {



	background: #2F2F2F;



	color: #CCCCCC;



}







#ja-botsl {



	padding: 20px 0 17px;



}







#ja-botsl a {



}







#ja-botsl h3 {



	padding: 0;



	margin: 0 0 5px;



	font-size: 1.4em;



	color: #FFFFFF;



}







#ja-botsl div.moduletable {



	margin: 0;



}







#ja-botsl ul {



	padding: 0;



	margin: 0!important;



}







#ja-botsl li {



	padding: 0;



	margin: 0;



	background: none;



	line-height: 170%;



}







#ja-botsl li a {



	padding-left: 15px;



	/*background: url(../images/bullet-list2.gif) no-repeat top left;*/



	text-decoration: none;



}







#ja-botsl li a:hover,



#ja-botsl li a:active,



#ja-botsl li a:focus {



	background: url(../images/bullet-list2.gif) no-repeat top left;



	text-decoration: none;



}







#ja-topsl td,



#ja-botsl td {



	padding: 0;



}







#ja-botsl .article_seperator,



#ja-topsl .article_seperator {



	display: none;



}







#ja-botsl table,



#ja-topsl table {



	border-spacing: 0;



	border-collapse: collapse;



}







/* PATHWAY



---------------------------------------------------------*/



#ja-pathway {



	width: 90%;

	padding-left: 5px;

	padding-right: 10px;



clear: both;



	color: #7E7E7E;



}







#ja-pathway img {



	margin: 10px;



}







#ja-pathway a {



	text-decoration: none;



}







#ja-pathway a:hover, #ja-pathway a:active {



	text-decoration: none;



}











/* CONTENT COLUMN



--------------------------------------------------------- */



#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {

border: 0px solid #ff0000;



}







#ja-mainbody {



	float: left;



	width: 650px;

	border: 0px solid #ff0000;



}







#ja-mainbody #ja-contentwrap {



	float: right;

	width: 509px;

	border-left: 1px solid #f2f2f2;

	padding: 5px;



}







#ja-mainbody-fr {



	float: left;



	width: 100%;

	border: 0px solid #ff0000;



}







#ja-mainbody-fr #ja-contentwrap {



	float: right;



	width: 80%;

	border: 0px solid #ff0000;



}







#ja-mainbody-fr #ja-leftcol {



	width: 20%;

	border: 0px solid #ff0000;



}







#ja-mainbody-f {



	float: left;



	width: 100%;



}







/* LEFT COLUMN



--------------------------------------------------------- */



#ja-leftcol {



	float: left;

	width: 20%;

	border: 0px solid #ff0000;



}







#ja-leftcol table,



#ja-rightcol table {



	border-spacing: 0;



	border-collapse: collapse;



}







/* RIGHT COLUMN



--------------------------------------------------------- */



#ja-rightcol {



	float: right;



	width: 120px;

	border: 0px solid #ff0000;



}







#ja-rightcol div.moduletable h3 {



	margin: 0px;



	padding: 3px;



	color: #FFFFFF;



	line-height: normal;



}







#ja-rightcol div.moduletable {



	padding: 0px 0px;



	margin: 0px;



	background: #2F2F2F;



	border: 0px solid #ff0000;



}







/* FOOTER



--------------------------------------------------------- */



#ja-footerwrap {



	border-top: 3px solid #F29A3E;



	background: #121212;



	clear: both;



	height: 35px;



	font-size: 0.8em;



}







#ja-footer {



	color: #7E7E7E;



	position: relative;



}







#ja-footer a {



	color: #7E7E7E;



	text-decoration: none;



}







#ja-footer a:hover,



#ja-footer a:active,



#ja-footer a:focus {



	color: #7E7E7E;



}







#ja-bottomline {



	position: absolute;



	top: 5px;



	left: 0;



}







#ja-cert {



	position: absolute;



	top: 12px;



	right: 0;



}







#ja-cert a {



	padding-left: 5px;



}







/* MISCELLANOUS



----------------------------------------------------------- */



div.back_button a,



div.back_button a:hover,



div.back_button a:active {



	margin: 10px 0;



	display: block;



	background: none!important;



	text-decoration: none!important;



}







#mod_login_password, #mod_login_username {



	width: 93%;



}







#mod_login_password {



}







#mod_login_username {



}







#mod_login_remember {



	border: none;



	background: none;



}







/* Clearfix */



.clearfix:after {



	clear: both;



	display: block;



	content: ".";



	height: 0;



	visibility: hidden;



}







* html > body .clearfix {



	width: 100%;



	display: block;



}







* html .clearfix {



	height: 1%;



}







/* Firefox Scrollbar Hack - Do not remove */



html {



	margin-bottom: 1px;



	height: 100%!important;



	height: auto;



}







/* JA CoolAds Module */



#ja-coolads {



	height: 0;



	overflow: hidden;



	position: relative;



}







#ja-coolads-container {



	margin-right: 5%;



	overflow: hidden;



}







#ja-coolads-container div.moduletable {



	overflow: hidden;



}