/*------------------------------------------------------------------------

# JA Polaris 1.0 - Sep, 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

--------------------------------------------------------- */

body {

margin: 0;

padding: 0;

color: #2B2B2A;

background: #FFFFFF;

font-family: Tahoma, Arial, sans-serif;

line-height: normal;

font-size: 69%;

}

body.fs1{

font-size: 57%;

}

body.fs2{

font-size: 63%;

}

body.fs3{

font-size: 69%;

}

body.fs4{

font-size: 75%;

}

body.fs5{

font-size: 81%;

}

body.fs6{

font-size: 87%;

}

body#bd {

background: #FFFFFF;

text-align: center;

}

body.contentpane {

width: auto;

margin: 10px;

line-height: 140%;

}

#ja-content, #ja-content-f, #ja-content-fr, #ja-content-fl,

#ja-leftcol, #ja-rightcol, #ja-footer {

line-height: 160%; /* adding line-height to content */

}

h1 {

font-size: 1.7em;

}

h2 {

margin: 10px 0;

font-size: 1.5em;

}

h3, h4 {

margin: 10px 0;

font-size: 1.25em;

}

/* normal text */

td, div {

font-size: 1em;

}

/* Title text */

.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,

#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,

h1, h2, h3, h4, h5 {

font-family: Arial, sans-serif;

}

/* Normal link */

a {

color: #D78807;

text-decoration: underline;

}

a:hover, a:active, a:focus {

color: #D78807;

text-decoration: none;

}

p {

margin: 12px 0;

}

ul {

margin: 0;

padding: 0;

list-style: none;

}

li {

padding-left: 15px;

background: url(../images/arrow-off.gif) no-repeat 2px 9px;

line-height: 200%;

}

th {

padding: 4px;

font-weight: bold;

text-align: left;

}

fieldset {

border: none;

margin: 0;

padding: 0;

}

fieldset a {

font-weight: bold;

}

hr {

border-top: 1px solid #ADACA9;

border-right: 0;

border-left: 0;

border-bottom: 0;

height: 1px;

}

img {

border: 0;

}

/* FORM

--------------------------------------------------------- */

form {

margin: 0;

padding: 0;

}

input, select {

font: 11px Tahoma, Arial, sans-serif;

}

select, .inputbox {

padding: 2px;

}

textarea {

padding-left: 2px;

}

.button {

padding: 1px 6px;

background: #E7E5E2;

border: 1px solid #ADACA9;

}

.button:hover, .button:focus {

padding: 1px 6px;

background: #D78807;

border: 1px solid #D78807;

color: #FFFFFF;

}

.inputbox {

padding-left: 2px;

border: 1px solid #ADACA9;

background-color: #FFFFFF;

}

.inputbox:hover, .inputbox:focus {

border: 1px solid #D78807;

}

/* MODULE

--------------------------------------------------------- */

div.modules {

width: 100%;

}

div.moduletable h3 {

margin: 0;

color: #656463;

text-transform: UPPERCASE;

font-size: 1.1em;

}

div.moduletable {

}

div.moduletable td {

padding: 3px 0!important;

}

#ja-rightcol div.moduletable {

}

/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {

width: auto;

}

table.blog .article_seperator {

display: block;

height: 10px;

}

table.contentpane {

border: none;

width: 100%;

}

table.contentpaneopen {

border: none;

}

table.contenttoc {

margin: 0 0 10px 10px;

padding: 0;

width: 35%;

background: #FFFFFF;

}

table.contenttoc td {

padding: 1px 5px 1px 20px;

background: url(../images/arrow-off.gif) no-repeat 6px 8px;

}

table.contenttoc th {

background: #ADACA9;

color: #FFFFFF;

padding: 0;


text-indent: 5px;

height: 29px;

border-bottom: 5px solid #FFFFFF;

text-transform: UPPERCASE;

}

table.poll {

padding: 0;

width: 100%;

border-collapse: collapse;

}

table.pollstableborder {

padding: 0;

width: 100%;

border: none;

text-align: left;

}

table.pollstableborder img {

margin: 4px 4px 4px 0;

}

table.pollstableborder td {

padding: 2px!important;

}

