/*------------------------------------------------------------------------ # JA Teline II for Joomla 1.5 - Version 1.6 - Licence Owner JA126191 # ------------------------------------------------------------------------ # Copyright (C) 2004-2008 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 # This file may not be redistributed in whole or significant part. -------------------------------------------------------------------------*/ html, body, form, fieldset { margin: 0; padding: 0; } body { background: #FFFFFF; color: #000000; font-family: Arial, sans-serif; line-height: 1.5; } body#bd { color: #333333; background: #FFFFFF; } body.contentpane { color: #000000; font-size: 12px; line-height: 1.3em; margin: 0; margin: 1em 2em; width: auto; /* Printable Page */ } 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: #006699; text-decoration: none; } a:hover, a:active, a:focus { color: #CC0000; text-decoration: underline; } a img { border: none; } /* Title text */ .contentheading, .componentheading, h1, h2, h3, h4 { font-family: Cambria, "Times New Roman", Times, serif; line-height: 1.1; } /* Small text */ small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, p.site-slogan, a.readon, #ja-pathway, #ja-footer { font-size: 92%; } small, .small { color: #999999; } img { margin: 0; padding: 0; } img.caption { margin-top: 5px; } .img_caption { color: #999999; } /* Heading */ h1 {font-size: 225%; font-weight: normal;} h2 {font-size: 200%; font-weight: normal;} h3 {font-size: 150%;} h4 {font-size: 125%;} p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0; } ul { list-style: none; } ul li { background: url(../images/bullet.gif) no-repeat 18px 7px; line-height: 160%; padding-left: 30px; } ul li.row1 { display:block; float:left; } ul li.row2 { display:block; float:left; } ol li { line-height: 180%; margin-left: 35px; } th { font-weight: bold; padding: 5px; text-align: left; } fieldset { border: none; padding: 10px 5px; } fieldset a { font-weight: bold; } fieldset.input { padding: 0; } hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #CCCCCC; height: 1px; } td, div { font-size: 100%; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox { font-family: Arial, sans-serif; font-size: 100%; } .inputbox { border: 1px inset #ABABAB; padding: 3px 3px; color: #333333; background: #FFFFFF; } .button { padding: 2px 8px; border: 1px outset #ABABAB; background: #F7F7F7; font-size: 100%; font-weight: bold; } * html .button { /*IE 6*/ padding: 2px 3px !important; } *+html .button { /*IE 7*/ padding: 2px 3px !important; } /* JOOMLA STYLE --------------------------------------------------------- */ table.blog { } .article_separator { clear: both; display: block; height: 30px; background: url(../images/dot.gif) repeat-x center; } .article_column { } .column_separator { padding: 0 25px; } /* content tables */ td.sectiontableheader { background: #666666; border: 1px solid #CCCCCC; padding: 4px; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px 4px 6px; border-bottom: 1px solid #CCCCCC; } tr.sectiontableentry0:hover td, tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background-color: #EBF2F9; } tr.sectiontableentry2 td { background-color: #F7F7F7; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; font-size: 92%; } table.contenttoc a { } table.contenttoc td { background: url(../images/bullet.gif) no-repeat 10px 9px; padding: 1px 5px 1px 20px; } table.contenttoc th { border-bottom: 1px solid #CCCCCC; padding: 0 0 3px; text-indent: 5px; } table.poll { border-collapse: collapse; padding: 0; width: 100%; } table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { border-collapse: collapse; border-spacing: 0; padding: 4px !important; background: none; } table.pollstableborder tr.sectiontableentry1 td { background: #F7F7F7; } table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px!important; } table.adminform { } .adminform .inputbox { } .blog_more { } .blog_more strong { display: block; font-size: 125%; margin: 0 0 5px; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { background: url(../images/bullet.gif) no-repeat 6px 10px; margin: 0; padding: 0 0 0 17px; } .category { font-size: 125%; font-weight: bold; } h1.componentheading, .componentheading { margin: 0 0 10px; padding: 0 0 5px; } .componentheading { font-size: 250%; font-weight: normal; border-bottom: 5px solid #ABABAB; } .contentdescription { display: block; padding: 10px; margin: 10px 0; font-family: Cambria, "Times New Roman", Times, serif; font-size: 125%; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: #F7F7F7; font-style: italic; } h2.contentheading, .contentheading { margin: 0; padding: 0 8px 0 0; } .contentheading { font-size: 250%; } table.blog .contentheading { font-size: 185%; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { } a.readon { display: block; float: left; text-align: center; clear: both; padding: 0 5px; text-transform: lowercase; background: #666666; color: #FFFFFF; } a.readon:hover, a.readon:active, a.readon:focus { background: #006699; color: #FFFFFF; text-decoration: none; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } ul.pagination { margin: 15px auto 0; padding: 0; } ul.pagination li { background: none; display: inline; margin: 0; padding: 0; } ul.pagination li span{ padding: 2px 5px; } ul.pagination a { padding: 2px 3px; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { } .pagenavbar { background: url(../images/icon-pages.gif) no-repeat center left; font-weight: bold; padding-left: 14px; } .pagenavcounter { background: url(../images/icon-pages.gif) no-repeat 0 11px; font-weight: bold; padding: 8px 14px 0 14px; } .sectiontableheader { color: #FFFFFF; font-weight: bold; padding: 8px 5px; } .sectiontableheader a { color: #FFFFFF; } tr.sectiontableentry1 td { padding: 8px 5px; } tr.sectiontableentry2 td { padding: 8px 5px; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { } .smalldark { text-align: left; } div.syndicate div { text-align: center; } .pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; } /* META --------------------------------------------------------- */ .article-tools { display: block; margin: 0 0 10px; width: 100%; clear: both; color: #ABABAB; position: relative; } .article-meta { padding: 0; width: 70%; float: left; text-transform: uppercase; } .article-section, .article-category { color: #999999; font-size: 92%; text-transform: uppercase; } .createby { padding: 3px 5px 3px 5px; text-transform: uppercase; } .createdate { padding: 3px 5px 3px 0; background: url(../images/vline.gif) no-repeat right; } .modifydate { text-transform: uppercase; color: #ABABAB; } div.buttonheading { position: absolute; top: -25px; right: 0; width: 62px; padding: 3px; } .buttonheading img { margin: 0 5px 0 0; border: 0; float: right; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-wrapper { padding: 0; } #ja-header, #ja-mainnav, #ja-subnav, #ja-container, #ja-footer { width: 970px; margin: 0 auto; clear: both; } .auto #ja-header, .auto #ja-mainnav, .auto #ja-subnav, .auto #ja-container, .auto #ja-footer { width: 98%; } #ja-container { background: url(../images/vline.gif) repeat-y 65% 0; } #ja-container-inner { background: url(../images/vline.gif) repeat-y 83% 0; } /* PRIMARY COLUMN --------------------------------------------------------- */ #ja-content { clear: both; display: block; float: left; width: 65%; } #ja-content div.ja-innerpad { padding: 0 15px 0 0; } /* COLUMNS --------------------------------------------------------- */ #ja-colwrap { float: right; overflow: hidden; width: 34.9%; } #ja-colmass, ja-cols { clear: both; width: 100%; } /*masstop*/ #ja-colmass { background: #FFFFFF; } #ja-colmass div.ja-innerpad { padding: 0 0 0 10px; background: #FFFFFF; } /*columns*/ #ja-col1 { float: left; overflow: hidden; width: 50%; clear: both; } #ja-col1 div.ja-innerpad { padding: 0 8px 0 10px; } #ja-col2 div.ja-innerpad { padding: 0 0 0 15px; } #ja-col2 { float: right; overflow: hidden; width: 49.9%; } /*common style for column*/ #ja-colwrap a { } #ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus { } #ja-colwrap table { border-collapse: collapse; border-spacing: 0; } #ja-colwrap .article_separator { display: none; } /* COLLAPSIBLE LAYOUT --------------------------------------------------------- */ #ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-cm, #ja-containerwrap-f, #ja-containerwrap-m { margin: 20px 0; clear: both; } /* full */ #ja-containerwrap-f #ja-container , #ja-containerwrap-f #ja-container-inner { background: #FFFFFF; } #ja-containerwrap-f #ja-content { width: 100%; } /* content + col + mass */ #ja-containerwrap-cm #ja-container { background: url(../images/hline.gif) repeat-y 65% 0; } #ja-containerwrap-cm #ja-container-inner { background: none; } #ja-containerwrap-cm #ja-col1, #ja-containerwrap-cm #ja-col2 { width: 100%; } /* content + col */ #ja-containerwrap-c #ja-container { background: url(../images/hline.gif) repeat-y 83% 0; } #ja-containerwrap-c #ja-container-inner { background: none; } #ja-containerwrap-c #ja-content { width: 82%; } #ja-containerwrap-c #ja-colwrap { width: 17%; } #ja-containerwrap-c #ja-col1, #ja-containerwrap-c #ja-col2 { width: 100%; } /* content + mass */ #ja-containerwrap-m #ja-container { background: url(../images/hline.gif) repeat-y 65% 0; } #ja-containerwrap-m #ja-container-inner { background: none; } /* MODULE --------------------------------------------------------- */ div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3 { margin: 0 0 5px; padding: 5px 0; font-size: 125%; } div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite { border-top: 5px solid #ABABAB; margin: 0 0 20px; padding: 0 1px; } /*colmass module */ #ja-colmass div.moduletable { border: 1px solid #CCCCCC; padding: 0 10px 10px; background: #F7F7F7; } #ja-colmass div.moduletable h3 { border-bottom: 1px solid #DDDDDD; margin: 0 -10px 10px; padding: 5px 10px; color: #006699; background: #FFFFFF; } /*botsl module */ #ja-botsl div.moduletable { border: 1px solid #CCCCCC; padding: 0 10px 10px; background: #F7F7F7; } #ja-botsl div.moduletable h3 { border-bottom: 1px solid #DDDDDD; margin: 0 -10px 10px; padding: 5px 10px; color: #006699; background: #FFFFFF; } /*media module */ #ja-colmass div.moduletable_media { padding: 0; margin: 0 0 20px; border-bottom: 1px solid #ABABAB; } #ja-colmass div.moduletable_media h3 { border: 1px solid #DDDDDD; margin: 0; padding: 5px 10px; color: #006699; font-size: 125%; background: url(../images/icon-video.gif) no-repeat 95% 50%; } /* mis */ div.banneritem_text { padding: 5px 0 !important; } div.advs { clear: both; display: block; float: left; width: 100%; } div.moduletable ul, div.moduletable_text ul, div.moduletable_menu ul, div.moduletable_hilte ul { margin: 0; padding: 0; } div.moduletable li, div.moduletable_text li, div.moduletable_menu li, div.moduletable_hilite li { background: url(../images/bullet.gif) no-repeat 5px 8px; margin: 0; padding-left: 16px; } /* HEADER --------------------------------------------------------- */ #ja-headerwrap { } #ja-header { height: 80px; line-height: normal; position: relative; } h1.logo, h1.logo-text { margin: 0; padding: 0; font-size: 300%; } h1.logo a { width: 278px; display: block; background: url(../images/logo.gif) no-repeat; position: absolute; height: 42px; top: 20px; left: 0; } h1.logo a span { position: absolute; top: -1000px; } h1.logo-text a { outline: none; position: absolute; top: 15px; left: 5px; letter-spacing: 1px; font-weight: bold; } p.site-slogan { margin: 0; padding: 1px; color: #999999; position: absolute; top: 52px; left: 15px; letter-spacing: 1px; } /*Head Tools*/ #ja-headtools { top: 25px; right: 0; position: absolute; border: 1px solid #FFFFFF; } #ja-headtools:hover, #ja-headtools.hover { border: 1px solid #CCCCCC; background: #F7F7F7; } #ja-headtools .ja-innerpad { position: relative; padding: 5px; float: left; } #ja-headtools ul { margin: 0; padding: 3px 0 0; float: left; white-space: nowrap; } #ja-headtools li { margin: 0; padding: 0 8px; display: inline; background: url(../images/vline.gif) no-repeat right center; line-height: normal; } #ja-headtools li a { } /* MAIN NAVIGATION --------------------------------------------------------- */ #ja-mainnavwrap { border-bottom: 5px solid #666666; } #ja-mainnav { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background: #FFFFFF; } #ja-mainnav a, #ja-subnav a { outline: none; } #ja-subnavwrap { display: block; border-bottom: 1px solid #CCCCCC; background: #F7F7F7; } #ja-subnav { } #ja-subnav ul { margin: 0; padding: 0; } #ja-subnav li { background: none; display: inline; margin: 0; padding: 0; } #ja-subnav li a { display: block; float: left; padding: 5px 10px 3px; background: url(../images/vline.gif) no-repeat left center; color: #333333; } #ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus { font-weight: bold; color: #006699; } #ja-subnav li a.first-item { background: none; } /* breadcrumbs */ #ja-pathway { padding: 0 2px; } #ja-pathway strong { margin-right: 5px; } #ja-pathway a { } #ja-pathway img { margin: 1px 5px; } /* Default Joomla! Menu */ ul.menu { list-style: none; margin: 0; padding: 0; } ul.menu li { background: none; margin: 0; padding: 0; } ul.menu li a { display: block; outline: none; padding: 4px 0 6px; background: url(../images/dot.gif) repeat-x bottom; } ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus { } ul.menu li.active a { color: #333333; font-weight: bold; } ul.menu li ul { list-style: none; margin: 0; padding: 0; } ul.menu li li a { background: url(../images/arrow.png) no-repeat 7px 9px !important; border: none; font-weight: normal !important; padding: 2px 0 2px 15px !important; } ul.menu li li a:hover, ul.menu li li a:active, ul.menu li li a:focus { color: #333333; } /* SPOTLIGHT --------------------------------------------------------- */ /* Spotlight Box Style */ .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right { float: left; overflow: hidden; } .ja-box-left, .ja-box-center { } /* Top spotlight */ #ja-topsl { height: 240px; margin: 0 0 10px; } /* Bot spotlight */ #ja-botsl { padding: 10px 0 20px; } #ja-botsl .ja-box-left div.moduletable { margin: 10px 6px 0 0; } #ja-botsl .ja-box-right div.moduletable { margin: 10px 0 0 6px; } #ja-botsl ul, #ja-botsl ol { margin: 0; padding: 0; } #ja-botsl ol li { margin: 0 0 0 20px; padding: 0; } #ja-botsl ul li { margin: 0; padding: 0 0 0 15px; background: url(../images/bullet.gif) no-repeat 5px 7px; } /* FOOTER --------------------------------------------------------- */ #ja-footerwrap { background: #FFFFFF; clear: both; } #ja-footer { border-top: 5px solid #ABABAB; color: #666666; position: relative; padding: 10px 0; } #ja-footer small { color: #999999; font-size: 100%; } #ja-footer ul { margin: 0; padding: 0; line-height: normal; } #ja-footer li { display: inline; margin: 0; padding: 0 10px; background: url(../images/vline.gif) no-repeat center left; } #ja-footer li a { display: inline; line-height: normal; } #ja-footer li.ja-firstitem { background: none; padding-left: 0; } .ja-footurl { float: none; clear: both; } .ja-cert { position: absolute; right: 0px; top: 20px; } .ja-cert a { margin: 0 0 0 5px; padding: 0; border: none; border: none; text-decoration: none; } .ja-cert a span { display: none; } .ja-cert a img { border: none; } /* MISCELLANOUS ----------------------------------------------------------- */ ul.accessibility { position: absolute; top: -100%; } /* Login Form */ #ja-login { } #ja-login form { float: left; } #ja-login form label { float: left; } label.ja-login-user span, label.ja-login-password span { display: none; } #ja-login form input.button { float: left; } #ja-login form #mod_login_username, #ja-login form #mod_login_password { width: 100px; margin: 1px 8px 0 0; font-weight: bold; padding-left: 20px; } #ja-login form #mod_login_username { background: url(../images/icon-user.gif) no-repeat 4px 5px #FFFFFF; } #ja-login form #mod_login_password{ background: url(../images/icon-key.gif) no-repeat 4px 5px #FFFFFF; } #ja-login form a { padding: 0 5px; text-decoration: none; } #ja-login form a:hover, #ja-login form a:active, #ja-login form a:focus { text-decoration: underline; } .ja-login-links { padding: 10px 0 0 0; clear: both; } /* Register Form */ #id_highslide_signup_1 .inputbox { width: 200px; } /* Search */ #ja-search .inputbox { width: 130px; background: url(../images/icon-search.gif) no-repeat 4px 5px #FFFFFF; padding-left: 20px; font-weight: bold; } #ja-search .button { margin-left: 5px; } /*usertool*/ #ja-usertools { float: left; padding-top: 3px; } #ja-usertools strong { font-weight: normal; float: left; padding: 0 5px 2px 8px; display: block; } #ja-usertools ul { margin: 0; padding: 0; float: left; } #ja-usertools li { background: none; display: block; float: left; margin: 0; padding: 1px 0 0; } #ja-usertools li img:hover { border: 1px solid #999999; margin: 0; background: #FFFFFF; } #ja-usertools img { padding: 2px; margin: 1px; } /*others*/ .ja-day { float: left; padding: 2px 0 0; } .ja-day span, .ja-day div { display: block; float: left; padding: 0 2px; } .ja-day span { padding: 1px 5px; } .ja-day div { padding: 1px 5px; background: #666666; color: #FFFFFF; } #ja-banner { margin: 0; padding-top: 15px; text-align: center; overflow: hidden; width: 100%; border-top: 1px solid #CCCCCC; } div.back_button a, div.back_button a:hover, div.back_button a:active { display: block; margin: 10px 0; } .clr { clear: both; } .hasTip img { border: none; margin: 10px 5px 0 0; } div.ja-innerdiv { clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; } div.ja-innerdiv img { padding: 2px; border: 1px solid #CCCCCC; margin: 2px 8px 0 0; } /* JA Highslide */ a.highslide-credits em { font-style: normal; font-size: 11px !important; font-weight: bold; } /* Tooltips */ .tool-tip { background: #FFFFFF; border: 1px solid #F7F7F7; float: left; max-width: 200px; padding: 5px; } .tool-title { background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; margin: 0; margin-top: -15px; padding: 0; padding-bottom: 5px; padding-top: 15px; } .tool-text { font-size: 100%; margin: 0; } #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; color: #FFFFFF; margin: 0; padding: 5px; } /* System Standard Messages */ #system-message dd.message ul { background: #666666; border: none; } /* System Error Messages */ #system-message dd.error ul { background: #CC0000; border: none; } /* System Notice Messages */ #system-message dd.notice ul { background: #666666; border: none; } /* Clearfix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html > body .clearfix { display: block; width: 100%; } * html .clearfix { height: 1%; }