/*------------------------------------------------------------------------
# JA Senecio 1.0 - Apr, 2007
# ------------------------------------------------------------------------
# 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
--------------------------------------------------------- */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
}

body {

           
        color: #333333;
        background: #FFFFFF;
        font-family: Arial, sans-serif;
        line-height: 1.5;
        text-align: right;
}

body#bd {
        margin: 0;
        padding: 0;
        background: #D2E3F2;
}

body.contentpane {
        width: auto; /* Printable Page */
        margin: 1em 2em;
        background: #FFFFFF;
        color: #000000;
        font-size: 12pt;
        font-family: serif;
        line-height: 140%;
        text-align: right;
}

body.fs1{
        font-size: 11px;
}

body.fs2{
        font-size: 12px;
}

body.fs3{
        font-size: 13px;
}

body.fs4{
        font-size: 14px;
}

body.fs5{
        font-size: 15px;
}

body.fs6{
        font-size: 16px;
}

/* Normal link */
a {
        color: #2e3092;
        text-decoration: none;
        text-align: right;
}

a:hover, a:active, a:focus {
        color: #eaae21;
        text-decoration: none;
        text-align: right;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, #ja-pathway {
        font-size: 90%;
        color: #999999;
        text-align: right;
}

/* Heading */
h1 {
        font-size: 170%;
}

h2 {
        font-size: 150%;
}

h3 {
        font-size: 125%;
}

h4 {
        font-size: 100%;
        text-transform: uppercase;
        text-align: right;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
        margin: 15px 0;
        padding: 0;
}

ul {
        list-style: none;
}

ul li {
        padding-left: 35px;
        line-height: 170%;
        background: url(../images/arrow.png) no-repeat 25px 8px;
}

ol li {
        margin-left: 35px;
        line-height: 170%;
}

th {
        padding: 5px;
        font-weight: bold;
        text-align: right;
}

fieldset {
        border: none;
}

fieldset a {
        font-weight: bold;
        text-align: right;
}

hr {
        border-top: 1px solid #333333;
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
        height: 1px;
}

a img {
        border: none;
}

td, div {
        font-size: 100%;
        text-align: right;
}


/* FORM
--------------------------------------------------------- */
form {
        margin: 0;
        padding: 0;
}

form label {
        cursor: pointer;
}

input, select, textarea, .inputbox {
        padding: 1px;
        font-family: Arial, sans-serif;
        font-size: 100%;
        text-align: right;
}

select, textarea, .inputbox {
        background: #FFFFFF;
        color: #333333;
        text-align: right;
}

.button {
        background: url(../images/but-bg.gif) repeat-x top #3589E3;
        color: #FFFFFF;
        border: 1px solid #3589E3;
        padding: 2px 5px;
        font-weight: bold;
        text-align: right;
}

* html .button { /*IE 6*/
        padding: 1px 3px !important;
        text-align: right;
}

*+html .button { /*IE 7*/
        padding: 1px 3px !important;
        text-align: right;
}

.inputbox {
        border: 1px solid #CCCCCC;
        margin-bottom: 1px;
        padding: 2px 5px;
        text-align: right;
}

.inputbox:hover, .inputbox:focus {
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
        padding: 10px 15px;
        margin: 5px 0 15px;
        border-left: 5px solid #3589E3;
        background: #F2F2F2;
        font: 1em/1.5 "Courier News", monospace;
        text-align: right;
}

blockquote {
        padding: 15px 40px 15px 60px;
        background: url(../images/open_quotes.gif) 20px 10px no-repeat;
        font: 1em/1.5 Georgia, Times, serif;
        text-align: right;
}

p.quote {
        margin: 0;
        padding: 0;
        background: url(../images/close_quotes.gif) bottom right no-repeat;
}

/* Quote hilight */
.quote-hilite {
        background: url(../images/q1_std.gif) no-repeat 20px 10px #FFFFCC;
        padding : 0;
        margin: 0;
        border: 1px solid #E1E1A9;
}

.quote-hilite blockquote {
        background: url(../images/q2_std.gif) no-repeat right bottom;
        margin: 0;
}

/* Rropcap */
.dropcap {
        float: left;
        padding: 4px 8px 0 0;
        display: block;
        color: #3589E3;
        font: 50px/40px Georgia, Times, serif;
        text-align: right;
}

