/*------------------------------------------------------------------------ # JA Bellatrix 1.0 - Dec, 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: #545C66; background: #FFFFFF; font-family: Tahoma, Arial, Geneva, sans-serif; line-height: 1.5; } body#bd { background: url(../images/body-bg.jpg) repeat-x top #5E6874; background-attachment: fixed; } body.contentpane { width: auto; /* Printable Page */ margin: 1em 2em; background: #FFFFFF; color: #000000; font-size: 12pt; font-family: serif; line-height: 140%; } body.fs1{ font-size: 9px; } body.fs2{ font-size: 10px; } body.fs3{ font-size: 11px; } body.fs4{ font-size: 12px; } body.fs5{ font-size: 13px; } body.fs6{ font-size: 14px; } /* Normal link */ a { color: #4F89D2; text-decoration: underline; } a:hover, a:active, a:focus { color: #5FA4FB; text-decoration: underline; } /* Small text */ .small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar { } /* Heading */ h1 { font-size: 1.5em; font-weight: normal; } h2 { font-size: 1.3em; } h3 { font-size: 1.17em; } 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 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 #C6CED9; 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 #8E9CAE; background: #ECF0F4; 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: #646E7B; font: 50px/40px Georgia, Times, serif; } /* Tips, Error, Message, Hightlight*/ .error { padding-left: 22px; color: #E50000; background: url(../images/bullet-error.gif) no-repeat top left; } .message { padding-left: 22px; color: #4F89D2; background: url(../images/bullet-info.gif) no-repeat top left; } .tips { padding-left: 22px; color: #E86D29; background: url(../images/bullet-tips.gif) no-repeat top left; } .highlight { border-bottom: 1px dotted; background: #DFE5EC; font-weight: bold; } p.stickynote { padding: 25px 60px 15px 20px; background: url(../images/sticky-bg.gif) no-repeat top right #4F89D2; color: #FFFFFF; } p.clipnote { padding: 25px 60px 15px 20px; background: url(../images/clip-bg.gif) no-repeat top right #000000; color: #FFFFFF; } .blocknumber { position: relative; clear: both; padding: 5px 10px 10px; } .bignumber { float: left; font: 30px/normal Arial, sans-serif; font-weight: bold; color: #4F89D2; display: block; margin-right: 5px; margin-bottom: 5px; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } input, select { font: 11px/normal Tahoma, Arial, Helvetica, sans-serif; } select, .inputbox { padding: 2px; } textarea { padding-left: 2px; } .button, .button:hover { border-top: 1px solid #DFE5EC; border-right: 1px solid #8E9CAE; border-bottom: 1px solid #8E9CAE; border-left: 1px solid #DFE5EC; padding: 1px 10px!important; padding: 1px 5px; background: url(../images/button-bg.gif) repeat-x top left #ECF0F4; color: #646E7B; } .button:active, .button:focus { border-top: 1px solid #8E9CAE; border-right: 1px solid #DFE5EC; border-bottom: 1px solid #DFE5EC; border-left: 1px solid #8E9CAE; } .inputbox { border: 1px solid #DFE5EC; background: #FFFFFF; } .inputbox:hover, .inputbox:focus { border: 1px solid #8E9CAE; } /* MODULE --------------------------------------------------------- */ div.moduletable h3 { margin: 0 -10px 5px; padding: 5px 10px; color: #646E7B; font-size: 1em; } div.moduletable { padding: 10px; } /* JOOMLA STYLE --------------------------------------------------------- */ table.blog { } table.blog .article_seperator { display: block; background: url(../images/seperator.gif) repeat-x center; height: 10px; } #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 22px; background: url(../images/bullet-list.gif) no-repeat 5% 50%; } table.contenttoc th { padding: 4px; border-bottom: 5px solid #FFFFFF; background: #DFE5EC; color: #646E7B; 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; } 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: #646E7B; 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; background: url(../images/seperator2.gif) no-repeat bottom right; color: #4F89D2; font-size: 1.7em; line-height: normal; font-weight: bold; } .contentdescription { padding-bottom: 30px; } table.blog .contentheading { font-size: 1.17em; font-weight: bold; } .contentheading { color: #4F89D2; font-size: 1.7em; } a.contentpagetitle { text-decoration: none!important; } a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { text-decoration: none!important; } a.readon { float: right; padding: 1px 5px 1px 16px; display: block; background: url(../images/arrow-readon.gif) no-repeat 5% 55% #4F89D2; color: #FFFFFF; font-size: 0.87em; text-decoration: none; } a.readon:hover, a.readon:active, a.readon:focus { color: #FFFFFF; background: url(../images/arrow-readon.gif) no-repeat 5% 55% #5FA4FB; text-decoration: none!important; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .createdate { padding-bottom: 10px; color: #8E9CAE; font-weight: bold; line-height: 10px; } .modifydate { color: #8E9CAE; 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: #8E9CAE; } .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: 5px; background: #DFE5EC; color: #646E7B; 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 { color: #8E9CAE; } .smalldark { text-align: left; } div.syndicate div { text-align: center; } .pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-wrapper { margin: 0 auto; padding: 0; width: 95%; text-align: left; min-width: 750px; max-width: 2000px; border: 4px solid #646E7B; } .narrow #ja-wrapper { width: 750px; } .wide #ja-wrapper { width: 930px; } #ja-container, #ja-container-fr, #ja-container-fl, #ja-container-f { clear: both; padding: 0; } #ja-container, #ja-container-fr { background: url(../images/container-bg.gif) repeat-y 20% 0 #FFFFFF; } #ja-container-fl, #ja-container-f { background: #FFFFFF; } #ja-contentwrap { background: url(../images/grad1.gif) repeat-x top; } #ja-content { padding: 10px 15px 20px; } /* HEADER --------------------------------------------------------- */ #ja-header { clear: both; background: url(../images/header-bg.jpg) top right repeat-x #4F89D2; color: #FFFFFF; text-align: left; line-height: normal; height: 125px; position: relative; } #ja-header h1 { font-size: 2em; position: absolute; top: 5px; left: 15px; } #ja-header h1 img { float: left; } #ja-usertoolswrap { position: absolute; top: 5px; right: 15px; height: 27px; padding: 2; padding-left: 4px; background: url(../images/usertools-left-bg.gif) top left no-repeat; } #ja-usertools { padding: 2; float: left; display: block; font-size: 11px; height: 27px; background: url(../images/usertools-right-bg.gif) top right no-repeat; } #ja-usertools span { float: left; margin: 0 10px 0 10px; display: block; } #ja-usertools img { padding: 9px 2px 0; } #ja-usertools a { } #ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus { } #ja-search { float: left; display: block; margin: 5px 15px 5px 10px; } #ja-search div.search { padding-left: 30px; background: url(../images/default/icon-search.gif) no-repeat center left; } #ja-search .inputbox { border: none!important; width: 100px; color: #000000; background: #FFFFFF; padding-left: 20px; } #ja-usertools .inputbox:hover, #ja-usertools .inputbox:focus { } /* MAIN NAVIGATION --------------------------------------------------------- */ #ja-mainnav { float: left; width: 100%; font-size: 1em; line-height: normal; background: #646E7B; border-bottom: 5px solid #5FA4FB; } #ja-subnavwrap { clear: both; float: left; width: 100%; background: #5FA4FB; border-bottom: 5px solid #5FA4FB; } #ja-subnav { padding: 0 10px; } /* Default Joomla! Menu */ a.mainlevel { padding: 3px; border-bottom: 1px solid #C6CED9; display: block; color: #646E7B; text-decoration: none; } a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { color: #4F89D2; background: #DFE5EC; text-decoration: none; } a.mainlevel#active_menu { background: #4F89D2; color: #FFFFFF; text-decoration: none; } a.sublevel { padding: 2px 4px 2px 12px; display: block; background: url(../images/bullet-list2.gif) no-repeat 2% 50%; text-decoration: none; color: #646E7B; } a.sublevel:hover, a.sublevel:active, a.sublevel:focus { text-decoration: none; background: url(../images/bullet-list3.gif) no-repeat 2% 50%; color: #4F89D2; } #active_menu { background: url(../images/bullet-list3.gif) no-repeat 2% 50%; color: #4F89D2; } #ja-rightcol a.mainlevel { border: none; } /*End: Default Joomla! Menu */ /* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl { color: #D9E5F4; background: url(../images/topsl-bg.gif) bottom repeat-x #545C66; padding: 10px; } #ja-topsl a { color: #5FA4FB; } #ja-topsl h3 { padding: 0; margin: 0 0 5px; color: #FFFFFF; font-size: 1em; } #ja-topsl div.moduletable { background: url(../images/topsl-modules-bg.gif) repeat-x top; margin: 0; padding: 5px 10px 10px; border-right: 2px solid #545C66; } #ja-botsl { background: url(../images/botsl-bg.gif) top left repeat-x #545C66; color: #C6CED9; padding: 15px 20px; } #ja-botsl a { color: #C6CED9; } .ja-box { float: left; overflow: hidden; } #ja-botsl h3 { padding: 0; margin: 0 0 5px; color: #FFFFFF; font-size: 1em; } #ja-botsl div.moduletable { margin: 0 20px 0 0; padding: 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: 13px; background: url(../images/arrow-readon.gif) no-repeat 0 50%; text-decoration: none; } #ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus { color: #5FA4FB; background: url(../images/arrow-readon2.gif) no-repeat 0 50%; text-decoration: none; } #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; } .box-ended div.moduletable { margin-right: 0!important; border: none!important; } /* PATHWAY ---------------------------------------------------------*/ #ja-pathway { padding: 7px 0 9px; text-indent: 10px; background: url(../images/pathway-bg.gif) repeat-x bottom #FFFFFF; color: #646E7B; } #ja-pathway strong { margin-right: 10px; } #ja-pathway img { margin: 0 5px; } #ja-pathway a { color: #646E7B; text-decoration: none; } #ja-pathway a:hover, #ja-pathway a:active { color: #646E7B; text-decoration: none; } /* CONTENT COLUMN --------------------------------------------------------- */ #ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f { } #ja-mainbody { float: left; width: 80%; } #ja-mainbody #ja-contentwrap { float: right; width: 74.9%; } #ja-mainbody-fl { float: left; width: 80%; } #ja-mainbody-fl #ja-contentwrap { float: left; width: 100%; } #ja-mainbody-fr { float: left; width: 100%; } #ja-mainbody-fr #ja-contentwrap { float: right; width: 79.9%; } #ja-mainbody-fr #ja-leftcol { width: 20%; } #ja-mainbody-f { float: left; width: 100%; } /* LEFT COLUMN --------------------------------------------------------- */ #ja-leftcol { float: left; width: 25%; } #ja-leftcol div.moduletable h3 { margin: 0 -10px 5px; padding: 5px 10px; background: url(../images/h3-bg.gif) no-repeat center right #D0DCE7; color: #646E7B; font-size: 1em; } #ja-leftcol div.moduletable { padding: 0 10px 10px; background: url(../images/modules-bg.gif) repeat-y top right #ECF0F4; } /* RIGHT COLUMN --------------------------------------------------------- */ #ja-rightcol { float: left; width: 20%; padding-top: 10px; background: url(../images/grad1.gif) repeat-x top; } #ja-rightcol div.moduletable h3 { margin: 0 0 5px; padding: 0 10px 4px 14px; color: #4F89D2; background: url(../images/h3right-bg.gif) no-repeat bottom left; font-size: 1em; } #ja-rightcol div.moduletable { margin-bottom: 5px; padding: 5px 0 10px; width: 92%; } #ja-rightcol div.moduletable-hilite h3 { margin: 0 -10px 5px; padding: 10px 10px 4px 8px; color: #FFFFFF; background: url(../images/h3-bg-hilite.gif) no-repeat top right #FFFFFF; font-size: 1em; } #ja-rightcol div.moduletable-hilite { margin-bottom: 5px; padding: 0px 10px 10px; color: #FFFFFF; background: #4F89D2; border-right: 10px solid #FFFFFF; } /* FOOTER --------------------------------------------------------- */ #ja-footer { clear: both; background: url(../images/footer-bg.gif) repeat-x top #434952; color: #C6CED9; border-bottom: 1px solid #3A4048; position: relative; height: 60px; } #ja-footer a { color: #C6CED9; text-decoration: none; } #ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus { color: #5FA4FB; } #ja-bottomline { position: absolute; top: 10px; left: 15px; } #ja-cert { position: absolute; top: 25px; right: 15px; } #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; color: #8E9CAE; 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 { margin-right: 5%; overflow: hidden; } #ja-coolads-container div.moduletable { overflow: hidden; }