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



# JA Wistery 1.0 - Feb, 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



--------------------------------------------------------- */
/* colors */
.blueColor {
color: #4682b4
}

.greenColor {
color: #60B071;
}


* {



	margin: 0;



	padding: 0;



}







body {



	color: #333;



	background: #949494;



	font-family: 'Trebuchet MS', Verdana, sans-serif;



	line-height: 150%;



        font-weight: normal;



}







body#bd {



	background: url(../images/body-bg.gif) #EDECEC;

	background-repeat: repeat-x;

	background-attachment: fixed;

	background-position: top left;

}















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: small;



}







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: #60B071;



	text-decoration: underline;



}







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



	background: #F2F2F2;



	color: #545454;



	text-decoration: underline;



}







/* Title text */



.contentheading, .componentheading, div.moduletable h3,



h1, h2, h3 {



}







/* Small text */



.small, .smalldark, .createdate, .modifydate, .mosimage_caption,



.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {



}







/* Heading */



h1 {



	font-size: 160%;



}







h2 {



	font-size: 140%;



}







h3 {



	font-size: 120%;



}







h4 {



	font-size: 100%;



	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 5px;



	line-height: 170%;



}







ol {



	margin-top: 5px;



	margin-bottom: 15px;



}







ol li {



	margin-left: 35px;



	line-height: 170%;



}







th {



	padding: 4px;



	font-weight: bold;



	text-align: left;



}







fieldset {



	border: none;



}







fieldset a {



	font-weight: bold;



}







hr {



	border-top: 1px solid #545454;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;


}







a img {



	border: none;



}







td, div {



	font-size: 100%;



}







/* Code text */



pre, .code {



	padding: 10px 15px;



	margin: 5px 15px 15px;



	border-left: 3px solid #59B2C4;



	background: url(../images/body-bg.jpg);



	font: 1em/1.5 "Courier News", monospace;



}







blockquote {



	padding: 15px 40px 15px 60px;



	background: url(../images/quote.gif) 20px 10px no-repeat;



	font: italic 1em/1.5 Georgia, Times, serif;



}







.dropcap {



	float: left;



	padding: 4px 8px 0 0;



	display: block;



	color: #59B2C4;



	font: 50px/40px Georgia, Times, serif;



}







/* Tips, Error, Message, Hightlight*/



.error {



	padding-left: 25px;



	color: #CC786F;



	background: url(../images/bullet-error.gif) no-repeat top left;



}







.message {



	padding-left: 25px;



	color: #59B2C4;



	background: url(../images/bullet-info.gif) no-repeat top left;



}







.tips {



	padding-left: 25px;



	color: #E0AB66;



	background: url(../images/bullet-tips.gif) no-repeat top left;



}







.highlight {



	border-bottom: 1px dotted #999999;



	padding: 0 5px;



	background: #FEFAE1;



	font-weight: bold;



}







p.stickynote {



	padding: 28px 80px 15px 25px;



	background: url(../images/sticky-bg.gif) no-repeat top right #EDECEC;



	border-bottom: 3px solid #DDDDDD;



}







p.pinnote {



	padding: 28px 60px 15px 25px;



	background: url(../images/pin-bg.gif) no-repeat top right #EDECEC;



	border-bottom: 3px solid #DDDDDD;



}







p.clipnote {



	padding: 28px 60px 15px 25px;



	background: url(../images/clip-bg.gif) no-repeat top right #EDECEC;



	border-bottom: 3px solid #DDDDDD;



}







.blocknumber {



	clear: both;



	padding: 5px 15px 10px;



	position: relative;



}







.bignumber {



	float: left;



	margin-right: 8px;



	margin-bottom: 5px;



	padding: 0 2px;



	display: block;



	color: #59B2C4;



	font: 30px/normal Arial, sans-serif;



	font-weight: bold;



}







