/*

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

# JA T3v2 Plugin - Template framework for Joomla 1.5

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

# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.

# @license - GNU/GPL V2, http://www.gnu.org/licenses/gpl2.html. For details 

# on licensing, Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.

# Author: JoomlArt.com

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

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

*/



/* COMMON STYLE

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

body {

	background: #ffffff;

	color: #000000;

	font-family: sans-serif;

	line-height: 1.5;

}



body#bd { background: #ffffff; color: #000000; font-size: 12px;}



body.fs1 #ja-wrapper { font-size: 80%; }

body.fs2 #ja-wrapper { font-size: 90%; }

body.fs3 #ja-wrapper { font-size: 100%; }

body.fs4 #ja-wrapper { font-size: 110%; }

body.fs5 #ja-wrapper { font-size: 120%; }

body.fs6 #ja-wrapper { font-size: 130%; }



/* Normal links ---*/

a {}



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



/* Content spacing ---*/

.column p, .column pre, .column blockquote,

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,

.column ol, .column ul, .column dl { margin: 0px 0; padding: 0; }



/* Headings & Titles ---*/

h1 { font-size: 180%; }

h2 { font-size: 150%; }

h3 { font-size: 125%; }

h4 { font-size: 100%; text-transform: UPPERCASE; }

h5 { font-size: 100%; }



.contentheading, .componentheading, h1, h2, h3, h4, h5 { line-height: 1.2; }



h1.componentheading, .componentheading { margin: 0; padding: 0 0 4px; }



.componentheading { }



h1.contentheading, h2.contentheading, .contentheading { margin: 0; padding: 0 0 5px; }



.contentheading { }



.blog-featured .contentheading { }



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus { }



.category { }



/* Small text ---*/

small, .small, .smalldark, .small-text, .article-tools,

.img_caption, .contenttoc, p.site-slogan, a.readon, #ja-navhelper, #ja-footer { font-size: 92%; }



small, .small { }



.smalldark { text-align: left; }



/* List ---*/


.ja-module ul li,

.ja-content-main ul li {

/*	background: #373737;*/

	line-height: 160%;

	margin-bottom: 1px;

	overflow: hidden;

	padding-left: 10px;
	
	color: #fff;

}


.ja-moduletable ul li, {
}



.ja-moduletable ol li,

.ja-module ol li,

.ja-content-main ol li { line-height: 180%; margin-left: 30px; }



.ja-moduletable dt,

.ja-module dt,

.ja-content-main dt { font-weight: bold; }



.ja-module dd,

.ja-content-main dd,

.ja-content-main dd { margin-left: 15px; }



/* Readon links ---*/

p.readmore { margin: 0; }



p.readmore a {}



p.readmore a:hover, p.readmore a:active, p.readmore a:focus {}



/* Others ---*/

hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 1px solid;

	height: 1px;

}



/* FORM

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

form label { cursor: pointer; }



input, select, textarea, .inputbox { font-size: 100%; }



.inputbox { }



.inputbox:hover, .inputbox:focus { }



.button { }



.button:hover, .button:focus { }



.checkbox { }



.radio { }



fieldset { border: none; margin: 0; padding: 5px 0; }



legend {	font-size: 125%; font-weight: bolder; line-height: 1.2; }



/* Login ---*/

.login_form fieldset { padding: 15px 0 0; }



.login_form fieldset p { margin: 0 0 5px; }



.login_form label {

	display: block;

	float: left;

	font-weight: bold;

	text-align: right;

	width: 130px;

}



.login_form .inputbox { margin-left: 10px; width: 150px; }



.login_form .remember .inputbox { width: 20px; }



.login_form .button { margin-left: 140px; }



/* Register ---*/

.form-register fieldset { padding: 0 0 10px; }



.form-register p { margin: 0 0 5px; }



.form-register p.form-des { margin: 15px 0; }



.form-register label {

	display: block;

	float: left;

	font-weight: bold;

	text-align: right;

	width: 130px;

}



.form-register .inputbox { margin-left: 10px; width: 200px; }



.form-register .button { margin-left: 140px; }



/* User ---*/

.user-details { padding: 10px 0; }



.user-details p { margin: 0 0 5px; }