table.searchintro {

padding: 10px 0;

width: 100%;

background: url(../images/seperator.gif) repeat-x bottom;

}

table.searchintro td {

padding: 5px!important;

}

#ja-footer ul#mainlevel li, #ja-footer ul#mainlevel-nav li {

padding: 0;

display: inline;

background: none;

}

.adminform textarea {

width: 400px!important; /*Control the Frontend Editor area width*/

}

.adminform textarea.inputbox {

}

.blog_more {

margin: 10px;

}

.blog_more strong {

margin: 0 0 5px;

display: block;

}

td.buttonheading {

padding: 0 3px!important;

text-align: center;

}

.category {

font-weight: bold;

}

.clr {

clear: both;

}

.code, pre {

border: 1px solid #F0F0C0;

width: auto;

padding: 5px;

background: #FFFFCC;

}

.componentheading {

padding: 0;

margin: 0 -5px 10px;

color: #656463;

line-height: 27px;

background: url(../images/h3-bg.gif);

text-indent: 6px;

border-right: 1px solid #F6F4F1;

border-left: 1px solid #E7E5E2;

text-transform: UPPERCASE;

font-size: 1.1em;

font-weight: bold;

}

.contentdescription {

padding-bottom: 30px;

}

.contentheading {

color: #D78807;

font-size: 1.7em;

}

table.blog .contentheading {

font-size: 1.4em;

font-weight: bold;

color: #D78807;

}

table.blog a.contentpagetitle {

font-size: 1em;

font-weight: bold;

color: #D78807;

text-decoration: none;

}

a.mainlevel {

padding-left: 18px;

background: url(../images/arrow-off.gif) no-repeat 5px 5px;

}

a.mainlevel:hover, a.mainlevel:active {

}

a.sublevel {

padding-left: 3px;

}

a.readon {

background: url(../images/arrow-readon.gif) no-repeat center left;

padding-left: 14px;

}

a.readon:hover {

}

table.contentpaneopen td, table.contentpane td {

}

table.contentpaneopen, table.contentpane, table.blog {

width: 100%;
}

.createdate {

color: #ADACA9;

font-weight: bold;

line-height: 10px;

}

.modifydate {

color: #ADACA9;

height: 15px;

}

.error {

color: #CC0000;

}

.highlight {

border-bottom: 1px dotted;

font-weight: bold;

}

.message {

color: #999999;

font-weight: bold;

}

.moduletable {

padding: 0;

}

.mosimage {

padding: 3px!important;

padding: 3px 0;

margin: 12px 10px 0 0!important;

}

.mosimage img {

padding: 0;

margin: 0!important;

}

.mosimage_caption {

margin-top: 2px;

padding: 1px 2px;

color: #ADACA9;

}

.pagenav {

padding: 2px;

}

.pagenav_prev a, .pagenav_next a {

}

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {

}

.pagenavbar {

padding-left: 14px;

background: url(../images/pages.gif) no-repeat center left;

color: #656463;

}

.pagenavcounter {

padding: 8px 14px 0 14px;

background: url(../images/pages.gif) no-repeat 0 11px;

color: #656463;

}

.sectiontableheader {

padding: 2px 4px;

background: #D78807;

color: #FFFFFF;

font-weight: bold;

}

.sectiontableheader a, .sectiontableheader a:hover {

color: #FFFFFF;

}

tr.sectiontableentry1 td {

padding: 4px;

background: #F5F3F1;

}

tr.sectiontableentry2 td {

padding: 4px;

border-top: 1px solid #FFFFFF;

background: #FFFFFF;

}

.small {

color: #ADACA9;

}

#banner {

}

/* MAIN LAYOUT DIVS WIDTH

--------------------------------------------------------- */

#ja-container {

width: 766px;

margin: 3px;

text-align: left;

}

#ja-container-outer {

border: 1px solid #E7B564;

width: 772px;

margin: 0 auto;

background: #FFFFFF;

}

/* WIDE LAYOUT DIVS WIDTH

--------------------------------------------------------- */

.wide #ja-container {

width: 986px;

}

.wide #ja-container-outer {

width: 992px;

}

.wide #ja-subheader {