/* Tips, Error, Message, Hightlight*/
.error {
        padding-left: 25px;
        color: #CC0000;
        background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
        padding-left: 25px;
        color: #3589E3;
        background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
        padding-left: 25px;
        color: #DF8600;
        background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
        border-bottom: 1px dotted #999999;
        padding: 0 5px;
        background: #FFFFCC;
        font-weight: bold;
        text-align: right;
}

/* Note Style */
p.stickynote {
        background: url(../images/notice.gif) no-repeat top right #FFFFCC;
        padding: 10px 50px 10px 20px;
        border: 1px solid #E1E1A9;
        border-top: none;
        border-right: none;
}

p.pinnote {
        background: url(../images/pin-bg.gif) no-repeat top right #FFFFCC;
        padding: 15px;
        border: 1px solid #E1E1A9;
}

.blocknumber {
        clear: both;
        padding: 5px 15px 10px;
        position: relative;
}

/* Check list */
ul.checklist {
        list-style: none;
        text-align: right;
}

ul.checklist li {
        margin-left: 3px;
        padding: 0px 0 5px 30px;
        background: url(../images/checklist-bg.gif) no-repeat 0px 0px;
}

/* Bignumber */
.bignumber {
        float: left;
        margin-right: 8px;
        padding: 6px 7px;
        display: block;
        color: #FFFFFF;
        background: url(../images/ol-bg.gif) no-repeat top left;
        font: 20px/normal Arial, sans-serif;
        font-weight: bold;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
        margin: 15px 0;
}

div.bubble1 div {
        margin: 0;
        width: 100%;
        background: url(../images/bub-br-bg.gif) no-repeat bottom right;
}

div.bubble1 div div {
        background: url(../images/bub-bl-bg.gif) no-repeat bottom left;
}

div.bubble1 div div div {
        background: url(../images/bub-tr-bg.gif) no-repeat top right;
}

div.bubble1 div div div div {
        background: url(../images/bub-tl-bg.gif) no-repeat top left;
}

div.bubble1 div div div div div {
        margin: 0;
        padding: 15px 15px 30px 15px;
        width: auto;
}

div.bubble2 div {
        margin: 0;
        width: 100%;
        background: url(../images/bub2-br-bg.gif) no-repeat bottom right;
}

div.bubble2 div div {
        background: url(../images/bub2-bl-bg.gif) no-repeat bottom left;
}

div.bubble2 div div div {
        background: url(../images/bub2-tr-bg.gif) no-repeat top right;
}

div.bubble2 div div div div {
        background: url(../images/bub2-tl-bg.gif) no-repeat top left;
}

div.bubble2 div div div div div {
        margin: 0;
        padding: 15px 15px 35px 15px;
        width: auto;
}

div.bubble3 div {
        margin: 0;
        width: 100%;
        background: url(../images/bub3-br-bg.gif) no-repeat bottom right;
}

div.bubble3 div div {
        background: url(../images/bub3-bl-bg.gif) no-repeat bottom left;
}

div.bubble3 div div div {
        background: url(../images/bub3-tr-bg.gif) no-repeat top right;
}

div.bubble3 div div div div {
        background: url(../images/bub3-tl-bg.gif) no-repeat top left;
}

div.bubble3 div div div div div {
        margin: 0;
        padding: 15px 15px 50px 15px;
        width: auto;
}

div.bubble4 div {
        margin: 0;
        width: 100%;
        background: url(../images/bub4-br-bg.gif) no-repeat bottom right;
}

div.bubble4 div div {
        background: url(../images/bub4-bl-bg.gif) no-repeat bottom left;
}

div.bubble4 div div div {
        background: url(../images/bub4-tr-bg.gif) no-repeat top right;
}

div.bubble4 div div div div {
        background: url(../images/bub4-tl-bg.gif) no-repeat top left;
}

div.bubble4 div div div div div {
        margin: 0;
        padding: 15px 15px 55px 15px;
        width: auto;
}

/* Box style */
.box-grey,
.box-hilite {
        border: 1px solid #CCCCCC;
        background: url(../images/grad2.gif) repeat-x bottom #FFFFFF;
        margin: 20px 0 0 0;
        padding: 15px;
}

.box-hilite {
        border: 1px solid #E1E1A9;
        background: #FFFFCC;
        text-align: right;
}

/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module-default h3 {
        margin: 0 -1px 5px;
        padding: 2px 0 3px 25px;
        background: url(../images/h3-icon0.gif) no-repeat top left;
        font-size: 125%;
        line-height: normal;
        border-bottom: 1px dashed #CCCCCC;
        text-align: right;
}

