/*------------------------------------------------------------------------
# JA Olyra - Jul, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 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
--------------------------------------------------------- */
* html .clearfix { height: 1%; }
* html > body .clearfix { display: block; width: 100%; }
/* Normal link */
a { color: #D78807; text-decoration: none; }
a:hover, a:active, a:focus { color: #D78807; text-decoration: underline; }
/* Default Joomla! Menu */
a.mainlevel { background: url(../images/bullet-list.gif) no-repeat 3px 12px; border-bottom: 1px solid #EFEFEF; color: #333333; display: block; margin: 0; padding: 5px 5px 5px 14px; width: 90%; }
a.mainlevel#active_menu { color: #D78807; }
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus { background: #F7F7F7; color: #D78807; }
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a { }
a.readon { border-bottom: none; font-weight: bold; }
a.sublevel { border-bottom: none; display: block; padding: 3px 3px 3px 14px; }
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus, .ja-banner a, .ja-banner a:hover, .ja-banner a:active, .ja-banner a:focus, a.contentpagetitle, a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus, a.readon:hover, a.readon:active, a.readon:focus, #ja-mainnavwrap1 a,
#ja-mainnavwrap1 a:hover,
#ja-mainnavwrap1 a:active,
#ja-mainnavwrap1 a:focus { border-bottom: none; }
blockquote { background: url(../images/open_quotes.gif) 20px 10px no-repeat; font: 1em/1.5 Georgia, Times, serif; padding: 15px 40px 15px 60px; }
body { background: #FFFFFF; background: url(../images/bg.jpg); background-position: center; background-repeat: repeat-x; color: #000000; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; line-height: 1.5; }
body#bd { background: #FFFFFF; color: #333333; text-align: center; }
body.contentpane { background: #FFFFFF; color: #000000; 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; }
div.back_button a,
div.back_button a:hover,
div.back_button a:active,
div.back_button a:focus { border-bottom: none; display: block; float: left; font-weight: bold; margin: 10px 0; }
/* Talking box. Thinking box. */
div.bubble1 div { background: url(../images/bub1-br.gif) no-repeat bottom right; margin: 0; width: 100%; }
div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; }
div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; }
div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; }
div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; }
div.bubble1, div.bubble2, div.bubble3, div.bubble4, .blog_more { margin: 15px 0; }
div.bubble2 div { background: url(../images/bub2-br.gif) no-repeat bottom right; margin: 0; width: 100%; }
div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; }
div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; }
div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; }
div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; }
div.bubble3 div { background: url(../images/bub3-br.gif) no-repeat bottom right; margin: 0; width: 100%; }
div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; }
div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; }
div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; }
div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; }
div.bubble4 div { background: url(../images/bub4-br.gif) no-repeat bottom right; margin: 0; width: 100%; }
div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; }
div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; }
div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; }
div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto; }
div.contact p { background: url(../images/contact-bg.gif) no-repeat left center #FFFFFF; border: 2px solid #F3F3F3; color: #18B8DF; margin: 0; padding: 10px 15px 10px 55px; }
div.module-green { background: url(../images/green-br.gif) no-repeat bottom right; }
div.module-green div { background: url(../images/green-bl.gif) no-repeat bottom left; }
div.module-green div div { background: url(../images/green-tr.gif) no-repeat top right; }
div.module-green div div div { background: url(../images/green-tl.gif) no-repeat top left; }
div.module-green div div div div,
div.module-orange div div div div,
div.module div div div div { background: none; float: none; margin: 0; padding: 0; }
div.module-green div div div,
div.module-orange div div div,
div.module-sticky div div div,
div.module div div div { background: url(../images/box-tl.gif) no-repeat top left; padding: 10px 15px 15px; }
div.module-green div div,
div.module-orange div div,
div.module-sticky div div,
div.module div div { background: url(../images/box-tr.gif) no-repeat top right; padding: 0; }
div.module-green div,
div.module-orange div,
div.module-sticky div,
div.module div { background: url(../images/box-bl.gif) no-repeat bottom left; padding: 0; }
div.module-green h3,
div.module-orange h3, div.module-green,
div.module-orange { color: #FFFFFF; }
/* MODULE
--------------------------------------------------------- */
div.module-green h3,
div.module-orange h3,
div.module-sticky h3,
div.module h3 { color: #D78807; font-size: 115%; margin: 0 -1px 5px; padding: 0; }
div.module-green,
div.module-orange,
div.module-sticky,
div.module { background: url(../images/box-br.gif) no-repeat bottom right; clear: both; float: left; margin: 0 0 10px; padding: 0; width: 100%; }
div.module-orange { background: url(../images/orange-br.gif) no-repeat bottom right; }
div.module-orange div { background: url(../images/orange-bl.gif) no-repeat bottom left; }
div.module-orange div div { background: url(../images/orange-tr.gif) no-repeat top right; }
div.module-orange div div div { background: url(../images/orange-tl.gif) no-repeat top left; }
div.moduletable { margin: 0; padding: 10px 1px; }
div.moduletable h3 { color: #D78807; font-size: 115%; margin: 0 0 5px; padding: 0; }
div.pinnote p { background: url(../images/pin-bg.gif) no-repeat left center #FFFFFF; border: 2px solid #F3F3F3; color: #D78807; margin: 0; padding: 10px 15px 10px 55px; }
div.pinnote, div.contact { background: #F5FAF0; border: 1px solid #E2E2E2; margin-top: 20px; padding: 0; }
/* Quote hilight */
div.quote-grey { background: url(../images/q1_std.gif) no-repeat 20px 10px #F7F7F7; border: 1px dotted #999999; margin: 0; padding: 0; }
div.quote-grey blockquote { background: url(../images/q2_std.gif) no-repeat right bottom; margin: 0; }
/* Note Style */
div.stickynote { border: 1px solid #E2E2E2; margin-top: 20px; padding: 0; }
div.stickynote p { background: url(../images/sticky-bg.gif) no-repeat left center #FFFFFF; border: 2px solid #F3F3F3; margin: 0; padding: 10px 15px 10px 55px; }
div.syndicate div { text-align: center; }
fieldset, a img, table.pollstableborder tr.sectiontableentry2 td, td.buttonheading a { border: none; }
/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }
/* Heading */
h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: uppercase; }
hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #CCCCCC; height: 1px; }
/* Firefox Scrollbar Hack - Do not remove */
html { height: 100%!important; height: auto; margin-bottom: 1px; }
html, body, form, fieldset, form, .blog_more ul, #ja-col1 ul, #ja-col2 ul, #ja-topsl h3, #ja-slider, #ja-slider-center img, #ja-topsl ul,
#ja-botsl ul { margin: 0; padding: 0; }
input, select, textarea, .inputbox { font: 100% Tahoma, Arial, sans-serif; padding: 1px; }
ol li { line-height: 170%; margin-left: 35px; }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0; }
p.quote { background: url(../images/close_quotes.gif) bottom right no-repeat; margin: 0; padding: 0; }
/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code { background: #FDF7EE; border-top: 3px solid #D78807; font: 1em/1.5 "Courier News", monospace; margin: 5px 0 15px; padding: 10px 15px; }
select, textarea, .inputbox { background: #FFFFFF; color: #333333; }
/* Small text */
small, .small, .smalldark, .mosimage_caption { color: #999999; font-size: 100%; }
span.ja-sitetool { cursor: pointer; display: block; font-weight: bold; margin: 0; padding: 0; text-align: center; text-decoration: none; width: 30px; }
table.adminform { width: 400px!important; /*Control the Frontend Editor area width*/ }
table.blog .article_seperator { }
table.blog .contentheading { font-size: 160%; font-weight: bold; line-height: normal; }
table.contentpane { border: none; border-collapse: collapse; width: 100%; }
table.contentpaneopen { border: none; border-collapse: collapse; }
table.contentpaneopen td, table.contentpane td { }
table.contentpaneopen, table.contentpane, table.blog { border-collapse: collapse; border-spacing: 0; width: 100%; }
table.contenttoc { border: 1px solid #CCCCCC; margin: 0 0 10px 10px; padding: 0 0 5px; width: 35%; }
table.contenttoc td { background: url(../images/bullet-list.gif) no-repeat 10px 12px; padding: 5px 5px 2px 20px; }
table.contenttoc th { background: #F7F7F7; border-bottom: 1px solid #CCCCCC; text-indent: 5px; text-transform: uppercase; }
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 { padding: 2px !important; }
table.pollstableborder tr.sectiontableentry1 td { background: #EFEFEF; border: none; }
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px !important; }
td, div { font-size: 100%; }
td.buttonheading { padding: 0 0 0 5px!important; text-align: center; }
th { font-weight: bold; padding: 5px; text-align: left; }
tr.sectiontableentry1 td { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 5px 5px; }
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background: #FDF7EE; }
tr.sectiontableentry2 td { background: #EFEFEF; border-bottom: 1px solid #DDDDDD; padding: 5px 5px; }
ul li { background: url(../images/bullet-list.gif) no-repeat 25px 8px; line-height: 170%; padding-left: 35px; }
ul, ul.checklist { list-style: none; }
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility { position: absolute; top: -100%; }
/* Check list */
ul.checklist li { background: url(../images/checklist-bg.gif) no-repeat 0px 0px; margin-left: 3px; padding: 0px 0 5px 23px; }
.adminform .inputbox { }
/* JOOMLA STYLE
--------------------------------------------------------- */
.article_seperator { background: url(../images/dot-sep.gif) repeat-x center; display: block; height: 20px; }
.auto #ja-wrapper { width: 90% !important; }
/* Bignumber */
.bignumber { background: url(../images/ol-bg.gif) no-repeat top left; color: #FFFFFF; display: block; float: left; font: 20px/normal Arial, sans-serif; font-weight: bold; margin-right: 8px; padding: 6px 7px; }
.blocknumber { clear: both; padding: 5px 15px 10px; position: relative; }
.blog_more strong { display: block; font-size: 150%; margin: 0 0 5px; }
.blog_more ul li { background: url(../images/bullet-list.gif) no-repeat 2px 8px; margin: 0; padding-left: 13px; }
.button, .button:hover { }
.button:active, .button:focus { }
.category { font-weight: bold; text-transform: uppercase; }
/* Clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clr { clear: both; }
.componentheading { background: url(../images/sep.gif) repeat-x bottom; color: #333333; font-size: 180%; font-weight: bold; line-height: normal; margin-bottom: 15px; padding-bottom: 5px; text-transform: uppercase; }
.contentdescription { padding-bottom: 30px; }
.contentheading { color: #D78807; font-size: 180%; font-weight: bold; line-height: normal; }
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 { }
.createdate { color: #999999; margin: 5px 0 10px; }
/* Rropcap */
.dropcap { color: #999999; display: block; float: left; font: 50px/40px Georgia, Times, serif; padding: 4px 8px 0 0; }
.dropcap-hilite { background: #D78807; color: #FFFFFF; display: block; float: left; font: 50px/40px Georgia, Times, serif; margin: 0 4px 0 0; padding: 4px 3px 0 3px; }
/* Tips, Error, Message, Hightlight*/
.error { background: url(../images/bullet-error.gif) no-repeat top left; color: #CC0000; padding-left: 25px; }
.highlight { background: #FDF7EE; border-bottom: 1px dotted #D78807; font-weight: bold; padding: 0 5px; }
.inputbox { border: 1px solid #999999; margin-bottom: 1px; }
.inputbox:hover, .inputbox:focus { border-color: #333333; }
.ja-banner { background: url(../images/sep.gif) repeat-x top; margin-top: 10px; padding: 10px 0; text-align: center; }
.ja-box-center div.moduletable { padding: 0 15px; }
.ja-box-full { float: none; overflow: hidden; }
.ja-box-left div.moduletable { padding: 0 15px 0 0; }
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right { float: left; overflow: hidden; }
.ja-box-right div.moduletable { padding: 0 0 0 15px; }
.ja-content-module { background: url(../images/sep.gif) repeat-x top; margin-top: 15px; padding: 10px 0; text-align: center; }
.message { background: url(../images/bullet-info.gif) no-repeat top left; color: #D78807; padding-left: 25px; }
.modifydate { color: #999999; height: 15px; }
.moduletable, #ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right, #ja-topsl-right div.innerpad, #ja-topsl td,
#ja-botsl td { padding: 0; }
.mosimage { margin: 15px 10px 10px 0!important; margin: 15px 5px 10px 0; padding: 0; }
.mosimage img { }
.mosimage_caption { color: #999999; margin-top: 5px; padding: 1px 2px; }
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar { padding: 0 2px; }
.pagenavbar { }
.pagenavcounter { background: url(../images/pages.gif) no-repeat 0 11px; padding: 8px 14px 0 14px; }
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td, #ja-containerwrap-cm #ja-container, #ja-containerwrap-c #ja-container, #ja-containerwrap-m #ja-container { background: none; }
.sectiontableheader { background: #505050; color: #FFFFFF; font-weight: bold; padding: 5px; }
.small { }
.smalldark { text-align: left; }
.tips { background: url(../images/bullet-tips.gif) no-repeat top left; color: #6DA43A; padding-left: 25px; }
.wide #ja-wrapper { margin: 0 auto; width: 970px; }
#active_menu { color: #CC0000; font-weight: bold; }
#ja-book-bl { background: url(../images/book-bl.gif) no-repeat 21% 100%; border-left: 1px solid #CCCCCC; padding-bottom: 20px; }
#ja-book-tl { background: url(../images/book-tl.gif) no-repeat 21% 0%; }
/* Bottom Spotlight */
#ja-botsl { }
#ja-botsl div.ja-box-left,
#ja-botsl div.ja-box-center { background: url(../images/sep.gif) repeat-y right; }
#ja-botsl div.moduletable { background: none; padding: 10px; }
#ja-botsl h3 { margin: 0 0 5px; padding: 0; }
#ja-cert { position: absolute; right: 10px; top: 18px; }
#ja-cert a { border-bottom: none; padding-left: 2px; }
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
/* Left column */
#ja-col1 { float: left; overflow: hidden; width: 26.8%; }
#ja-col1 .article_seperator,
#ja-col2 .article_seperator,
#ja-topsl .article_seperator,
#ja-botsl .article_seperator, #ja-botsl .article_seperator,
#ja-topsl .article_seperator { display: none; }
#ja-col1 div.innerpad { padding: 10px 25px 10px 0; }
#ja-col1 div.moduletable { margin: 0 10px; }
#ja-col1 div.moduletable { background: url(../images/dot-sep.gif) repeat-x bottom; }
#ja-col1 table, #ja-col2 table, #ja-botsl table,
#ja-topsl table { border-collapse: collapse; border-spacing: 0; }
/* Left column + Right column */
#ja-col1 ul li, #ja-col2 ul li { background: url(../images/bullet-list.gif) no-repeat 2px 8px; padding-left: 13px; }
/* Right column */
#ja-col2 { float: right; overflow: hidden; width: 20.8%; }
#ja-col2 div.innerpad { padding: 0 0 10px 10px; }
#ja-col2 div.moduletable { margin-left: 10px; }
#ja-container { }
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap { }
/* content + col */
#ja-containerwrap-c { }
#ja-containerwrap-c #ja-colwrap { width: 20%; }
#ja-containerwrap-c #ja-content { width: 80%; }
/* full */
/* content + col + mass */
#ja-containerwrap-cm { }
/* content + mass */
#ja-containerwrap-m { }
#ja-content { background: url(../images/body-tr.gif) no-repeat top right; padding: 15px 20px 15px 30px; }
#ja-contentwrap { float: right; width: 73%; }
#ja-footer { clear: both; color: #999999; overflow: hidden; padding: 20px 10px 20px; position: relative; text-align: left; }
#ja-footer a { color: #999999; font-weight: bold; }
#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus { color: #333333; font-weight: bold; }
/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap { background: url(../images/footer-bg.gif) repeat-x top left; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin-top: 15px; }
#ja-header { line-height: normal; position: relative; text-align: left; }
#ja-header a { }
#ja-header h1 { float: left; font-size: 2.5em; height: 160px; margin: 0; padding: 0; width: 471px; }
#ja-header h1 a { display: block; height: 160px; text-indent: -500%; text-transform: uppercase; width: 634px; }
#ja-header h1 img, #ja-topnav #ja-iconmenu { float: left; }
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap { }
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-headerwrap,
#ja-topslwrap,
#ja-botslwrap,
#ja-mainnavwrap1,
#ja-subnavwrap,
#ja-footerwrap,
#ja-hpwrap { clear: both; width: 100%; }
/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody { background: url(../images/bbook-bg.gif) repeat-y 21% 0%; border-right: 1px solid #CCCCCC; }
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f { }
#ja-mainbody, #ja-mainbody-fr { float: left; width: 79%; }
#ja-mainbody-f { float: none; width: 100%; }
#ja-mainbody-f #ja-book-tl,
#ja-mainbody-f #ja-book-bl,
#ja-mainbody-f #ja-content, #mod_login_remember { background: none; border: none; }
#ja-mainbody-f #ja-content { padding: 0 !important; }
#ja-mainbody-f #ja-contentwrap, #ja-containerwrap-f #ja-content, #ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2, #ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 { width: 100%; }
#ja-mainbody-fl { float: left; width: 100%; }
#ja-mainbody-fl #ja-col2 { float: left; width: 20%; }
#ja-mainbody-fl #ja-contentwrap { background: none; float: left; width: 80%; }
#ja-mainbody-fr { background: url(../images/bbook-bg.gif) repeat-y 21% 0%; border-right: 1px solid #CCCCCC; width: 100%; }
#ja-mainnav { background: url(../images/logo-top.jpg) no-repeat top left; height: 40px; padding-left: 330px; }
#ja-mainnav ul { list-style: none; margin: 0; padding: 0; }
#ja-mainnavwrap { background: url(../images/mainnav_bg.jpg) repeat-x top left; }
/* PATHWAY
---------------------------------------------------------*/
#ja-pathway { float: left; padding: 0; width: 80%; }
#ja-pathway a, fieldset a, table.contenttoc a { font-weight: bold; }
#ja-pathway img { padding: 1px 2px; }
#ja-search { float: right; }
#ja-search div.search { padding-top: 4px; }
#ja-search div.search .inputbox { background: url(../images/icon-search.gif) no-repeat 95% 50%; border: 1px solid #B7B7B7; margin-bottom: 0; padding: 3px 0 3px 4px; width: 150px; }
#ja-slider-center { float: left; margin: 0; padding: 0; text-align: center; }
#ja-slider-center span { margin: 0; padding: 0; text-align: center; width: 100%; width: 140px; }
#ja-slider-left img,
#ja-slider-right img { position: absolute; right: 0; top: 55px; }
#ja-slider-left,
#ja-slider-right { float: left; position: relative; width: 30px; }
/* JA slider */
#ja-sliderwrap { border: 1px solid #CCCCCC; padding: 20px 30px 0 30px; /*background: url(../images/slider-bg.gif) repeat-x top left #E6E6E6;*/ }
#ja-subnav { }
#ja-subnavwrap { }
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-topnav { background: url(../images/topmn-br.gif) no-repeat bottom right; position: absolute; right: 0; top: 20px; width: 325px; }
#ja-topnav .w1 { background: url(../images/topmn-bl.gif) no-repeat bottom left; }
#ja-topnav .w1 .w2 { background: url(../images/topmn-tr.gif) no-repeat top right; }
#ja-topnav .w1 .w2 .w3 { background: url(../images/topmn-tl.gif) no-repeat top left; display: block; padding: 20px 20px 20px 10px; }
#ja-topsl { clear: both; padding: 0; position: relative; }
#ja-topsl a { }
#ja-topsl div.moduletable { margin: 0; padding: 15px 25px; }
/* Common Styles for both Spotlight Area */
#ja-topsl li,
#ja-botsl li { background: url(../images/bullet-list.gif) no-repeat 2px 8px; margin: 0; padding-left: 12px; }
#ja-topsl-head { background: url(../images/topsl-head-bg.gif) no-repeat top right; color: #FFFFFF; font-size: 130%; font-weight: bold; padding: 8px 0 8px 10px; }
#ja-topsl-left { background: url(../images/topsl-br.gif) no-repeat bottom right; margin: 0; padding: 0; }
#ja-topsl-left div.wrap1 { background: url(../images/topsl-bl.gif) no-repeat bottom left; margin: 0; padding: 0; }
#ja-topsl-left div.wrap2 { background: url(../images/topsl-tr.gif) no-repeat top right; margin: 0; padding: 0; }
#ja-topsl-left div.wrap3 { background: url(../images/topsl-tl.gif) no-repeat top left; margin: 0; padding: 0; }
#ja-topsl-leftwrap { float: left; width: 80%; }
#ja-topsl-leftwrap div.innerpad { padding-right: 10px; }
#ja-topsl-right { float: right; width: 20%; }
#ja-topsl-right div.module { background: url(../images/topsl-r-br.gif) no-repeat bottom right; margin: 0; padding: 0; }
#ja-topsl-right div.module div { background: url(../images/topsl-r-bl.gif) no-repeat bottom left; }
#ja-topsl-right div.module div div { background: url(../images/topsl-r-tr.gif) no-repeat top right; }
#ja-topsl-right div.module div div div{ background: url(../images/topsl-r-tl.gif) no-repeat top left; padding: 10px 10px 15px; }
#ja-topsl-right h3 { color: #FFFFFF; font-size: 130%; margin-bottom: 15px; padding: 0 0 8px 0; }
/* Top Spotlight */
#ja-topslwrap { margin-bottom: 10px; }
#ja-user11, #ja-botslwrap { background: url(../images/bg-footer.gif) no-repeat top left #FFFFFF; border: 1px solid #CCCCCC; margin: 20px 0; }
#ja-usertools { bottom: 20px; font-size: 11px; height: 0px; line-height: normal; overflow: hidden; padding: 0; position: absolute; right: 0px; width: 30px; }
#ja-usertools img { clear: both; padding: 0 7px; }
#ja-usertools ul { margin: 5px 0 5px; padding: 0; }
#ja-usertools ul li { background: none; line-height: normal; list-style: none; margin: 0; padding: 0; }
/* User Tools */
#jausertoolswrap { display: block; font-size: 12px; position: relative; width: 30px; z-index: 999; }
#jausertoolswrap:hover,
#jausertoolswrap.ja-toolswraphover { }
#ja-wrapper { margin: 0 auto; text-align: left; width: 750px; }
#ja-wrapper, #ja-containerwrap-f, #ja-containerwrap-f #ja-container { background: #FFFFFF; }
#mod_login_password, #mod_login_username { width: 90%; }