width: 832px;

}

.wide #ja-pathway {

width: 812px;

}

.wide #ja-contentwrap {

background: url(../images/contentwrap-wide-bg.gif) repeat-y top left;

}

.wide #ja-contentwrap-fr {

background: url(../images/contentwrap-fr-bg.gif) repeat-y top left;

}

.wide #ja-contentwrap-fl {

background: url(../images/contentwrap-fr-bg.gif) repeat-y top left;

}

.wide #ja-contentwrap-fl #ja-mainbody {

width: 986px;

}

html > body.wide #ja-content-f { /* ignore IE 6 */

width: 980px;

margin: 0;

padding: 3px;

}

/* 3 columns content width */

.wide #ja-content {

width: 665px;

}

/* 2 column content [on the right] width */

.wide #ja-content-fr {

width: 815px;

}

/* 2 column content [on the left] width */

.wide #ja-content-fl {

width: 815px;

}

.wide #ja-topstory {

width: 832px;

}

/* HEADER

--------------------------------------------------------- */

#ja-header {

position: relative;

height: 220px;

}

#ja-header h1 {

margin: 0;

padding: 0;

position: absolute;

top: 0;

left: 0;

font-size: 2em;

}

#ja-header h1 img {

margin: 0;

padding: 0;

line-height: normal;

}

/* TOP NAVIGATION

--------------------------------------------------------- */

#ja-topnav-outer {

margin-top: 3px;

}

#ja-topnav {

font-size: 7pt;

background: #D78807;

text-transform: UPPERCASE;

font-family: "Microsoft Sans Serif", "MS Sans Serif", sans-serif;

}

#ja-topnav a {

font-weight: normal;

}

/* MAIN CONTAINER

--------------------------------------------------------- */

#ja-contentwrap, #ja-contentwrap-fr, #ja-contentwrap-fl, #ja-contentwrap-f {

padding: 0 0 30px;

margin: 3px auto;

text-align: left;

}

#ja-contentwrap {

background: url(../images/contentwrap-bg.gif) repeat-y top left;

}

#ja-contentwrap-fr {

background: url(../images/contentwrap-fr-bg.gif) repeat-y top left;

}

#ja-contentwrap-fl {

background: url(../images/contentwrap-fr-bg.gif) repeat-y top left;

}

#ja-contentwrap-fl #ja-mainbody {

width: 766px;

}

#ja-contentwrap-fl #ja-content-fl {

float:right;

}

#ja-mainbody {

float: right;

overflow: hidden;

}

/* 3 columns content width */

#ja-content {

width: 445px;

padding: 10px;

float: left;

}

/* 2 column content [on the right] width */

#ja-content-fr {

width: 590px;

padding: 10px;

}

/* 2 column content [on the left] width */

#ja-content-fl {

margin: 0;

width: 590px;

padding: 10px;

}

/* 1 column content width */

#ja-content-f {

margin: 0;

padding: 3px;

}

html > body #ja-content-f { /* ignore IE 6 */

width: 760px;

margin: 0;

padding: 3px;

}

/* SUBHEADER

--------------------------------------------------------- */

#ja-subheader {

margin-left: 3px;

background: #F5F3F1 url(../images/header-bg.gif) top right repeat-x;

position: relative;

float: right;

width: 612px;

height: 220px;

}

#ja-search {

position: absolute;

top: 2px;

right: 10px;

background: url(../images/icon-search.gif) no-repeat 5px 4px;

padding: 1px 1px 1px 24px;

}

#mod_search_searchword {

width: 100px;

background: #FFFFFF;

border: 1px solid #E7E5E2;

}

#mod_search_searchword:hover, #mod_search_searchword:focus {

background: #FFFFFF;

border: 1px solid #D78807;

}

#ja-pathway {

position: absolute;

top: 229px;

width: 611px;

color: #656463;

text-indent: 10px;

}

#ja-pathway strong {

margin-right: 7px;

}

#ja-pathway a {

color: #656463;

}

#ja-pathway img {

padding: 0 5px;

}

#ja-usertools {

padding: 0 10px;

font-size: 11px;

background: url(../images/seperator.gif) repeat-x bottom;