div.module,
div.module-default {
        margin: 5px 0 10px;
        padding: 0;
        float: left;
        clear: both;
        width: 100%;
        background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module div,
div.module-default div {
        padding: 0;
        background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div,
div.module-default div div {
        padding: 0;
        background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div,
div.module-default div div div {
        padding: 10px 15px 15px;
        background: url(../images/box-tl.gif) no-repeat top left;
}

div.module div div div div,
div.module-default div div div div {
        margin: 0;
        padding: 0;
        background: none;
        float: none;
        text-align: right;
}

div.icon1 h3 {
        background-image: url(../images/h3-icon1.gif) !important;
}

div.icon2 h3 {
        background-image: url(../images/h3-icon2.gif) !important;
}

div.icon3 h3 {
        background-image: url(../images/h3-icon3.gif) !important;
}

div.icon4 h3 {
        background-image: url(../images/h3-icon4.gif) !important;
}

div.icon5 h3 {
        background-image: url(../images/h3-icon5.gif) !important;
}

div.icon6 h3 {
        background-image: url(../images/h3-icon6.gif) !important;
}

div.icon7 h3 {
        background-image: url(../images/h3-icon7.gif) !important;
}

div.icon8 h3 {
        background-image: url(../images/h3-icon8.gif) !important;
}

div.icon9 h3 {
        background-image: url(../images/h3-icon9.gif) !important;
}

/* STICKY MODULE */
div.module-sticky h3 {
        margin: 0 -1px 5px;
        padding: 1px 0 1px 0;
        font-size: 125%;
        text-align: right;
}

div.module-sticky {
        margin-bottom: 15px;
        padding: 0;
        float: left;
        clear: both;
        width: 100%;
        background: url(../images/box-sk-br.gif) no-repeat bottom right;
}

div.module-sticky div {
        padding: 0;
        background: url(../images/box-sk-bl.gif) no-repeat bottom left;
}

div.module-sticky div div {
        padding: 0;
        background: url(../images/box-sk-tr.gif) no-repeat top right;
}

div.module-sticky div div div {
        padding: 25px 15px 15px;
        background: url(../images/box-sk-tl.gif) no-repeat top left;
}

div.module-sticky div div div div {
        margin: 0;
        padding: 0;
        background: none;
        float: none;
}

/* NOTE MODULE */
div.module-note h3 {
        margin: 0 -1px 5px;
        padding: 1px 0 1px 0;
        font-size: 125%;
        text-align: right;
}

div.module-note {
        margin-bottom: 15px;
        padding: 0;
        float: left;
        clear: both;
        width: 100%;
        background: url(../images/box-note-br.gif) no-repeat bottom right;
}

div.module-note div {
        padding: 0;
        background: url(../images/box-note-bl.gif) no-repeat bottom left;
}

div.module-note div div {
        padding: 0;
        background: url(../images/box-note-tr.gif) no-repeat top right;
}

div.module-note div div div {
        padding: 15px 15px;
        background: url(../images/box-note-tl.gif) no-repeat top left;
}

div.module-note div div div div {
        margin: 0;
        padding: 0;
        background: none;
        float: none;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
        display: block;
        background: url(../images/sep.gif) repeat-x center;
        height: 20px;
}

#ja-col1 .article_seperator, #ja-col2 .article_seperator {
        display: none;
}

table.contentpane {
        border: none;
        width: 100%;
}

table.contentpaneopen {
text-align: right;
        border: none;
}

table.contenttoc {
        margin: 0 0 10px 10px;
        padding: 0;
        width: 35%;
}

table.contenttoc a {
        text-decoration: none;
        text-align: right;
}

table.contenttoc td {
        padding: 1px 5px 1px 25px;
        background: url(../images/arrow.png) no-repeat 5% 50%;
}

table.contenttoc th {
        padding: 0 0 3PX;
        border-bottom: 1px solid #CCCCCC;
        text-indent: 5px;
        text-align: right;
}

table.poll {
        padding: 0;
        width: 100%;
        border-collapse: collapse;
        text-align: right;
}

table.pollstableborder {
        padding: 0;
        width: 100%;
        border: none;
       text-align: right;
}

table.pollstableborder img {
        vertical-align: baseline;
}

table.pollstableborder td {
        padding: 2px!important;
        border-collapse: collapse;
        border-spacing: 0;
        text-align: right;
}

table.pollstableborder tr.sectiontableentry1 td {
        border: none;
        background: #F2F2F2;
        text-align: right;
}

table.pollstableborder tr.sectiontableentry2 td {
        border: none;
        text-align: right;
}

table.searchintro {
        padding: 10px 0;
        width: 100%;
        text-align: right;
}

table.searchintro td {
        padding: 5px!important;
        text-align: right;
}

table.adminform {
        width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
text-align: right;
}

.blog_more {
        margin: 10px 0;
        text-align: right;
}

.blog_more strong {
        margin: 0 0 5px;
        display: block;
        color: #333333;
        font-size: 125%;
        text-align: right;
}

.blog_more ul {
        margin: 0;
        padding: 0;
        text-align: right;
}

.blog_more ul li {
        margin: 0;
        padding: 0 0 0 12px;
        background: url(../images/arrow.png) no-repeat 0 8px;
}

td.buttonheading {
        padding: 0 0 0 3px!important;
        text-align: center;
        text-align: right;
}

.category {
        font-weight: bold;
        text-align: right;
}

.clr {
        clear: both;
        text-align: right;
}

.componentheading {
        padding: 0 0 5px 2px;
        margin-bottom: 10px;
        background: url(../images/sep.gif) repeat-x bottom;
        font-size: 200%;
        font-weight: bold;
        line-height: normal;
        text-align: right;
}

.contentdescription {
        padding-bottom: 30px;
        text-align: right;
}

table.blog .contentheading {
        font-size: 170%;
        text-align: right;
}

.contentheading {
        font-size: 200%;
        font-weight: bold;
        line-height: normal;
        color: #3589E3;
        text-align: right;
}

a.contentpagetitle {
        text-decoration: none!important;
        text-align: right;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
        text-decoration: none!important;
        text-align: right;
}

a.readon {
        float: left;
        padding: 1px 5px 1px;
        display: block;
        font-weight: bold;
        text-decoration: none;
        background: #F2F2F2;
        color: #333333;
        text-align: right;
}

a.readon:hover, a.readon:active, a.readon:focus {
        color: #FFFFFF;
        background: #d1ac54;
        text-decoration: none;
        text-align: right;
}

table.contentpaneopen td, table.contentpane td {
text-align: right;
}

table.contentpaneopen, table.contentpane, table.blog {
        width: 100%;
        text-align: right;
}

.createdate {
        padding: 2px 0 0 0;
        line-height: 10px;
        font-weight: bold;
        text-align: right;
}

.modifydate {
        color: #999999;
        height: 15px;
        padding-top: 15px;
        text-align: right;
}

.moduletable {
        padding: 0;
        text-align: right;
}

.mosimage {
        margin: 15px 15px 15px 0;
        padding: 5px;
        border: 1px solid #CCCCCC;
        text-align: right;
}

* html .mosimage { /*IE 6*/
        padding: 5px 0 !important;
        margin: 15px 10px 15px 0;
        text-align: right;
}

*+html .mosimage { /*IE 7*/
        padding: 5px 0 !important;
        text-align: right;
}

.mosimage img {
        padding: 0 !important;
        margin: 0 !important;
        text-align: right;
}

.mosimage_caption {
        margin-top: 5px;
        padding: 1px 2px;
        color: #999999;
        text-align: right;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
        padding: 0 2px;
        text-align: right;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
        text-decoration: none;
        text-align: right;
}

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;
        text-align: right;
}

.pagenavbar {
        padding-left: 14px;
        background: url(../images/pages.gif) no-repeat center left;
        text-align: right;
}

.pagenavcounter {
        padding: 8px 14px 0 14px;
        background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {

        padding: 5px;
        border: 1px solid #ffffff;
        background: #ffffff;
        color: #FFFFFF;
        font-weight: bold;
        text-align: right;
}

tr.sectiontableentry1 td {
font-family: tahoma;
font-size: 10pt;
        
        padding: 8px 5px;
        background: #FFFFFF;
        text-align: right;
}

tr.sectiontableentry2 td {
font-family: tahoma;
font-size: 10pt;
        
        padding: 8px 5px;
        background: #Ffffff;
        text-align: right;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
        background:#FFFFff;
        text-align: right;
}

.small {
        color: #999999;
        text-align: right;
}

.smalldark {
        color: #999999;
        text-align: right;

}

div.syndicate div {
        text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
        background: none;
        text-align: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper2 {
        width: 770px;
        margin: 0 auto;
        text-align: center;
}

.wide #ja-wrapper2 {
        width: 950px;
        text-align: right;
}

#ja-wrapper1 {
        padding-left: 10px;
        background: url(../images/shadowleft-bg.gif) repeat-y top left #FFFFFF;
        text-align: right;
}

#ja-wrapper {
        padding-right: 10px;
        background: url(../images/shadowright-bg.gif) repeat-y top right #FFFFFF;
        text-align: right;
}

