* ------------------------------------------------------------------------ * JA T3v2 System Plugin for J25 & J32 * ------------------------------------------------------------------------ * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved. * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html * Author: J.O.O.M Solutions Co., Ltd * 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#bd #ja-wrapper { overflow: hidden; }

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: 15px 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 { }

.contentheading a,

.contentheading a:hover,

.contentheading a:active,

.contentheading a:focus { }

.jitem-title { }

/* 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 ---*/.column ul li {

background: url(../images/bullet.gif) no-repeat 20px 7px;line-height: 160%;margin-bottom: 5px;overflow: hidden;padding-left: 30px;

}

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

.column dt { font-weight: bold; }

.column 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; }

.hidelabeltxt { display: none; }

fieldset dt {clear: left;float: left;min-width: 12em;padding: 3px 0;

}

fieldset dd {padding: 3px 0;min-height: 25px;

}

/* Login ---*/.login_form fieldset,.login fieldset { padding: 15px 0 0; }

.login_form fieldset p,

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

.login_form label,

.login label {display: block;float: left;font-weight: bold;text-align: right;width: 130px;

}

.login-fields {margin: 0 0 10px;

}

.login_form .inputbox,

.login-fields .required { margin-left: 10px; width: 150px; }

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

.login_form .button,

.login 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; }

.registration fieldset dt {margin-right: 5px;

}

/* 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; width: 130px; }

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

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

.remind fieldset dl,

.reset fieldset dl { margin: 0; }

.remind fieldset dt,

.reset fieldset dt { padding: 0; margin: 0; }

.remind fieldset dd,

.reset fieldset dd { min-height: 0; padding: 0; margin: 5px 0; }

/* Search ---*/form#searchForm { padding: 15px 0; }

.searchintro { }

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

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

.search fieldset {border: 1px solid #F0F0F0;margin: 25px 0 15px;padding: 10px;

}

.search fieldset legend {font-size: 100%;

}

.search .phrases-box {margin: 0 0 10px;

}

.search .word button {margin-left: 5px;

}

.search .word .inputbox {vertical-align: top;

}

.search .word label {vertical-align: bottom;

}

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

#component-contact #emailForm {}

.contact_email { margin: 0 0 10px; }

.contact_email div {padding: 5px 0;

}

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

width: 17em;}

.contact_email-copy { margin: 15px 0; }

.contact-email-copy label {display: inline;

}

div.contact-links ul li {background: none;

}

/* Display Contact ---*/

/* Slider */

.panel {border: solid 1px #ddd;margin-top: -1px;

}

#ja-content-main .contact .panel h3 {margin: 0;padding: 0;background: #eee;border: 0;

}

.panel h3 a {display: block;padding: 6px;text-decoration: none;color: #444;padding: 6px;

}

.panel h3.pane-toggler a {background: #f5f5f5;

}

.panel h3.pane-toggler-down a {background: #f5f5f5;border-bottom: solid 1px #ddd;

}

.jpane-slider,

.pane-slider {border: solid 0px;padding: 0px 15px !important;margin: 0;height: 0;overflow: hidden;

}

.panel .contact-form,

.panel .contact-miscinfo {}

.contact .panel .contact-form form,

.contact .panel .contact-address {margin: 15px 0 0 0;

}

.contact-image {margin: 15px 0;overflow: hidden;display: block;

}

.categories-list .category-desc ul li { list-style-type: square; }

#ja-content-main .contact .panel .pane-hide {display: none;

}

/* Tabs */div.current {

border: 1px solid #CCCCCC;clear: both;max-width: 500px;padding: 10px;

}

#close a { text-decoration: none; }

#contact-slider.tabs {clear: both;float: left;margin: 15px 0 0;z-index: 50;

}

#contact-slider.tabs dt {background: #F0F0F0;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;color: #666666;float: left;margin-right: 3px;padding: 4px 10px;

}

#contact-slider.tabs dt.open {background: #F9F9F9;border-bottom: 1px solid #F9F9F9;color: #000000;z-index: 100;

}

#contact-slider.tabs dt h3 {margin: 0;padding-bottom: 0;border-bottom: 0;

}

/* contact plain */#ja-content-main .contact h3 {

border-bottom: solid 1px #ddd;margin: 20px 0;padding-bottom: 15px;

}

.form-required {font-weight: bold;margin: 10px 0;background: #fff url(../images/req.png) no-repeat !important;padding: 10px 40px;

}

.contact .inputbox {background: #fff;border: solid 1px #ccc;padding: 3px;

}

/*Encyclopedia*/div.encyclopedia_col1 {

width:49%;float:left;

}div.encyclopedia_col1 p.img_caption {

font-size: .6em;}

div.encyclopedia_col2 {width:49%;float:right;padding-left:3px;margin-left: 2px;

}

div.encyclopedia_col2 p {padding-left:3px;margin-left: 2px;

}

div.encyclopedia_links ul {display: block;margin: 0px 0px 1px 0px;list-style-type: none;padding: 10px 0px 10px 0px;width: 100%;

}div.encyclopedia_links ul li {

display: inline;padding: 2px;margin: 2px;white-space: nowrap;

}

/* FAQ ---*/div.jcat-children dt {

clear: left;float: left;min-width: 7em;padding: 3px 0;

}

div.jcat-children dd {padding: 3px 0;min-height: 25px;

}

/* JOOMLA STYLE--------------------------------------------------------- *//* Layout Deco ---*/.blog { }

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

/*Leading*/.items-leading {}.items-leading .leading { padding-bottom: 15px; }

/*Articles grids*/.items-row { padding-bottom: 15px; padding-top: 15px; }