.user-details label {

	display: block;

	float: left;

	font-weight: bold;

	text-align: right;

	width: 130px;

}



.user-details .inputbox { margin-left: 10px; width: 200px; }



.user-details .button { margin-left: 140px; }



.user-details .paramlist .paramlist_key { padding: 0 0 5px !important; width: 130px !important; }



.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }



.user-details .user_name span { font-weight: bold; padding-left: 10px; }



/* Search ---*/

form#searchForm { padding: 15px 0; }



.searchintro { }



.results h4 { margin: 15px 0 0; }



.results p { margin: 0 0 10px; }



/* Contact ---*/

#component-contact address { font-style: normal; }



#component-contact #emailForm {}



.contact_email { margin: 0 0 10px; }



.contact_email label { display: block; font-weight: bold; }



.contact_email_checkbox { margin: 15px 0; }



/* JOOMLA STYLE

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

/* Layout Deco ---*/

.blog { }



.item-separator, .row-separator { display: none; }



/*Leading*/

.items-leading { padding-top: 10px; }

.items-leading .leading { padding-bottom: 10px; }



/*Articles grids*/

.items-row { padding-bottom: 15px; padding-top: 15px; }



.item {}



/* Meta ---*/

.article-tools { clear: both; display: block; position: relative; }



dl.article-info { float: left; padding: 0; width: 70%; }



dl.article-info dd, dl.article-info dt {

	padding: 0 5px 0 0;

	display: inline;

}



dd.parent-category-name {}



dd.category-name {}



dd.create { padding-right: 5px; }



dd.createdby { padding-right: 5px; }



dd.hits { padding-right: 5px; }



p.article-url  { margin: 10px 0 0; }



p.modifydate { margin: 10px 0 0; }



.contentdescription { display: block; padding: 10px 15px; }



.contentdescription p { margin: 0; }



ul.actions { float: right; margin: 0; padding: 0; }



ul.actions li {

	display: inline;

	background: none;

	padding: 0;

	margin: 0;

	line-height: 1;

}



ul.actions li img { border: 0; margin: 0 5px 0 0; }



/* Article ---*/

.article-content { overflow: hidden; }



/*Inline images ---*/

.img_caption { margin-top: 10px; margin-bottom: 10px; }



.img_caption.left { margin-right: 10px; }



.img_caption.right { margin-left: 10px; }



p.img_caption { clear: both; margin: 0; padding: 0; text-align: center; }



/* Tables ---*/

th { font-weight: bold; padding: 5px; text-align: left; }



td { font-size: 100%; padding: 5px; }



thead tr th { }



thead tr th a,

thead tr th a:hover,

thead tr th a:focus,

thead tr th a:active { }



.cat-list-row1,

.cat-list-row12,

tr.cat-list-row1 td,

tr.cat-list-row2 td {}



.cat-list-row1:hover,

.cat-list-row2:hover {}



.cat-list-row2,

tr.cat-list-row2 td {}



table.contentpane, table.tablelist, table.category { width: 100%; }



table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }



/* Content Toc */

table.contenttoc { float: right; margin: 0 0 10px 12px; padding: 0; width: 30%; }



table.contenttoc a { }



table.contenttoc td { padding: 5px 10px; }



table.contenttoc th { padding: 5px 10px; }



/* Poll */

div.poll { padding: 15px 0; }



form#poll { margin-bottom: 10px; padding-bottom: 10px; }



dl.poll { font-size: 92%; margin-bottom: 10px; padding-bottom: 10px; }



dl.poll dt, dl.poll dd { float: left; }



dl.poll dt { clear: left; width: 100px; }



dl.poll dd { clear: right; width: 400px; }



table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; }



table.pollstableborder img { vertical-align: baseline; }



table.pollstableborder td { }



table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td { }



/* Search */

table.searchintro { padding: 10px 0; width: 100%; }



table.searchintro td { }



/* Misc. */

table.contentpaneopen, table.contentpane, table.blog { width: 100%; }



/* Pagination ---*/

.pagination ul { float: left; margin: 10px 0; }



.pagination ul li {

	background: none;

	display: inline;

	margin: 0;

	overflow: hidden;

	padding: 0;

}



.pagination ul li span,

.pagination ul li strong { padding: 0 5px; }



.pagination ul a { }