#ja-containerwrap {
        padding: 15px 10px;
        text-align: right;
}

#ja-container {
        padding: 0;
        text-align: right;
}

#ja-contentwrap {
text-align: right;
}

#ja-content {
        padding: 0 15px;
        margin: 0;
        clear: both;
        display: block;
        text-align: right;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
        background: url(../images/header-bg.jpg) no-repeat #3589E3;
        text-align: right;
}

.narrow #ja-headerwrap {
        background: url(../images/header-bg-narrow.jpg) no-repeat top right #3589E3;
        text-align: right;
}

#ja-header {
        clear: both;
       text-align: right;
        line-height: normal;
        height: 135px;
        position: relative;
}

#ja-header h1 {
        margin: 0;
        padding: 0;
        font-size: 2em;
        position: absolute;
        top: 17px;
        left: 30px;
        text-indent: -1000px;
        text-align: right;
}

#ja-header h1 a {
        width: 240px;
        height: 82px;
        display: block;
        text-align: right;
}

#ja-header h1 a {
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        text-align: right;
}

#ja-header h1 img {
        float: left;
        text-align: right;
}

/* Search */
#ja-search {
        position: absolute;
        top: 62px;
        right: 55px;
        text-align: right;
}

* html #ja-search { /* IE 6 */
        top: 60px;
        text-align: right;
}

