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


# JA Antares 1.0 - Nov, 2006


# ------------------------------------------------------------------------


# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.


# @license - Copyrighted Commercial Software


# Author: J.O.O.M Solutions Co., Ltd


# Websites:  http://www.joomlart.com -  http://www.joomlancers.com


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








/* COMMON STYLE


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


* {


	margin: 0;


	padding: 0;


}





body {


	color: #000000;


	background: #FFFFFF;


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


	line-height: 1.2;


}





body.narrow {


}





body.wide {


}





body.contentpane { /* Printable Page */


	width: auto;


	margin: 1em 2em;


	background: #FFFFFF;


	color: #000000;


	font-size: 12pt;


	font-family: serif;


	line-height: 140%;


}





body.fs1{


	font-size: 12px;


}





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: #5A5A5A;


	text-decoration: underline;


}





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


	color: #5A5A5A;


	text-decoration: underline;


}





/* Small text */


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


.back_button, .pagenavcounter, .pagenav, .pagenavbar {


}





/* Heading */


h1 {


	font-size: 1.5em;


}





h2 {


	font-size: 1.3em;


}





h3 {


	font-size: 1.2em;


}





h4 {


	font-size: 1em;


	text-transform: uppercase;


}





p {


	margin: 5px 0 10px;


}





ul {


	margin-top: 5px;


	margin-bottom: 15px;


	list-style: none;


}





ul li {


	padding-left: 35px;


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


}





ol {


	margin-top: 5px;


	margin-bottom: 15px;


}





ol li {


	margin-left: 35px;


}





th {


	padding: 4px;


	font-weight: bold;


	text-align: left;


}





fieldset {


	border: none;


}





fieldset a {


	font-weight: bold;


}





hr {


	border: 0;


	height: 1px;


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


}





a img {


	border: none;


}





td, div {


	font-size: 1em;


}





/* Code text */


pre, .code {


	padding: 10px 15px;


	margin: 5px 0 15px;


	border-left: 5px solid #F4A94F;


	background: #F2F2F2;


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


}





blockquote {


	padding: 15px 40px;


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


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


}


 


.dropcap {


	float: left;


	padding: 3px 3px 0 0;


	display: block;


	color: #5A5A5A;


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


}





/* Tips, Error, Message, Hightlight*/


.error {


	padding-left: 22px;


	color: #CC0000;


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


}





.message {


	padding-left: 22px;


	color: #3F89C3;


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


}





.tips {


	padding-left: 22px;


	color: #D79546;


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


}





.highlight {


	border-bottom: 1px dotted;


	background: #F2F2F2;


	font-weight: bold;


}





/* FORM


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


form {


	margin: 0;


	padding: 0;


}





input, select {


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


	color: #5A5A5A;


}





select, .inputbox {


	padding: 2px;


}





textarea {


	padding-left: 2px;


}





.button {


	color: #5A5A5A;


}





html>body .button {


	padding: 0 5px;


	color: #5A5A5A;


}





.inputbox {


	border: 1px solid #D8D9DB;


	background: #FFFFFF;


}





.inputbox:hover, .inputbox:focus {


	border: 1px solid #C0C0C0;


}





/* MODULE


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


div.module h3 {


	margin: 0 0 5px;


	font-size: 1em;


	color: #3F89C3;


	text-transform: uppercase;


}





div.module {


	margin-bottom: 8px;


	padding: 0;


	float: left;


	clear: both;


	width: 100%;


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


}





div.module div {


	padding: 0;


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


}





div.module div div {


	padding: 0;


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


}





div.module div div div {


	padding: 9px 15px 15px;


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


}





div.module div div div div {


	margin: 0;


	padding: 0;


	background: none;


}





/* MODULE HILITE GREEN


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


div.module-blue h3,


div.module-green h3,


div.module-orange h3 {


	text-transform: uppercase;


	font-size: 1em;


	margin: 0 0 5px;


}





div.module-green {


	margin-bottom: 5px;


	padding: 0;


	width: 97.5%;


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


	color: #FFFFFF;


}





div.module-green a {


	color: #FFFFFF;


}





div.module-green div {


	padding: 0;


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


}





div.module-green div div {


	padding: 0;


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


}





div.module-green div div div {


	padding: 9px 15px 15px;


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


}





/* MODULE HILITE BLUE


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


div.module-blue {


	margin-bottom: 5px;


	padding: 0;


	width: 97.5%;


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


	color: #FFFFFF;


}





div.module-blue a {


	color: #FFFFFF;


}





div.module-blue div {


	padding: 0;


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


}





div.module-blue div div {


	padding: 0;


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


}





div.module-blue div div div {


	padding: 9px 15px 15px;


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


}





/* MODULE HILITE ORANGE


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


div.module-orange {


	margin-bottom: 5px;


	padding: 0;


	width: 97.5%;


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


	color: #FFFFFF;


}





div.module-orange a {


	color: #FFFFFF;


}





div.module-orange div {


	padding: 0;


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


}





div.module-orange div div {


	padding: 0;


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


}





div.module-orange div div div {


	padding: 9px 15px 15px;


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


}





#ja-leftcol div.module-blue,


#ja-leftcol div.module-green,


#ja-leftcol div.module-orange, 


#ja-rightcol div.module-blue,


#ja-rightcol div.module-green,


#ja-rightcol div.module-orange {


	width: 100%;


	float: left;


	clear: both;


}





/* JOOMLA STYLE


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


table.blog {


}





table.blog .article_seperator {


	display: block;


	height: 20px;


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


}





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


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


}





table.contenttoc th {


	padding: 1px 4px;


	background: #3F89C3;


	color: #FFFFFF;


	text-indent: 5px;


}





table.poll {


	padding: 0;


	width: 100%;


	border-collapse: collapse;


}





table.pollstableborder {


	padding: 0;


	width: 100%;


	border: none;


	text-align: left;


}





table.pollstableborder img {


	vertical-align: baseline;


}





table.pollstableborder td {


	padding: 2px!important;


}





table.searchintro {


	padding: 10px 0;


	width: 100%;


}





table.searchintro td {


	padding: 5px!important;


}





.adminform textarea {


	width: auto; /*Control the Frontend Editor area width*/


}