.pagination ul a:hover,

.pagination ul a:active,

.pagination ul a:focus { }



.ja-content-main fieldset.filters { font-size: 92%; margin: 10px 0 5px; }



.ja-content-main fieldset.filters .filter-search,

.ja-content-main fieldset.filters .display-limit { float: left; width: 40%; }



.ja-content-main fieldset.filters .display-limit { float: right; text-align: right; }



.ja-content-main .pagenavbar { font-weight: bold; }



.ja-content-main .pagenavcounter { margin: 15px 0; text-align: center; }



.ja-content-main .counter {

	float: right;

	line-height: 1;

	margin: 15px 0;

	text-align: right;

}



.ja-content-main .counter span { }



.items-more { padding: 15px 0 5px; }



.items-more h3 { margin: 0 0 5px; }



.items-more ol {}



div.back_button a,

div.back_button a:hover,

div.back_button a:active { display: block; margin: 10px 0; }



/* Messages ---*/

#system-message {}



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul { margin: 0; padding: 0; }



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li { background: none; margin: 0; padding: 5px; }



/* System Standard Messages */

#system-message dd.message ul { }



/* System Error Messages */

#system-message dd.error ul { }



/* System Notice Messages */

#system-message dd.notice ul { }



/* Tooltips --- */

.article_row .contentpaneopen_edit {

	padding-left: 15px;

}



.tool-tip {

	background: #ffffcc;

	border: 1px solid #e2e2b5;

	z-index: 999;

}



.tool-title { font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #e2e2b5; }



.tool-text { font-size: 100%; margin: 0; padding: 5px 10px; }



.hasTip img { border: none; margin: 0 5px 0 0; }



.contentpaneopen_edit img { vertical-align: middle; }



/* MODULE STYLES

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

div.ja-moduletable h3, div.moduletable h3 { margin: 0 0 8px; overflow: hidden; padding: 0 0 5px; }



div.moduletable_menu h3 { margin-bottom: 0; }



div.ja-moduletable, div.moduletable {

	margin-bottom: 10px;

	margin-top: 10px;

	padding: 0 0 20px;

	position: relative;

}



/* Rounded Module --- */

div.ja-module h3, div.module h3 { margin: 0 0 10px; overflow: hidden; padding: 8px 0; }



div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }



/* Badge Module ---*/

.badge {

	background-image: url(../images/icon-badge.png);

	background-repeat: no-repeat;

	height: 46px;

	position: absolute;

	right: 0;

	top: 0;

	width: 45px;

}



.badge-hot 	.badge { background-position: 0 0; }



.badge-new 	.badge { background-position: 0 -46px; }



.badge-pick .badge { background-position: 0 -92px; }



.badge-top 	.badge { background-position: 0 -138px; }



/* Search Module ---*/

#ja-search { bottom: 15px; position: absolute; right: 0; }



#ja-search label { display: none; }



#ja-search .inputbox { }



#ja-search .inputbox:hover, #ja-search .inputbox:focus { }



#ja-search .button { }



/* Login Module ---*/

#form-login-username .inputbox,

#form-login-password .inputbox {

	background-position: 5px center;

	background-repeat: no-repeat;

	font-weight: bold;

}



#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }



#form-login ul { margin: 0 !important; padding: 0; }



#form-login p { margin: 0 0 5px; }



#form-login .button { margin: 10px 0; }



/* Poll Module ---*/

h4.poll-title { margin: 0; padding: 0; }



a.poll-result { font-size: 92%; text-transform: uppercase; }



form.poll .button { margin-right: 5px; }



/* Advertisement ---*/

div.bannergroup_text div.banneritem_text { padding: 5px 0; }



div.bannergroup_text div.banneritem_text a { font-weight: bold; }



div.bannergroup_text div.bannerheader,

div.bannergroup_text div.bannerfooter_text a { font-size: 92%; }



div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }



div.bannergroup { margin-bottom: 10px; }



/* text */

div.module_text h3 { }



div.module_text span { clear: both; display: block; float: left; }



div.module_text { }



div.module_text .ja-box-bl { }



div.module_text .ja-box-tr { }



div.module_text .ja-box-tl { }



/* Blank */

div.module_noborder,

div.module_noborder .ja-box-bl,