*+html #ja-search { /* IE 7 */
        top: 61px;
        text-align: right;
}

#ja-search div.search {
        padding-left: 18px;
        text-align: right;
}

#ja-search .inputbox {
        width: 100px;
        padding: 0;
        border: none;
        background: transparent;
        width: 100px;
        font-size: 90%;
        text-align: right;
}

#ja-usertools .inputbox:hover,
#ja-usertools .inputbox:focus {
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {

}

#ja-subnav {

}

/* Default Joomla! Menu */
a.mainlevel {
        padding: 5px 1px;
        width: 90%;
        display: block;
        color: #333333;
        text-decoration: none;
        text-align: right;
        background: url(../images/sep.gif) repeat-x bottom;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
        color: #333333;
        background: url(../images/sep.gif) repeat-x bottom #F2F2F2;
        text-decoration: none;
        text-align: right;
}

a.mainlevel#active_menu {
        color: #3589E3;
        background: url(../images/sep.gif) repeat-x bottom;
        font-weight: bold;
        text-decoration: none;
        text-align: right;
}

a.sublevel {
        padding: 2px 4px 2px 13px;
        display: block;
        color: #333333;
        background: url(../images/arrow.png) no-repeat 3px 8px;
        text-decoration: none;
        text-align: right;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
        color: #3589E3;
        text-decoration: none;
        text-align: right;
}

#active_menu {
        background: url(../images/arrow.png) no-repeat 2% 50%;
        color: #3589E3;
        text-align: right;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
        float: left;
        overflow: hidden;
        text-align: right;
}

.ja-box-left div.moduletable {
        padding-right: 20px;
        text-align: right;
}

.ja-box-right div.moduletable {
        padding-left: 20px;
        text-align: right;
}

.ja-box-center div.moduletable {
        padding: 0 20px;
        text-align: right;
}

/* Top Spotlight */
#ja-topslwrap {
        clear: both;
        padding: 15px 0;
        background: url(../images/grad2.gif) repeat-x bottom;
        border-bottom: 1px solid #CCCCCC;
        text-align: right;
}

#ja-topsl {
        padding: 0;
        text-align: right;
}

#ja-topsl h3, #ja-botsl h3 {
        margin: 0 0 5px;
        padding: 2px 0 3px 24px;
        background: url(../images/h3-icon0.gif) no-repeat top left;
        border-bottom: 1px dashed #CCCCCC;
        line-height: normal;
        text-align: right;
}