.adminform textarea.inputbox {


}





.blog_more {


	margin: 10px 0;


}





.blog_more strong {


	margin: 0 0 5px;


	padding-left: 13px;


	display: block;


	text-transform: uppercase;


}





td.buttonheading {


	padding: 0 3px!important;


	text-align: center;


}





.category {


	font-weight: bold;


}





.clr {


	clear: both;


}





.componentheading {


	margin: 0 0 15px;


	font-size: 2em;


	line-height: normal;


	padding: 2px 0 3px;


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


	color: #3F89C3;


}





.contentdescription {


	padding-bottom: 30px;


}





table.blog .contentheading {


	font-size: 1.5em;


}





.contentheading {


	font-size: 1.7em;


	color: #3F89C3;


}





a.contentpagetitle,


a.contentpagetitle:hover,


a.contentpagetitle:active,


a.contentpagetitle:focus {


	text-decoration: none!important;


	color: #3F89C3;


}





a.readon {


	text-decoration: none;


	padding-left: 15px;


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


	font-weight: bold;


	color: #3F89C3;


}





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


	text-decoration: none!important;


}





table.contentpaneopen td, table.contentpane td {


}





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


	width: 100%;


}





.createdate {


	padding-bottom: 10px;


	line-height: 10px;


}





.modifydate {


	height: 15px;


}





.moduletable {


	padding: 0;


}





.mosimage {


	margin: 8px 15px 0 0!important;


	margin: 8px 5px 0 0;


}





.mosimage img {


	padding: 0;


	margin: 0!important;


}





.mosimage_caption {


	margin-top: 2px;


	padding: 1px 2px;


	color: #8F8F8F;


}





.pagenav,


.pagenav_prev,


.pagenav_next,


.pagenavbar {


	padding: 0 2px;


}





a.pagenav,


.pagenav_prev a,


.pagenav_next a,


.pagenavbar a {


}





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 {


}





.pagenavbar {


	padding-left: 14px;


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


}





.pagenavcounter {


	padding: 8px 14px 0 14px;


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


}





.sectiontableheader {


	padding: 5px;


	background: #3F89C3;


	color: #FFFFFF;


	font-weight: bold;


}





.sectiontableheader a {


	color: #FFFFFF;


}





tr.sectiontableentry1 td {


	padding: 5px;


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


}





tr.sectiontableentry2 td {


	padding: 5px;


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


}





.small {


}





.smalldark {


	text-align: left;


}





div.syndicate div {


	border: 1px solid #FFFFFF;


	text-align: center;


}