/* FORM



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



form {



	margin: 0;



	padding: 0;



}







input, select {



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



	color: #545454;



}







select, .inputbox {



	padding: 2px;



}







textarea {



	padding-left: 2px;



}







.button, .button:hover {



	padding: 2px 10px!important;



	padding: 1px 5px;



	border-top: 1px solid #DDDDDD;



	border-right: 1px solid #999999;



	border-bottom: 1px solid #999999;



	border-left: 1px solid #DDDDDD;



	background: #EDECEC;



}







.button:active, .button:focus {



	border-top: 1px solid #999999;



	border-right: 1px solid #DDDDDD;



	border-bottom: 1px solid #DDDDDD;



	border-left: 1px solid #999999;



}







.inputbox {



	border: 1px solid #C0C0C0;



	background: #FFFFFF;



}







.inputbox:hover, .inputbox:focus {



	border: 1px solid #999999;



	background: #FFFFFF;



}







/* MODULE



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



div.moduletable h3 {



	margin: 0 0 5px;



	padding: 4px 2px 4px;



	border-bottom: 1px solid #C0C0C0;



	font-size: 1em;



	text-transform: uppercase;



}







div.moduletable {



	margin: 0 0 15px;



	padding: 0;



}







div.module-orange h3,



div.module-green h3,



div.module-blue h3,



div.module h3 {



	margin: 0 0 10px 0;



	padding-bottom: 6px;



	font-size: 1em;



	text-transform: uppercase;



}







div.module-orange,



div.module-green,



div.module-blue,



div.module {



	margin-bottom: 15px;



	padding: 0;



	float: left;



	clear: both;



	width: 100%;



	background: url(../images/box-br.gif) no-repeat bottom right;



}







div.module-orange div,



div.module-green div,



div.module-blue div,



div.module div {



	padding: 0;



	background: url(../images/box-bl.gif) no-repeat bottom left;



}







div.module-orange div div,



div.module-green div div,



div.module-blue div div,



div.module div div {



	padding: 0;



	background: url(../images/box-tr.gif) no-repeat top right;



}







div.module-orange div div div,



div.module-green div div div,



div.module-blue div div div,



div.module div div div {



	padding: 8px 15px 15px 15px;



	background: url(../images/box-tl.gif) no-repeat top left;



}







div.module-orange div div div div,



div.module-green div div div div,



div.module-blue div div div div,



div.module div div div div {



	margin: 0;



	padding: 0;



	background: none;



}







div.module-orange a, div.module-orange a:hover, div.module-orange a:active,



div.module-green a, div.module-green a:hover, div.module-green a:active,



div.module-blue a, div.module-blue a:hover, div.module-blue a:active {



	color: #FFFFFF;



}







/* orange module */



div.module-orange h3 {



	color: #FFFFFF;



}







div.module-orange {



	color: #FFFFFF;



	background: url(../images/box-orange-br.gif) no-repeat bottom right;



}







div.module-orange div {



	background: url(../images/box-orange-bl.gif) no-repeat bottom left;



}







div.module-orange div div {



	background: url(../images/box-orange-tr.gif) no-repeat top right;



}







div.module-orange div div div {



	background: url(../images/box-orange-tl.gif) no-repeat top left;



}







/* Blue hilite module */



div.module-blue h3 {



	color: #FFFFFF;



}







div.module-blue {



	color: #FFFFFF;



	background: url(../images/box-blue-br.gif) no-repeat bottom right;



}







div.module-blue div {



	background: url(../images/box-blue-bl.gif) no-repeat bottom left;



}







div.module-blue div div {



	background: url(../images/box-blue-tr.gif) no-repeat top right;



}







div.module-blue div div div {



	background: url(../images/box-blue-tl.gif) no-repeat top left;



}







/* Green hilite module */



div.module-green h3 {



	color: #FFFFFF;



}







div.module-green {



	color: #FFFFFF;



	background: url(../images/box-green-br.gif) no-repeat bottom right;



}







div.module-green div {



	background: url(../images/box-green-bl.gif) no-repeat bottom left;



}







div.module-green div div {



	background: url(../images/box-green-tr.gif) no-repeat top right;



}







div.module-green div div div {



	background: url(../images/box-green-tl.gif) no-repeat top left;



}