.item {}

/*Image*/.img-intro-none {

margin-bottom: 15px;}

.img-intro-left {margin-bottom: 15px;margin-right: 15px;float: left;

}

.img-intro-right {margin-bottom: 15px;margin-left: 15px;float: right;

}

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

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

dl.article-info dd, dl.article-info dt {padding: 0 5px 0 0;margin: 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; }

/* Archive ---*/ul#archive-items > li {

line-height: normal;overflow: visible;padding: 0;margin: 0;

}

ul#archive-items div.intro {clear: both;overflow: hidden;

}

/* Article ---*/.article-content { overflow: hidden; }

/* Category List ---*/

.categories-list {}

.categories-list h1 {}

.categories-list ul {}div.categories-list ul li {

background: none;padding-left: 0;

}.categories-list ul li span.item-title {}.categories-list li span.item-title a {}

div.categories-list dl.article-count dt,div.categories-list dl.article-count dd {

display: inline;}

div.categories-list dl.article-count dd {margin-left: 0;

}

div.categories-list ul li ul {margin-left: 15px;

}

div.categories-list ul li li {border-bottom: 1px solid #ccc;background: #f2f2f2;padding: 10px;

}

div.categories-list ul li li li {background: #ddd;

}

div.categories-list ul li li.last {border-bottom: 0;

}/* Sub Category List ---*/.cat-children {}.cat-children h3 {}.cat-children ul {}.cat-children ul li {}.cat-children ul li span.jitem-title {}.cat-children ul li span.jitem-title a {}

/*Inline images ---*/.img_caption { margin-top: 15px; 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 { }

ul li.cat-list-row0,ul li.cat-list-row1 {

background: none;margin: 0px;padding: 5px;

}

ul li.cat-list-row1 {border: solid 1px #ddd;

}

.cat-list-row2,

.cat-list-row1,tr.cat-list-row2 td,tr.cat-list-row1 td {

border-color: #ddd;}

.cat-list-row1:hover,

.cat-list-row2:hover {background-color: #ffffcc;}

.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,ul.pagenav { float: left; margin: 10px 0; }

.pagination ul li,

ul.pagenav li {background: none;display: block;float: left;margin: 0;overflow: hidden;padding: 0;

}

.pagination ul li span.pagenav,

.pagination ul li a.pagenav,ul.pagenav li a { padding: 0 5px; }

.pagination ul a.pagenav { }

.pagination ul a.pagenav:hover,

.pagination ul a.pagenav:active,

.pagination ul a.pagenav:focus { }

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

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

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

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

.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-message .alert { background-color: #FCF8E3; border: 1px solid #FBEED5; color: #C09853; margin-bottom: 18px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}

#system-message .alert-heading {font-weight: bold;

}

#system-message .close { color: #000000; float: right; font-size: 20px; font-weight: bold; line-height: 18px; opacity: 0.2; filter: alpha(opacity = 20); text-shadow: 0 1px 0 #FFFFFF;}

#system-message .alert .close { line-height: 18px; position: relative; right: -21px; top: -2px;}

#system-message .close:hover,#system-message .close:focus,#system-message .close:active {

opacity: 1; filter: alpha(opacity = 100);

}/* 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 --- */.items-row.cols-2 .column-2 .contentpaneopen_edit {

padding-left: 15px;}

.tip-wrap {background: #ffffcc;border: 1px solid #e2e2b5;z-index: 999;

}

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

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

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

.contentpaneopen_edit img { vertical-align: middle; }

/* Edit page */

.edit fieldset {border: 1px solid #F0F0F0;margin: 25px 0 15px;padding: 10px;

}

.edit .formelm {margin: 0 0 10px;

}.edit.item-page .formelm {

margin-top: 5px;}.edit .formelm label {

min-width: 100px;font-weight: bold;display: inline-block;

}

.edit .formelm-buttons,

.edit .formelm-area {margin: 0 0 10px;

}

.edit .formelm-area label {display: block;margin-bottom: 5px;font-weight: bold;

}

.profile-edit fieldset dt {min-width: 17em;

}

.edit.item-page div.fltlft {margin-bottom: 5px; }

/* 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 {}

#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 ---*/

/* 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;

}*/

/* Languages Module */div.ja-moduletable .mod-languages ul, div.ja-module .mod-languages ul {

margin: 0;}

div.ja-moduletable .mod-languages ul li, div.ja-module .mod-languages ul li {

background: none;padding: 0;margin-right: 5px;display: inline-block;

}

/* 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 a img { margin-right: 3px; }

#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; 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; }

#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 { }

/* 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; background: none; }

.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; }

a.ja-cpanel-video {background: url(../images/icons/icon-youtube.png) no-repeat center center #fff;border: 1px solid #999;color: #666;display: block;font-weight: bold;padding: 0;text-decoration: none;text-indent: -9999px;width: 22px;height: 22px;position: absolute;right: 10px;bottom: 10px;

}

a.ja-cpanel-video span { color: #666; }

a.ja-cpanel-video:hover,a.ja-cpanel-video:focus,a.ja-cpanel-video:active { border-color: #666; text-decoration: none; }

a.ja-cpanel-video:hover span { color: #0F85D8; }

/* 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); }

<div class="t3-sidebar t3-sidebar-1 span3"><div class="t3-module module" id="Mod118">...</div><div class="t3-module module_menu id="Mod26">...</div><div class="t3-module module_menu_mymenu" id="Mod23">.module_menu_mymenu {background: #000;}<div class="module-inner"><h3 class="module-title">...</h3><div class="module-ct">...</div></div></div></div>