/* MAIN LAYOUT DIVS


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


#ja-header,


#ja-topstory,


#ja-spotlight,


#ja-container,


#ja-footer {


	margin: 0 auto;


	width: 750px;


	text-align: left;


}





.wide #ja-header,


.wide #ja-topstory,


.wide #ja-spotlight,


.wide #ja-container,


.wide #ja-footer {


	width: 950px;


}





.auto #ja-header,


.auto #ja-topstory,


.auto #ja-spotlight,


.auto #ja-container,


.auto #ja-footer {


	width: 90%;


}





#ja-containerwrap {


	border: 1px solid;


}





#ja-container {


	padding: 0 0 10px;


}





/* HEADER


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


#ja-header {


	text-align: left;


	line-height: normal;


	background: url(../images/header-bg.gif) top left no-repeat;


}





#ja-header h1 {


	font-size: 2em;


	height: 70px;


	border-bottom: 1px solid #FFFFFF;


}





#ja-header h1 img {


	margin-top: 13px;


	float: left;


}





#ja-usertoolswrap {


	padding: 0;


	height: 25px;


	line-height: 25px;


	float: right;


	padding-left: 28px;


	background: url(../images/usertools-left-bg.gif) top left no-repeat;


}





#ja-usertools {


	padding: 0 10px 0 4px;


	float: left;


	display: block;


	font-size: 11px;


	height: 25px;


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


}





#ja-usertools span {


	float: left;


	margin-right: 30px;


	display: block;


}





#ja-usertools img {


	padding: 5px 2px 0;


}





#ja-usertools a {


}





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


}





#ja-search {


	width: 120px;


	float: left;


	display: block;


	margin-top: 2px;


}


 


#ja-usertools div.search {


	padding-left: 20px;


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


}





#ja-usertools .inputbox {


	border: none!important;


	width: 100px;


	background: none;


	color: #8F8F8F;


}





#ja-usertools .inputbox:hover,


#ja-usertools .inputbox:focus {


}





/* TOP NAVIGATION


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


#ja-topnav-wrap {


	background: url(../images/topnav-left.gif) top left no-repeat #3F89C3;


	height: 29px;


	display: block;


	padding-left: 30px; 


}





#ja-topnav {


	background: url(../images/topnav-right.gif) top right no-repeat #3F89C3;


	float: right;


	text-align: right;


	height: 29px;


	line-height: 29px;


	padding: 0 5px;


	display: block;


}





#ja-topnav ul#mainlevel-nav {


	margin: 0;


	padding: 0;


	list-style: none;


}





#ja-topnav ul#mainlevel-nav li {


	margin: 0;


	padding: 0;


	display: inline;


}





#ja-topnav ul#mainlevel-nav a {


	display: block;


	float: right;


	padding: 0 12px;


	color: #FFFFFF;


	text-decoration: none;


	text-transform: uppercase;


}





#ja-topnav ul#mainlevel-nav a:hover {


}





/* MAIN NAVIGATION


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


#ja-mainnav {


	width: 20%;


	clear: both;


	float: left;


	height: 160px;


	border-bottom: 5px solid #C0C0C0;


}





#ja-mainnav a {


	font-size: 10px;


}





/* Default Joomla! Menu */


a.mainlevel {


	padding: 4px;


	display: block;


	color: #5A5A5A;


	text-decoration: none;


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


}





a.mainlevel:hover,


a.mainlevel:active,


a.mainlevel:focus,


a.mainlevel#active_menu {


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


	color: #5A5A5A;


	text-decoration: none;


}





a.sublevel {


	padding: 3px 4px 3px 15px;


	display: block;


	text-decoration: none;


}





a.sublevel:hover,


a.sublevel:active,


a.sublevel:focus {


}





#ja-leftcol #active_menu, #ja-rightcol #active_menu {


	color: #5A5A5A;


	text-decoration: none;


}


/*End: Default Joomla! Menu  */





/* BANNER


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


#ja-topstory {


	margin: 10px auto;


}





#ja-banner {


	float: right;


	width: 78%;


	overflow: hidden;


	border-bottom: 5px solid #3F89C3;


	height: 175px;


	background: url(../images/header/a.jpg) top left no-repeat;


}





/* SPOTLIGHT


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


#ja-botslwrap {


	border-bottom: 1px solid #C0C0C0;


	padding: 20px 0;


	clear: both;


}





#ja-botsl {


}





#ja-botsl .ja-box {


	float: left;


	overflow: hidden;


}





#ja-botsl .ja-box h3 {


	color: #3F89C3;


	margin-bottom: 5px;


	font-size: 1em;


	text-indent: 3px;


	text-transform: uppercase;


}





#ja-botsl .ja-box div.moduletable {


}





#ja-botsl .ja-box ul {


	padding: 0;


	margin: 0!important;


}





#ja-botsl .ja-box li {


	padding: 0;


	margin: 0;


	background: none;


	width: 100%;


}





#ja-botsl .ja-box a {


	color: #8F8F8F;


}





#ja-botsl .ja-box li a {


	padding: 4px;


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


	width: 90%; /*This is required for IE6*/


	display: block;


	text-decoration: none;


}