/* JOOMLA STYLE



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



table.blog {



}







.article_seperator {



	display: block;



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



	height: 40px;



}







#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 25px;



	background: url(../images/bullet-list.gif) no-repeat 5% 50%;



}







table.contenttoc th {



	padding: 4px;



	background: url(../images/pat-bg1.gif);



	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: 5px!important;



}







table.pollstableborder tr.sectiontableentry1 td {



	background: #F2F2F2;



}







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;



	padding: 10px;



	border: 1px solid #EDECEC;



	background: url(../images/pat-bg1.gif) #F2F2F2;



}







.blog_more strong {



	margin: 0 0 5px;



	display: block;



	color: #545454;



	text-transform: uppercase;



}







.blog_more ul {



	margin: 0;



	padding: 0;



}







.blog_more ul li {



	margin: 0;



	padding: 0 0 0 12px;



	background: url(../images/bullet-list.gif) no-repeat 0 8px;



}







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;



	font-size: 200%;



	font-weight: bold;



	line-height: normal;



}







.contentdescription {



	padding-bottom: 30px;



	color: #999999;



}







table.blog .contentheading {



	font-size: 170%;



	line-height: normal;



	font-weight: bold;



}







.contentheading {



	font-size: 170%;



	line-height: normal;



	color: #60B071;



	font-weight: bold;



}







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 10px;



	display: block;



	background: url(../images/readon-bg.gif) no-repeat center left #60B071;



	color: #FFFFFF;



	text-decoration: none;



}








a.readon:hover, a.readon:active, a.readon:focus {



	color: #FFFFFF;



	background: url(../images/readon-bg.gif) no-repeat center left #59B2C4;



	text-decoration: none;



}







table.contentpaneopen td, table.contentpane td {



}







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



	width: 100%;



}







.createdate {



	padding: 2px 0 10px 0;



	color: #999999;



	line-height: 10px;



}







.modifydate {



	color: #999999;



	height: 15px;



}







.moduletable {



	padding: 0;



}







.mosimage {



	padding: 0;



	margin: 5px 15px 0 0!important;



	margin: 5px 5px 0 0;



}







.mosimage img {



	padding: 0;



	margin: 0!important;



}







.mosimage_caption {



	margin-top: 5px;



	padding: 1px 2px;



	color: #999999;



}







.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: 7px 5px;



	border: 1px solid #DDDDDD;



	background: url(../images/pat-bg2.jpg) repeat-x bottom #FFFFFF;



	font-weight: bold;



}







tr.sectiontableentry1 td {



	padding: 7px 5px;



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



}







tr.sectiontableentry2 td {



	padding: 7px 5px;



	background: url(../images/seperator2.gif) repeat-x bottom #F2F2F2;



}







tr.sectiontableentry1:hover td,



tr.sectiontableentry2:hover td {



	background: url(../images/seperator2.gif) repeat-x bottom #FEFAE1;



}







tr.sectiontableentry1 a:hover, tr.sectiontableentry1 a:active, tr.sectiontableentry1 a:focus,



tr.sectiontableentry2 a:hover, tr.sectiontableentry2 a:active, tr.sectiontableentry2 a:focus {



	background: none;



}







.small {



	color: #999999;



}







.smalldark {



	color: #999999;



	text-align: left;



}







div.syndicate div {



	text-align: center;



}







.pollstableborder tr.sectiontableentry1 td,



.pollstableborder tr.sectiontableentry2 td {



	background: none;



}







/* MAIN LAYOUT DIVS



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



#ja-wrapper {



	width: 760px;



	margin: 0 auto;



}







.wide #ja-wrapper {



	width: 950px;



}







.auto #ja-wrapper {



	width: 95%;



}







#ja-containerwrap {



	margin-top: 5px;



	text-align: left;



	background: url(../images/mainwrap-bg.gif) repeat-y 80% 0% #FFFFFF;



}







#ja-container {



	padding: 0;



	background: url(../images/leftcol-right-bg.gif) repeat-y 60% 0%;



}







#ja-container-fr, #ja-container-f {



	background-color: #FFFFFF;



}







#ja-container-fr {



	padding: 0;



	background: url(../images/leftcol-left-bg.gif) repeat-y 20% 0% #FFFFFF;



}







#ja-contentwrap {



}







#ja-content {



	padding: 0 20px 15px;



	margin: 0;



	clear: both;



	display: block;



	min-height: 300px;



}







/* HEADER



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



#ja-headerwrap {



}







#ja-header {



	clear: both;



	text-align: left;



	line-height: normal;



	height: 200px;



	position: relative;



}







#ja-header h1 {



	font-size: 3em;



	position: absolute;



	top: 0px;



	left: 0;



}







#ja-header h1 a {



	text-decoration: none;



	text-transform: uppercase;



}







#ja-header h1 img {



	float: left;



}







/* Top Menu in Header */



#ja-topnavwrap {



	padding-left: 5px;



	position: absolute;



	top: 12px;




	right: 15px;



	height: 26px;



}







#ja-topnavwrap ul {



	margin: 0;



	padding: 0;



	float: left;



	height: 26px;



}







