/*------------------------------------------------------------------------ # JA Pollux 1.0 - Nov, 2006 # ------------------------------------------------------------------------ # Copyright (C) 2004-2006 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: #484848; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; } body#bd { background: #EDEDE1; /* a trick to stick the footer at the bottom :) */ } body.contentpane { /* Printable Page */ width: auto; margin: 1em 2em; background: #FFFFFF; color: #000000; font-size: 12pt; font-family: serif; line-height: 140%; } 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: #877D58; text-decoration: underline; } a:hover, a:active, a:focus { color: #484848; text-decoration: underline; } /* Small text */ .small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar { font-size: 0.89em; } /* Heading */ h1 { font-size: 1.7em; font-weight: normal; } h2 { font-size: 1.5em; font-weight: normal; } h3 { font-size: 1.35em; } h4 { font-size: 1em; text-transform: uppercase; } p { margin: 5px 0 15px; } ul { margin-top: 5px; margin-bottom: 15px; list-style: none; } ul li { padding-left: 35px; background: url(../images/bullet-list.gif) no-repeat 22px 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 #D1D1C7; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; } a img { border: none; } td, div { font-size: 1em; } /* Code text */ pre, .code { padding: 10px 15px; margin: 5px 0 15px; border-left: 5px solid #DDDAB5; background: #F5F3DE; font: 1em/1.5 "Courier News", monospace; } blockquote { padding: 15px 40px; background: url(../images/quote.gif) 10px 10px no-repeat; font: italic 1em/1.5 Georgia, Times, serif; } .dropcap { float: left; padding: 3px 3px 0 0; display: block; color: #484848; font: 50px/40px Georgia, Times, serif; } /* Tips, Error, Message, Hightlight*/ .error { padding-left: 22px; color: #CC0000; background: url(../images/bullet-error.gif) no-repeat top left; } .message { padding-left: 22px; color: #4D84A7; background: url(../images/bullet-info.gif) no-repeat top left; } .tips { padding-left: 22px; color: #CC7400; background: url(../images/bullet-tips.gif) no-repeat top left; } .highlight { border-bottom: 1px dotted; background: #F5F3DE; font-weight: bold; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } input, select { font: 12px/normal Arial, Helvetica, sans-serif; } select, .inputbox { padding: 2px; } textarea { padding-left: 2px; } .button { border: 1px solid #D1D1C7; padding: 1px 8px; background: url(../images/button-bg.gif) top #EDEDE1; color: #666666; } .button:hover, .button:focus { border: 1px solid #A7A79F; color: #484848; } .inputbox { border: 1px solid #D1D1C7; background: #F7F6F0; } .inputbox:hover, .inputbox:focus { border: 1px solid #A7A79F; } /* MODULE --------------------------------------------------------- */ div.module h3 { margin: 0 0 15px; font-size: 1em; } div.module { margin-bottom: 15px; padding: 0; float: left; width: 100%; background: url(../images/box-br.gif) no-repeat bottom right; } div.module div { padding: 0; background: url(../images/box-bl.gif) no-repeat bottom left; } div.module div div { padding: 0; background: url(../images/box-tr.gif) no-repeat top right; } div.module div div div { padding: 9px 15px 20px; background: url(../images/box-tl.gif) no-repeat top left; } div.module div div div div { margin: 0; padding: 0; background: none; } div.module-notitle { margin-bottom: 15px; padding: 0; float: left; width: 100%; background: url(../images/box-br.gif) no-repeat bottom right; } div.module-notitle div { padding: 0; background: url(../images/box-bl.gif) no-repeat bottom left; } div.module-notitle div div { padding: 0; background: url(../images/box-tr-yellow.gif) no-repeat top right; } div.module-notitle div div div { padding: 9px 15px 20px; background: url(../images/box-tl-yellow.gif) no-repeat top left; } div.module-notitle div div div div { margin: 0; padding: 0; background: none; } div.module-hilite h3 { margin: 0 0 10px; font-size: 1em; } div.module-hilite { margin-bottom: 15px; padding: 0; float: left; width: 100%; background: url(../images/box-br-hilite.gif) no-repeat bottom right; } div.module-hilite div { padding: 0; background: url(../images/box-bl-hilite.gif) no-repeat bottom left; } div.module-hilite div div { padding: 0; background: url(../images/box-tr-hilite.gif) no-repeat top right; } div.module-hilite div div div { padding: 9px 15px 20px; background: url(../images/box-tl-hilite.gif) no-repeat top left; } div.module-hilite div div div div { margin: 0; padding: 0; background: none; } /* JOOMLA STYLE --------------------------------------------------------- */ table.blog { } table.blog .article_seperator { display: block; height: 30px; background: url(../images/seperator.gif) repeat-x center; } #ja-leftcol .article_seperator, #ja-rightcol .article_seperator { display: none; } table.contentpane { border: none; width: 100%; } 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 18px; background: url(../images/arrow-off.gif) no-repeat 7px 7px; } table.contenttoc th { padding: 1px 4px; border-bottom: 1px solid #D1D1C7; color: #877D58; text-indent: 5px; } table.poll { padding: 0; width: 100%; border-collapse: collapse; } table.pollstableborder { padding: 0; width: 100%; 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; } .adminform textarea { width: auto; /*Control the Frontend Editor area width*/ } .adminform textarea.inputbox { } .blog_more { margin: 10px 0; } .blog_more strong { margin: 0 0 5px; padding-left: 13px; display: block; color: #666666; text-transform: uppercase; } td.buttonheading { padding: 0 3px!important; text-align: center; } .category { font-weight: bold; } .clr { clear: both; } .componentheading { margin: 0 0 15px; font-size: 2em; line-height: normal; padding: 2px 0 3px; border-bottom: 1px solid #D1D1C7; } .contentdescription { padding-bottom: 30px; } table.blog .contentheading { font-size: 1.5em; } .contentheading { font-size: 2em; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { text-decoration: none!important; } a.readon { text-decoration: none; display: block; float: right; font-weight: bold; } a.readon:hover, a.readon:active, a.readon:focus { text-decoration: none!important; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .createdate { padding-bottom: 10px; color: #918E7F; font-weight: bold; line-height: 10px; } .modifydate { color: #918E7F; height: 15px; } .moduletable { padding: 0; } .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: 2px; padding: 1px 2px; color: #918E7F; } a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a { padding: 2px 5px 2px; border: 1px solid #D1D1C7; background: url(../images/button-bg.gif) top #EDEDE1; text-decoration: none; color: #666666; } 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 { border: 1px solid #A7A79F; text-decoration: none; color: #484848; } .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: 5px; background: #EDEDE1; font-weight: bold; } tr.sectiontableentry1 td { padding: 5px; } tr.sectiontableentry2 td { padding: 5px; } .small { color: #918E7F; } .smalldark { text-align: left; } div.syndicate div { border: 1px solid #FFFFFF; text-align: center; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-headerwrap, #ja-subnavwrap, #ja-containerwrap, #ja-footerwrap { text-align: center; width: 100%; } #ja-header, #ja-subnav, #ja-container, #ja-footer { margin: 0 auto; width: 750px; text-align: left; } .wide #ja-header, .wide #ja-subnav, .wide #ja-container, .wide #ja-footer { width: 950px; } .auto #ja-header, .auto #ja-subnav, .auto #ja-container, .auto #ja-footer { width: 95%; min-width: 750px; max-width: 1150px; } #ja-containerwrap { clear: both; border-top: 1px solid #A7A79F; background: url(../images/containerwrap-bg.gif) repeat-x top #FFFFFF; } #ja-container { padding: 5px 0 20px; } /* HEADER --------------------------------------------------------- */ #ja-headerwrap { background: #FFFFFF; } #ja-header { text-align: left; line-height: normal; } #ja-header h1 { font-size: 2em; height: 100px; } #ja-header h1 img { float: left; } #ja-usertoolswrap { padding: 0; background: url(../images/usertools-left-bg.gif) no-repeat top left; height: 25px; float: right; padding-left: 6px; } #ja-usertools { padding: 0 10px 0 4px; float: left; display: block; background: url(../images/usertools-right-bg.gif) no-repeat top right; font-size: 11px; height: 25px; } #ja-usertools span { float: left; margin-right: 30px; display: block; } #ja-usertools img { padding: 5px 2px 0; } #ja-usertools a { } #ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus { } #ja-search { width: 120px; float: left; display: block; } #ja-usertools div.search { padding-left: 20px; background: url(../images/icon-search.gif) no-repeat center left; } #ja-usertools .inputbox { border: none!important; width: 100px; background: none; color: #918E7F; } #ja-usertools .inputbox:hover, #ja-usertools .inputbox:focus { } /* MAIN NAVIGATION --------------------------------------------------------- */ #ja-mainnav { font-size: 1em; font-weight: bold; line-height: normal; clear: both; float: left; } #ja-subnavwrap { width: 100%; float: left; background: #BDBAA6; } /* Default Joomla! Menu */ a.mainlevel { padding: 4px; border-top: none; border-right: none; border-bottom: 1px solid #D1D1C7; border-left: none; display: block; color: #484848; text-decoration: none; } a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, a.mainlevel#active_menu { border-top: none!important; border-right: none!important; border-bottom: 1px solid #D1D1C7; border-left: none!important; background: url(../images/arrow-on.gif) no-repeat center right #EDEDE1!important; color: #484848; text-decoration: none; } a.sublevel { padding: 3px 4px 3px 15px; display: block; text-decoration: none; } a.sublevel:hover, a.sublevel:active, a.sublevel:focus { } #ja-leftcol #active_menu, #ja-rightcol #active_menu { color: #484848; background: #EDEDE1; text-decoration: none; border: 1px solid #D1D1C7; } /*End: Default Joomla! Menu */ /* SPOTLIGHT --------------------------------------------------------- */ .ja-box { float: left; overflow: hidden; } .ja-box h3 { margin-bottom: 5px; font-size: 1em; text-indent: 3px; } .ja-box div.moduletable { margin: 0 25px 0 0; } .ja-box ul { padding: 0; margin: 0!important; } .ja-box li { padding: 0; margin: 0; background: none; } .ja-box li a { padding: 4px; border-bottom: 1px solid #D1D1C7; width: 99%; /*This is required for IE6*/ display: block; text-decoration: none; } .ja-box li a:hover, .ja-box li a:active, .ja-box li a:focus { background: url(../images/arrow-on.gif) no-repeat center right #DFDFD4; text-decoration: none; } .ja-box td { padding: 0; } .ja-box .article_seperator { display: none; } .box-ended div.moduletable { margin-right: 0!important; } /* PATHWAY ---------------------------------------------------------*/ #ja-pathway { margin-left: 3px; color: #FFFFFF; } #ja-pathway img { display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */ } #ja-pathway a { padding-right: 20px; background: url(../images/slash.gif) no-repeat center right; font-size: 0.89em; } #ja-pathway a:hover, #ja-pathway a:active { } /* CONTENT COLUMN --------------------------------------------------------- */ #ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f { margin: 25px 0; } #ja-mainbody { float: left; width: 80%; } #ja-mainbody #ja-content { float: right; width: 70%; padding-right: 2.5%; } #ja-mainbody-fl { float: left; width: 80%; } #ja-mainbody-fl #ja-content { float: left; width: 97.5%; } #ja-mainbody-fr{ float: left; width: 100%; } #ja-mainbody-fr #ja-content { float: right; width: 77.5%; } #ja-mainbody-fr #ja-leftcol { width: 20%; } #ja-mainbody-f { float: left; width: 100%; } /* LEFT COLUMN --------------------------------------------------------- */ #ja-leftcol { float: left; width: 25%; } /* RIGHT COLUMN --------------------------------------------------------- */ #ja-rightcol { float: right; width: 20%; margin: 25px 0; } /* FOOTER --------------------------------------------------------- */ #ja-footerwrap { clear: both; background: url(../images/footer-bg.gif) repeat-x top #EDEDE1; } #ja-footer { padding: 15px; } #ja-bottomline { padding: 15px 0; color: #666666; float: left; } #ja-cert { padding-top: 20px; float: right; } #ja-cert a { padding-right: 5px; } /* MISCELLANOUS ----------------------------------------------------------- */ div.back_button a, div.back_button a:hover, div.back_button a:active { margin: 10px 0; display: block; color: #918E7F; background: none!important; text-decoration: none!important; } #mod_login_password, #mod_login_username { width: 90%; } #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 { overflow: hidden; margin-right: 5%; } #ja-coolads-container div.moduletable { overflow: hidden; }