div.module_noborder .ja-box-tr,

div.module_noborder .ja-box-tl { background: none; padding: 0; }



/* Module list ---*/

div.ja-moduletable ul, div.ja-module ul { margin: 15px 0 0; }



div.ja-moduletable ul li, div.ja-module ul li { background-position: 2px 8px; padding-left: 12px; }



/* Collapsible h3 ---*/

h3.show {

	background: url(../images/icon-show.png) no-repeat 100% 60%;

	cursor: pointer;

}



h3.hide {

	background: url(../images/icon-hide.png) no-repeat 100% 60%;

	cursor: pointer;

}



/* Uncomment the following lines if you want collapsible modules with badges still show arrows */

/* 

.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,

.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {

	background-position: 15px 60%;

	text-indent: 15px;

}

*/

/* MAIN LAYOUT DIVS

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

.wrap { }



.main { }



.ja-box { }



#ja-wrapper { }



#ja-container { position: relative; z-index: 5; }



#ja-container .main { }



/* 3 Columns - Classic Layout ---*/

#ja-container.ja-l1r1 { }



/* Full */

#ja-container { }



/* Full left */

#ja-container.ja-r1 { }



/* Full right */

#ja-container.ja-l1 { }



/* Mass ---*/

.ja-mass-top { }



.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }



.ja-mass-bottom { }



.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }



/* MAIN COLUMN

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

#ja-mainbody { }



#ja-main .inner { }



#ja-contentwrap { }



/* Content Top ---*/

.ja-content-top { }



#ja-content-top .ja-moduletable, #ja-content-top .ja-module { margin-left: 0; margin-right: 0; }



/* Content Main ---*/

.ja-content-main { /*margin-bottom: 20px;*/ }



/* Content Bottom ---*/

.ja-content-bottom { }



#ja-content-bottom .ja-moduletable, #ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* @end */

/* SIDE COLUMNS

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

.ja-colswrap { }



.ja-col { }



/* Left Columns ---*/

#ja-left .ja-l2 { }



/* Right Columns ---*/

#ja-right .ja-r2 { }



/* HEADER

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

#ja-header { position: relative; z-index: 10; }



#ja-header .main { padding: 30px 0 15px; }



h1.logo, div.logo-text h1 { }



h1.logo, div.logo-text { float: left; position: relative; z-index: 1; }



/* Logo Image ---*/

h1.logo { height: 28px; width: 184px; }



h1.logo a {

	background: url(../images/logo-t3.gif) no-repeat left;

	display: block;

	height: 28px;

	width: 184px;

}



h1.logo a span { position: absolute; top: -1000px; }



/* Logo Text ---*/

div.logo-text { margin-top: 8px; }



div.logo-text h1 a { text-decoration: none; }



p.site-slogan { display: block; font-size: 85%; margin: 8px 0 0; padding: 0 5px; }



/* NAVIGATION

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

/* Main Nav ---*/

#ja-mainnav { line-height: 1; position: relative; z-index: 11; }



#ja-mainnav .main { }



span.has-image {

	background-position: left 1px;

	background-repeat: no-repeat;

	display: block;

	overflow: hidden;

	padding-left: 25px;

}



span.menu-title { display: block; cursor: pointer; }



span.menu-desc { display: block; font-size: 92%; font-weight: normal; }



/* Breadcrumbs ---*/

#ja-navhelper { }



#ja-navhelper .main { padding: 5px 0; }



#ja-navhelper a { padding: 0 2px; }



#ja-navhelper a:hover, #ja-navhelper a:active, #ja-navhelper a:focus { }



.ja-breadcrums { float: left; margin-top: 2px; width: 80%; }



.ja-breadcrums strong { margin-right: 5px; }



.ja-breadcrums img { margin: 1px 5px; }



/* Extras ---*/

.ja-links { float: right; margin-top: 2px; }



.ja-links li { background: none; display: inline; padding: 0; }



.ja-links li.top a { }



.ja-links li.top a:hover { }



.ja-links li.layout-switcher a { }



.ja-links li.layout-switcher a:hover { }



.ja-links li.user-reset a { }



.ja-links li.user-reset a:hover { }



/* Default Joomla! Menu ---*/

#ja-container ul.menu { margin: 0; padding: 0; }