#ja-topnavwrap li {



	margin: 0;



	padding: 0;



	display: inline;



	background: none;



}







#ja-topnavwrap li a {



	padding: 0 0 0 20px;



	text-decoration: none;



	line-height: 24px;



        color: #ffffff;



}







#ja-topnavwrap li a:hover,



#ja-topnavwrap li a:active,



#ja-topnavwrap li a:focus {



	background: none;



        color: #545454;



}







/* User Tools */



#ja-usertoolswrap {



	float: right;



	width: 100px;



	display: block;



	background: url(../images/sitetool-bg1.gif) no-repeat top left;



	position: relative;



	z-index: 999;



}







span.ja-sitetool {



	margin: 0;



	padding: 12px 0 11px 23px;



	display: block;



	color: #FFFFFF;



	font-weight: bold;



	text-align: center;



	text-decoration: none;



	background: url(../images/mainnav-sep.gif) repeat-y top left;



	cursor: pointer;



}







#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-toolswraphover {



	background: url(../images/sitetool-bg2.gif) no-repeat top left #60B071;



}







#ja-usertoolswrap:hover #ja-usertools,



#ja-usertoolswrap.ja-toolswraphover #ja-usertools {



	display: block;



	top: 30px;



}







#ja-usertools {



	padding: 5px 0 2px;



	float: left;



	border-top: 1px solid #DDDDDD;



	border-right: 1px solid #999999;



	border-bottom: 1px solid #999999;



	border-left: 1px solid #DDDDDD;



	display: none;



	background: #FFFFFF;



	font-size: 11px;



	position: absolute;



	top: 100%;



	line-height: normal;



}







#ja-usertools span {



	float: left;



	padding: 0 8px;



	margin: 0;



	display: block;



}







#ja-usertools img {



	padding: 0 2px;



	margin: 0;



}







#ja-usertools a {



	background: none;



}



/* Search */



#ja-search {



	position: absolute;



	top: 40px;



	right: 10px;



}







#ja-search div.search {



	padding-left: 18px;



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



}







#ja-search .inputbox {



	width: 200px;



	padding-left: 5px;



	border: 1px solid #C0C0C0;



	background: #FFFFFF;



}







#ja-usertools .inputbox:hover,



#ja-usertools .inputbox:focus {



}







/* MAIN NAVIGATION



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



#ja-mainnavwrap {



	background: url(../images/mainnav-wrap-bg.gif) repeat-x #59B2C4;



}







#ja-mainnav {



	font-size: 1em;



	line-height: normal;



}







#ja-mainnav a {



}







#ja-subnav {



	padding: 6px 0;



	margin: 3px 0 0;



	clear: both;



	line-height: normal;



}







/* Default Joomla! Menu */



a.mainlevel {



	padding: 5px 3px 7px 12px;



	width: 90%;



	display: block;



	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left;



	color: #545454;



	text-decoration: none;



}







a.mainlevel:hover,



a.mainlevel:active,



a.mainlevel:focus {



	color: #545454;



	text-decoration: none;



	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #F2F2F2;



}







a.mainlevel#active_menu {



	color: #60B071;



	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #F2F2F2;



	font-weight: bold;



	text-decoration: none;



}







a.sublevel {



	padding: 4px 4px 4px 13px;



	display: block;



	color: #545454;



	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;



	text-decoration: none;



}







a.sublevel:hover,



a.sublevel:active,



a.sublevel:focus {



	color: #59B2C4;



	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;



	text-decoration: none;



}







#active_menu {



	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;



	color: #59B2C4;



}







/* SPOTLIGHT



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



/* Sub Header */



#ja-sh {



	clear: both;



	height: 200px;



	overflow: hidden;



	background: #999999;



	margin-top: 5px;



}







/* Spotlight Box Style */




.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {



	float: left;



	overflow: hidden;



}







.ja-box-left div.moduletable {



	padding-right: 20px;



}







.ja-box-right div.moduletable {



	padding-left: 20px;



	background: url(../images/v3-seperator.gif) top left repeat-y;



}







.ja-box-center div.moduletable {



	padding: 0 20px;



	background: url(../images/v3-seperator.gif) top left repeat-y;



}







/* Top Spotlight */



#ja-topslwrap {



	clear: both;



	padding-bottom: 10px;



	margin-bottom: 10px;



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



}







#ja-topsl {



	padding: 0;



}







#ja-topsl h3 {



}