#ja-topsl div.moduletable, #ja-topsl div.moduletable-default,
#ja-botsl div.moduletable, #ja-botsl div.moduletable-default {
        margin: 0;
        padding: 5px 20px;
        text-align: right;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right {
        padding: 0;
        text-align: right;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center {
        background: url(../images/v-sep.gif) repeat-y top right;
        text-align: right;
}

/* Bottom Spotlight */
#ja-botsl {
        padding: 15px 0;
        background: url(../images/grad3.gif) repeat-x top #FFFFFF;
        color: #999999;
        border-top: 1px solid #CCCCCC;
        text-align: right;
}

#ja-botsl a {
        color: #999999;
        text-align: right;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
        color: #333333;
        text-align: right;
}

#ja-topsl ul,
#ja-botsl ul {
        padding: 0;
        margin: 0 !important;
        text-align: right;
}

#ja-topsl li,
#ja-botsl li {
        padding: 0 0 0 12px;
        margin: 0;
        background: url(../images/arrow.png) no-repeat 0 8px;
        text-align: right;
}

#ja-topsl td,
#ja-botsl td {
        padding: 0;
        text-align: right;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
        display: none;
        text-align: right;
}

#ja-botsl table,
#ja-topsl table {
        border-spacing: 0;
        border-collapse: collapse;
        text-align: right;
}

/* PATHWAY
---------------------------------------------------------*/
#ja-pathway {
        display: block;
        text-indent: 2px;
        margin-bottom: 3px;
        color: #999999;
        font-size: 90%;
        text-align: right;
}

#ja-pathway img {
        margin: 0 5px 1px;
        text-align: right;
}

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
}

#ja-mainbody, #ja-mainbody-fr {
        float: right;
        width: 80%;
        text-align: right;
}

#ja-mainbody-fl {
        float: left;
        width: 100%;
        text-align: right;
}

#ja-mainbody-fl #ja-contentwrap {
        float: left;
        width: 80%;
        background: none;
        text-align: right;
}

#ja-mainbody-fl #ja-col2 {
        float: right;
        width: 20%;
        text-align: right;
}

#ja-mainbody-f {
        float: none;
        width: 100%;
        text-align: right;
}

#ja-mainbody-f #ja-content {
        padding: 0 !important;
        text-align: right;
}

#ja-mainbody #ja-contentwrap {
        float: left;
        width: 75%;
        text-align: right;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
        float: left;
        width: 19.9%;
        overflow: hidden;
        text-align: right;
}

#ja-col2 {
        float: right;
        width: 24.9%;
        overflow: hidden;
        text-align: right;
}

#ja-col1 table,
#ja-col2 table {
        border-collapse: collapse;
        border-spacing: 0;
        text-align: right;
}

#ja-col1 ul li,
#ja-col2 ul li {
        padding-left: 10px;
        margin: 0;
        background: url(../images/arrow.png) no-repeat 0 8px;
        text-align: right;
}

#ja-col1 ul,
#ja-col2 ul {
        margin: 0;
        text-align: right;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
        background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
        padding: 15px 0;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #CCCCCC;
}

#ja-footer {
}

#ja-footer a {
        color: #999999;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
        color: #333333;
}

#ja-footer small {
        float: right;
        padding: 0 15px;
}

#ja-cert {
        float: right;
        padding: 0 15px;
        font-size: 11px;
}

#ja-cert a {
        padding: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools */
#jausertoolswrap {
        font-size: 12px;
        width: 30px;
        display: block;
        z-index: 999;
        position: relative;
}

#jausertoolswrap:hover,
#jausertoolswrap.ja-toolswraphover {
}

span.ja-sitetool {
        margin: 0;
        padding: 0;
        width: 30px;
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
}

#ja-usertools {
        padding: 0;
        font-size: 11px;
        position: absolute;
        bottom: 20px;
        right: 0px;
        height: 0px;
        overflow: hidden;
        width: 30px;
        line-height: normal;
}

#ja-usertools ul {
        margin: 5px 0 5px;
        padding: 0;
}

#ja-usertools ul li {
        line-height: normal;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
}

#ja-usertools img {
        padding: 0 7px;
        clear: both;
}

ul.accessibility {
        position: absolute;
        top: -100%;
}

#ja-banner {
        text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
        margin: 10px 0;
        display: block;
        background: none!important;
        text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
        width: 88%;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
        border: none;
        background: none;
}

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

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