height: 30px;

}

#ja-usertools a {

padding: 0;

color: #ADACA9;

}

#ja-usertools img {

padding: 7px 0;

}

#ja-newsflash {

height: 180px;

padding: 10px;

position: absolute;

top: 22px;

color: #656463;

overflow: hidden;

}

#ja-newsflash h3 {

margin: 0 0 5px;

padding: 0;

}

#ja-newsflash div.moduletable {

padding: 0;

}

#ja-newsflash table {

padding: 0;

border-collapse: collapse;

border-spacing: 0;

}

#ja-newsflash .article_seperator {

display: none;

}

#ja-skip-content {

position: absolute;

top: 230px;

right: 10px;

}

/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topstory {

border-left: 3px solid #FFFFFF;

border-bottom: 3px solid #FFFFFF;

width: 612px;

height: 200px;

color: #E7E5E2;

position: relative;

}

#ja-topstory div.moduletable {

position: absolute;

bottom: 2px;

left: 3px;

}

#ja-topstory div.moduletable h3 {

display: none;

}

/* LEFT COLUMN

--------------------------------------------------------- */

#ja-leftcol {

width: 150px;

float: left;

overflow: hidden;

}

#ja-leftcol table {

border-collapse: collapse;

}

#ja-leftcol a {

color: #484747;

}

#ja-leftcol div.moduletable {

padding: 12px 10px 10px;

background: url(../images/seperator.gif) repeat-x bottom;

}

#ja-leftcol div.moduletable h3 {

padding: 1px 5px;

margin: 0 -10px 5px;

color: #656463;

border-left: 5px solid #E7B564;

line-height: normal;

}

#ja-leftcol ul.mainlevel {

padding-left: 20px;

background: url(../images/arrow-off.gif) no-repeat 5px 4px;

}

#ja-leftcol ul.mainlevel:hover {

background: url(../images/arrow-on.gif) no-repeat 5px 4px;

}

#ja-leftcol a.sublevel {

padding-left: 3px;

}

/* RIGHT COLUMN

--------------------------------------------------------- */

#ja-rightcol {

width: 150px;

float: left;

padding-bottom: 5px;

overflow: hidden;

}

#ja-rightcol div.moduletable {

padding: 10px;

}

#ja-rightcol div.moduletable h3 {

padding: 0;

margin: 0 -5px 5px;

color: #656463;

line-height: 27px;

background: url(../images/h3-bg.gif);

text-indent: 6px;

border-right: 1px solid #F6F4F1;

border-left: 1px solid #E7E5E2;

}

#ja-rightcol a {

color: #484747;

}

#ja-leftcol table {

border-collapse: collapse;

}

/* FOOTER

--------------------------------------------------------- */

#ja-footer {

border-top: 3px solid #F5F3F1;

padding: 15px 15px 10px;

text-align: left;

line-height: 180%;

background: #FFFFFF url(../images/footer-bg.gif) repeat-x;

clear: both;

position: relative;

}

#ja-footer a {

padding-right: 20px;

text-transform: Capitalize;

}

#ja-footer a:hover, #ja-footer a:active {

}

#ja-bottomline {

padding: 10px 0 10px;

margin: 0;

}

#ja-bottomline a {

padding: 0;

}

#ja-cert {

position: absolute;

top: 30px;

right: 10px;

}

/* MISCELLANOUS

----------------------------------------------------------- */

div.back_button a {

color: #ADACA9;

text-decoration: none;

height: 18px;

display: block;

margin-top: 15px;

}

#mod_login_password, #mod_login_username {

width: 120px;

}

#mod_login_password {

background: #FFFFFF;

}

#mod_login_username {

background: #FFFFFF;

}

#mod_login_remember {

border: none;

padding: 0!important;

}

/* Clear fix */

.clearfix:after {

clear: both;

display: block;

content: ".";

height: 0;

visibility: hidden;

}

.clearfix {

display: block;

}

/* Hides from IE-mac \*/

.clearfix {

display: block;

}

/* End hide from IE-mac */

/* Firefox Scrollbar Hack - Do not remove */

html {

margin-bottom: 1px;

height: 100%;

}