#ja-topsl div.moduletable {



}







#ja-topsl div.ja-box-left,



#ja-topsl div.ja-box-center,



#ja-topsl div.ja-box-right {



	padding: 0 0 5px;



}







#ja-topsl div.ja-box-left,



#ja-topsl div.ja-box-center {



	background: url(../images/v-seperator.gif) repeat-y top right;



}







/* Bottom Spotlight */



#ja-botsl {



	padding-bottom: 1px;



	color: #999999;



}







#ja-botsl-left {



	width: 80%;



	float: left;



	background: url(../images/botsl-bg.gif) top left #60B071;



	color: #FFFFFF;



	padding: 15px 0;



}







#ja-botsl-right {



	width: 19%;



	float: right;



	color: #FFFFFF;



	padding: 15px 0;



	background: url(../images/botsl-right-bg.gif) top left #59B2C4;



}







#ja-botsl a {



}







#ja-botsl h3 {



	padding: 0;



	margin: 0 0 5px;



	border: none;



	background: none;



	text-indent: 0;



}







#ja-botsl div.moduletable {



	margin: 0;



	padding: 0 20px;



}







#ja-topsl ul,



#ja-botsl ul {



	padding: 0;



	margin: 0!important;



}







#ja-topsl li,



#ja-botsl li {



	padding: 0 0 0 12px;



	margin: 0;



	background: url(../images/bullet-list.gif) no-repeat 0 5px;



}







#ja-topsl li a,



#ja-botsl li a {



	color: #545454;



	text-decoration: none;



}







#ja-topsl li a:hover, #ja-topsl li a:active, #ja-topsl li a:focus,



#ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus {



	color: #545454;



	text-decoration: none;



}







#ja-topsl td,



#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;



}







/* PATHWAY



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



#ja-pathway {



	margin: 0 -20px 10px;



	padding: 7px 6px;



	display: block;



	background: url(../images/pat-bg2.jpg) repeat-x bottom left #FFFFFF;



	font-size: 1em;



	line-height: normal;



	text-indent: 15px;



	border-bottom: 1px solid #DDDDDD;



}







#ja-pathway img {



	margin: 0 5px 1px;



}







#ja-pathway strong {



	margin-right: 5px;



}







#ja-pathway a {



	color: #545454;



}







/* CONTENT COLUMN



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



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



	padding-bottom: 20px;



	border-bottom: 3px solid #E1E1E1;



}







#ja-mainbody {



	float: left;



	width: 80%;



}







#ja-mainbody #ja-contentwrap {



	float: left;



	width: 75%;



}







#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: 80%;



}







#ja-mainbody-fr #ja-leftcol {



	width: 20%;



}







#ja-mainbody-f {



	float: left;



	width: 100%;



}







/* LEFT COLUMN + RIGHT COLUMN



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



#ja-leftcol {



	float: left;



	width: 24.9%;



}







#ja-leftcol-inner {



	padding: 4px 15px 0 15px;



}







#ja-rightcol {



	float: right;



	width: 19%;



	background: url(..images/body-bg.jpg) top left repeat-y;



}







#ja-leftcol table,



#ja-rightcol table {



	border-collapse: collapse;



	border-spacing: 0;



}







#ja-leftcol ul li,



#ja-rightcol ul li {



	padding-left: 12px;



	margin: 0;



	background: url(../images/bullet-list.gif) no-repeat 0 6px;



}







#ja-leftcol ul,



#ja-rightcol ul {



	margin: 0;



}







/* FOOTER



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



#ja-footerwrap {



	clear: both;



	padding: 5px 0 10px;



	color: #999999;



	text-align: left;



}







#ja-footer {



	height: 55px;



	overflow: hidden;



	position: relative;



	text-align: left;



	padding: 0 15px;



	color: #999999;



}







#ja-footer a {



	color: #999999;



	text-decoration: none;



}







#ja-footer a:hover,



#ja-footer a:active,



#ja-footer a:focus {



	color: #999999;



}







#ja-bottomline {



	float: left;



}







#ja-cert {



	float: right;



	margin-top: 15px;



	font-size: 11px;



}







#ja-cert a, #ja-cert a:hover, #ja-cert a:active, #ja-cert a:focus {



	padding-left: 5px;



	background: none;



}







/* MISCELLANOUS



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



#ja-banner {



	text-align: center;



	overflow: hidden;



	width: 98%;



}







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: 93%;



}







#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;



}