#ja-botsl .ja-box li a:hover,


#ja-botsl .ja-box li a:active,


#ja-botsl .ja-box li a:focus {


	color: #5A5A5A;


	text-decoration: none;


}





#ja-botsl .ja-box td {


	padding: 0;


}





#ja-botsl .ja-box  .article_seperator {


	display: none;


}





#ja-botsl .box-ended {


	margin-right: 0!important;


	float: right;


}





#ja-spotlight {


	margin: 10px auto 0;


}





#ja-spotlight .ja-box {


	float: left;


	overflow: hidden;


}





#ja-spotlight .ja-box h3 {


	margin-bottom: 5px;


	font-size: 1em;


	text-indent: 3px;


}





#ja-spotlight .ja-box div.moduletable {


}





#ja-spotlight .ja-box ul {


	padding: 0;


	margin: 0!important;


}





#ja-spotlight .ja-box li {


	padding: 0;


	margin: 0;


	background: none;


}





.box-centered {


	text-align: center!important;


}





.box-centered div.moduletable,


.box-centered div.module-orange,


.box-centered div.module-green,


.box-centered div.module-blue {


	margin-left: auto!important;


	margin-right: auto!important;


	text-align: left;


}





#ja-spotlight .box-ended div.moduletable,


#ja-spotlight .box-ended div.module-orange,


#ja-spotlight .box-ended div.module-green,


#ja-spotlight .box-ended div.module-blue {


	margin-right: 0!important;


	float: right;


}





.box-fulled div.moduletable,


.box-fulled div.module-orange,


.box-fulled div.module-green,


.box-fulled div.module-blue {


	width: 100%!important;	


}





/* PATHWAY


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


#ja-pathway {


	margin-left: 1px;


}





#ja-pathway img {


	display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */


}





#ja-pathway a {


	padding-right: 22px;


	background: url(../images/slash.gif) no-repeat center right;


}





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


}





/* CONTENT COLUMN


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


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


	margin: 10px 0;


}





#ja-mainbody {


	float: left;


	width: 80%;


}





#ja-mainbody #ja-content {


	float: right;


	width: 70%;


	padding-right: 2.5%;


}





#ja-mainbody-fl {


	float: left;


	width: 80%;


}





#ja-mainbody-fl #ja-content {


	float: left;


	width: 97.5%;


}





#ja-mainbody-fr{


	float: left;


	width: 100%;


}





#ja-mainbody-fr #ja-content {


	float: right;


	width: 77.5%;


}





#ja-mainbody-fr #ja-leftcol {


	width: 20%;


}





#ja-mainbody-f {


	float: left;


	width: 100%;


}





/* LEFT COLUMN


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


#ja-leftcol {


	float: left;


	width: 25%;


}





/* RIGHT COLUMN


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


#ja-rightcol {


	float: right;


	width: 20%;


	margin: 10px 0;


}





/* FOOTER


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


#ja-footer {


	clear: both;


	border-top: 5px solid #D8D9DB;


}





#ja-bottomline {


	float: left;


	padding: 10px 5px 30px;


	color: #8F8F8F;


}





#ja-bottomline a {


	color: #8F8F8F;


}








#ja-cert {


	padding: 20px 5px 30px;


	float: right;


}





#ja-cert a {


	padding-left: 5px;


}





/* MISCELLANOUS


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


div.back_button a,


div.back_button a:hover,


div.back_button a:active {


	margin: 10px 0;


	display: block;


}





#mod_login_password, #mod_login_username {


	width: 90%;


}





#mod_login_password {


}





#mod_login_username {


}





#mod_login_remember {


	border: none;


	background: none;


}





/* Clearfix */


.clearfix:after {


	clear: both;


	display: block;


	content: ".";


	height: 0;


	visibility: hidden;


}





* html > body .clearfix {


	width: 100%;


	display: block;


}





* html .clearfix {


	height: 1%;


}





/* Firefox Scrollbar Hack - Do not remove */


html {


	margin-bottom: 1px;


	height: 100%!important;


	height: auto;


}





/* JA CoolAds Module */


#ja-coolads {


	height: 0;


	overflow: hidden;


	position: relative;


}





#ja-coolads-container {


	overflow: hidden;


	margin-right: 5%;


}





#ja-coolads-container div.moduletable {


	overflow: hidden;


}