#ja-container ul.menu li { background: none; margin: 0; overflow: hidden; padding: 0; }



#ja-container ul.menu li a { display: block; outline: none; padding: 6px 0; }



#ja-container ul.menu li a:hover,

#ja-container ul.menu li a:active,

#ja-container ul.menu li a:focus { }



#ja-container ul.menu li.active a { font-weight: bold; }



#ja-container ul.menu li ul { margin: 0 0 0 10px; }



#ja-container ul.menu li li { background: url(../images/arrow.png) no-repeat left 11px; }



#ja-container ul.menu li li a { font-weight: normal !important; text-indent: 10px; }



#ja-container ul.menu li li a:hover,

#ja-container ul.menu li li a:active,

#ja-container ul.menu li li a:focus { background: none; }



#ja-container ul.menu li.active > a { font-weight: bold !important; }



#ja-container ul.menu span.separator { display: none; }



/* SPOTLIGHT

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

#ja-topsl .ja-box, #ja-botsl .ja-box { padding: 0; }



#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none; }



#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable { margin-bottom: 20px; margin-top: 0; padding-bottom: 0; padding-top: 0; }



#ja-topsl li, #ja-botsl li { background-position: 1px 6px; padding-left: 10px; }



#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0; }



#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { margin: 0; padding: 0; }



#ja-topsl a, #ja-botsl a { }



#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus { }



/* Top spotlight ---*/

#ja-topsl { }



#ja-topsl .main { padding: 20px 0 0; }



#ja-topsl h3 { margin: 0 0 8px; }



/* Bot spotlight ---*/

#ja-botsl { }



#ja-botsl .main { padding: 20px 0 0; }



#ja-botsl .ja-moduletable, #ja-botsl .moduletable { margin-bottom: 20px; }



#ja-botsl h3 { margin: 0 0 8px; }



.ja-box-right .ja-moduletable, .ja-box-right .moduletable,

.ja-box-full .ja-moduletable, .ja-box-full .moduletable { background: 0 !important; border: 0 !important; }



/* FOOTER

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

#ja-footer { clear: both; padding: 20px 0; }



#ja-footer .main { padding: 0; position: relative; text-align: center; }



#ja-footer .inner { padding: 0; }



#ja-footer small { font-size: 100%; }



/* Foot Links ---*/

#ja-footer .ja-footnav { font-size: 100%; margin: 10px 0; overflow: hidden; position: relative; }



.ja-footnav ul { line-height: normal; }



.ja-footnav li { display: inline; padding: 0 5px; }



.ja-footnav li a { }



.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { }



/* Copyright Info. ---*/

.ja-copyright small { display: block; }



/* MISCELLANOUS

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

/* User Tools ---*/

ul.ja-usertools-font { }



ul.ja-usertools-font li, ul.ja-usertools-screen li { background: none; display: inline; margin: 0; padding: 0; }



ul.ja-usertools-screen { }



/* Others ---*/

#ja-poweredby { margin: 0 auto; }



#ja-banner { overflow: hidden; text-align: center; width: 100%; }



div.ja-innerdiv { clear: both; margin-bottom: 10px; padding-bottom: 10px; }



div.ja-innerdiv h4 { margin: 5px 0; padding: 0; }



/* T3 Logo ---*/

.t3-logo, .t3-logo-sm { display: block; }



.t3-logo, .t3-logo a { width: 200px; height: 34px; }



.t3-logo-sm, .t3-logo-sm a { width: 77px; height: 34px; }



.t3-logo a, .t3-logo-sm a {

	display: block;

	text-indent: -1000em;

	background-repeat: no-repeat;

	background-position: center;

}



.t3-logo-light a { background-image: url(http://joomlart.s3.amazonaws.com/t3/logo/t3_logo_light.png); }

.t3-logo-dark a { background-image: url(http://joomlart.s3.amazonaws.com/t3/logo/t3_logo_dark.png); }



.t3-logo-light-sm a { background-image: url(http://joomlart.s3.amazonaws.com/t3/logo/t3_logo_light_sm.png); }

.t3-logo-dark-sm a { background-image: url(http://joomlart.s3.amazonaws.com/t3/logo/t3_logo_dark_sm.png); }