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



# JA Avian II 1.0 - Jan, 2008



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



# Copyright (C) 2004-2008 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 {



	background: #FFFFFF;



	color: #000000;



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



	line-height: 1.5;



}







body#bd {



	background: #FFFFFF;



	color: #333333;



	padding: 0 0 40px;



}







body.contentpane {



	background: #FFFFFF;



	color: #000000;



	font-family: serif;



	font-size: 12pt;



	line-height: 140%;



	margin: 1em 2em;



	width: auto; /* Printable Page */



}







body.fs1 {



	font-size: 9px;



}







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



	text-decoration: none;



}







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



	color: #F09018;



	text-decoration: underline;



}







/* Title text */



.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {



	color: #333333;



}







/* Small text */



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



	color: #666666;



	font-size: 100%;



}







/* Heading */



h1 {



	font-size: 175%;



}







h2 {



	font-size: 150%;



}







h3 {



	font-size: 125%;



}







h4 {



	font-size: 100%;



	text-transform: uppercase;



}







p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {



	margin: 15px 0;



	padding: 0;



}







ul {



	list-style: none;



}







ul li {



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



	line-height: 180%;



	padding-left: 30px;



}







ol li {



	line-height: 180%;



	margin-left: 35px;



}







th {



	font-weight: bold;



	padding: 5px;



	text-align: left;



}







fieldset {



	border: none;



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



	padding-bottom: 20px;



}







fieldset a {



	font-weight: bold;



}







hr {



	border-bottom: 0;



	border-left: 0;



	border-right: 0;



	border-top: 1px solid #CCCCCC;



	height: 1px;



}







a img {



	border: none;



}







td, div {



	font-size: 100%;



}







address {



	font-style: normal;



}







/* FORM



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



form {



	margin: 0;



	padding: 0;



}







form label {



	cursor: pointer;



}







input, select, textarea, .inputbox {



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



	font-size: 100%;



	padding: 1px;



}







select, textarea, .inputbox {



	background: #FFFFFF;



	color: #333333;



}







.button {



	background: url(../images/but-bg.gif) repeat-x center #000000;



	border: 1px solid #000000;



	color: #CCCCCC;



	padding: 2px 8px;



}







* html .button, *+html .button {



	padding: 2px 5px !important;



}







.inputbox {



	background: #FFFFFF;



	border: 1px solid #999999;



	padding: 2px;



}







.inputbox:hover, .inputbox:focus {



	background: #FFFFFF;



	border: 1px solid #F09018;



}







/* BONUS TYPOGRAPHY STYLES



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



pre, .code {



	background: #EFEFEF;



	border-left: 5px solid #CCCCCC;



	margin: 5px 0 15px;



	padding: 10px 15px;



}







blockquote {



	padding: 1em 40px 1em 15px;



}







blockquote span.open {



	background: url(../images/so-q.gif) no-repeat left top;



	padding: 3px 0 3px 20px;



}







blockquote span.close {



	background: url(../images/sc-q.gif) no-repeat bottom right;



	padding: 3px 20px 3px 0;



}







/* Dropcap */



.dropcap {



	color: #F09018;



	display: block;



	float: left;



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



	padding: 2px 8px 0 0;



}







/* Tips, Error, Message, Hightlight*/



.error {



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



	color: #FF3131;



	padding-left: 25px;



}







.message {



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



	color: #00AEEF;



	padding-left: 25px;



}







.tips {



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



	color: #F09018;



	padding-left: 25px;



}







.highlight {



	font-weight: bold;



	padding: 1px;



	border-bottom: 1px dotted #F09018;



	color: #F09018; 



}







/* Note Style */



p.stickynote {



	background: url(../images/sticky.gif) no-repeat 10px 4px #FFFFFF;



	border: 1px solid #CCCCCC;



	padding: 10px 20px 20px 60px;



}







p.download {



	background: url(../images/download.gif) no-repeat 10px 6px #FFFFFF;



	border: 1px solid #CCCCCC;



	padding: 10px 20px 20px 60px;



}







.blocknumber {



	clear: both;



	padding: 5px 15px 10px;



	position: relative;



}







/* Check list */



ul.checklist {



	list-style: none;



}







ul.checklist li {



	background: url(../images/checklist-bg.gif) no-repeat 3px 6px;



	margin-left: 10px;



	padding: 0 0 2px 20px;



}







/* Star list */



ul.stars {



	list-style: none;



}







ul.stars li {



	background: url(../images/bullet-star.gif) no-repeat 2px 4px;



	margin-left: 10px;



	padding: 0px 0 2px 20px;



}







/* Arrow list */



ul.arrow {



	list-style: none;



}







ul.arrow li {



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



	margin-left: 10px;



	padding: 0px 0 2px 20px;



}







/* Smallnumber */



ol.smallnumber {



	list-style: none;



	margin: 0;



	padding: 0;



}







ol.smallnumber li {



	line-height: 150%;



	margin: 10px 0 10px 20px;



	padding: 3px 0 5px 40px;



}







ol.smallnumber li.number-1 {



	background: url(../images/n-1.gif) no-repeat left top;



}







ol.smallnumber li.number-2 {



	background: url(../images/n-2.gif) no-repeat left top;



}







ol.smallnumber li.number-3 {



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



}







ol.smallnumber li.number-4 {



	background: url(../images/n-4.gif) no-repeat left top;



}







ol.smallnumber li.number-5 {



	background: url(../images/n-5.gif) no-repeat left top;



}







ol.smallnumber li.number-6 {



	background: url(../images/n-6.gif) no-repeat left top;



}







ol.smallnumber li.number-7 {



	background: url(../images/n-7.gif) no-repeat left top;



}







ol.smallnumber li.number-8 {



	background: url(../images/n-8.gif) no-repeat left top;



}







ol.smallnumber li.number-9 {



	background: url(../images/n-9.gif) no-repeat left top;



}







/* Bignumber */



.bignumber {



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



	color: #FFFFFF;



	display: block;



	float: left;



	font: bold 20px/normal Arial, sans-serif;



	margin-right: 8px;



	padding: 7px 7px 5px 7px;



}







/* Talking box. Thinking box. */



div.bubble1, div.bubble2, div.bubble3, div.bubble4 {



	margin: 15px 0;



}







div.bubble1 span.author,



div.bubble2 span.author,



div.bubble3 span.author,



div.bubble4 span.author {



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



	font-weight: bold;



	margin-left: 15px;



	padding-left: 15px;



}







div.bubble1 div {



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



	margin: 0;



	width: 100%;



}







div.bubble1 div div {



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



}







div.bubble1 div div div {



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



}







div.bubble1 div div div div {



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



}







div.bubble1 div div div div div {



	margin: 0;



	padding: 15px 15px 30px 15px;



	width: auto;



}







div.bubble2 div {



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



	margin: 0;



	width: 100%;



}







div.bubble2 div div {



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



}







div.bubble2 div div div {



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



}







div.bubble2 div div div div {



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



}







div.bubble2 div div div div div {



	margin: 0;



	padding: 15px 15px 35px 15px;



	width: auto;



}







div.bubble3 div {



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



	margin: 0;



	width: 100%;



}







div.bubble3 div div {



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



}







div.bubble3 div div div {



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



}







div.bubble3 div div div div {



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



}







div.bubble3 div div div div div {



	margin: 0;



	padding: 15px 15px 50px 15px;



	width: auto;



}







div.bubble4 div {



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



	margin: 0;



	width: 100%;



}







div.bubble4 div div {



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



}







div.bubble4 div div div {



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



}







div.bubble4 div div div div {



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



}







div.bubble4 div div div div div {



	margin: 0;



	padding: 15px 15px 55px 15px;



	width: auto;



}







/* Legend */



.legend-title {



	background: #FFFFFF;



	display: block;



	color: #333333;



	float: left;



	font-size: 100%;



	font-weight: bold;



	left: 7px;



	margin: 0;



	padding: 0 4px;



	position: absolute;



	top: -10px;



	text-transform: uppercase;



}







.legend {



	border: 1px solid #CCCCCC;



	margin: 15px 0;



	padding: 0 10px;



	position: relative;



}







/* JOOMLA STYLE



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



table.blog {



}







.article_seperator {



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



	display: block;



	height: 30px;



}







#ja-col1 .article_seperator, #ja-col2 .article_seperator {



	display: none;



}







table.contentpane {



	border: none;



	width: 100%;



}







table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}







table.contenttoc {



	margin: 0 0 10px 10px;



	padding: 0;



	width: 35%;



}







table.contenttoc a {



}







table.contenttoc td {



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



	padding: 3px 5px 3px 22px;



}







table.contenttoc th {



	background: url(../images/grad2.jpg) repeat-x top #EFEFEF;



	border: 1px solid #CCCCCC;



	border-bottom-width: 5px;



	font-weight: bold;



	padding: 5px;



	text-transform: uppercase;



	text-indent: 5px;



}







table.poll {



	border-collapse: collapse;



	padding: 0;



	width: 100%;



}







table.pollstableborder {



	border: none;



	padding: 0;



	text-align: left;



	width: 100%;



}







table.pollstableborder .sectiontableheader {



	padding: 8px 5px !important;



}







table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	border-collapse: collapse;



	border-spacing: 0;



	padding: 2px!important;



}







table.pollstableborder tr.sectiontableentry1 td {



	background: #FFFFFF;



	border: none;



}







table.pollstableborder tr.sectiontableentry2 td {



	border: none;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}







table.searchintro td {



	padding: 5px !important;



}







table.adminform {



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



}







.adminForm input.inputbox {



	width: 200px !important; 



}







.adminForm textarea.inputbox {



	width: 335px !important; 



}







.blog_more {



	margin: 10px 0 20px;



	background: #FFFFFF;



	padding: 10px;



}







.blog_more strong {



	display: block;



	font-size: 155%;



	margin: 0 0 8px;



}







.blog_more ul {



	margin: 0;



	padding: 0;



}







.blog_more ul li {



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



	margin: 0;



	padding: 0 0 0 13px;



}







td.buttonheading {



	padding: 0 0 0 8px!important;



	text-align: center;



}







.category {



	font-weight: bold;



}







.clr {



	clear: both;



}







.componentheading {



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



	color: #333333;



	font-size: 250%;



	margin-bottom: 10px;



	padding: 0 0 5px 0;



}







.contentdescription {



	padding-bottom: 30px;



}







.contentheading {



	font-size: 200%;



	padding: 0;



}







a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	color: #333333;



	text-decoration: none;



}







a.readon {



	display: block;



	float: left;



	padding: 1px 5px;



	background: #999999;



	border: 2px solid #EFEFEF;



	text-decoration: none;



	color: #FFFFFF;



}







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



	background: #F09018;



	color: #FFFFFF;



}







table.contentpaneopen td, table.contentpane td {



}







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



	width: 100%;



}







.createdate {



}







.modifydate {



	height: 15px;



}







.moduletable {



	padding: 0;



}







.mosimage {



	margin: 5px 15px 5px 0;



	padding: 0 0 5px;



}







* html .mosimage {



	margin: 5px 5px 10px 0;



	padding: 0 !important; /*IE 6*/



}







*+html .mosimage {



	margin: 5px 10px 10px 0;



	padding: 0 !important; /*IE 7*/



}







.mosimage img {



	margin: 0 !important;



	padding: 0 !important;



}







.mosimage_caption {



	margin-top: 3px;



	padding: 1px 2px;



}







.pagenav,



.pagenav_prev,



.pagenav_next,



.pagenavbar {



	padding: 0 2px;



}







a.pagenav,



.pagenav_prev a,



.pagenav_next a,



.pagenavbar a {



	border: 1px solid #CCCCCC;



	color: #333333;



	padding: 3px 6px;



	text-decoration: none;



}







a.pagenav:hover, a.pagenav:active,



.pagenav_prev a:hover, .pagenav_prev a:active,



.pagenav_next a:hover, .pagenav_next a:active,



.pagenavbar a:hover, .pagenavbar a:active {



	background: #F09018;



	color: #FFFFFF;



	padding: 3px 6px;



	text-decoration: none;



}







.pagenavbar {



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



	padding-left: 14px;



}







.pagenavcounter {



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



	padding: 8px 14px 0 14px;



}







.sectiontableheader {



	background: url(../images/grad2.jpg) repeat-x top #EFEFEF;



	border: 1px solid #CCCCCC;



	font-weight: bold;



	padding: 5px;



	text-transform: uppercase;



}







tr.sectiontableentry1 td {



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



	padding: 7px 5px;



}







tr.sectiontableentry2 td {



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



	padding: 7px 5px;



}







.smalldark {



	text-align: left;



}







div.syndicate div {



	text-align: center;



}







.pollstableborder tr.sectiontableentry1 td,



.pollstableborder tr.sectiontableentry2 td {



	background: none;



}







/* MAIN LAYOUT DIVS



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



#ja-wrapper {



	clear: both;



	margin: 0 auto;



	width: 950px;



}







.narrow #ja-wrapper {



	width: 770px;



}







/* PRIMARY COLUMN



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



#ja-content {



	background: url(../images/content-center.gif) repeat-y;



	float: left;



	width: 58%;



}







#ja-content div.ja-innerpad {



	clear: both;



	display: block;



	margin: 0;



	padding: 0 0 0 3px;



}







/* SECONDARY COLUMNS



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



#ja-colwrap {



	background: url(../images/col-center.gif) repeat-y center top;



	float: right;



	overflow: hidden;



	width: 40%;



}







#ja-colwrap-top {



	background: url(../images/col-top.png) no-repeat top;



}







#ja-colwrap-bot {



	background: url(../images/col-bot.gif) no-repeat bottom;



	overflow: hidden;



}







.narrow #ja-colwrap {



	background: url(../images/col-center-n.gif) repeat-y center top;



}







.narrow #ja-colwrap-top {



	background: url(../images/col-top-n.png) no-repeat top;



}







.narrow #ja-colwrap-bot {



	background: url(../images/col-bot-n.gif) no-repeat bottom;



}







#ja-col1 {



	float: left;



	overflow: hidden;



	width: 50%;



}







#ja-col1 div.ja-innerpad{



	padding: 15px;



}







#ja-col2 {



	float: right;



	overflow: hidden;



	width: 49.9%;



}







#ja-col2 div.ja-innerpad{



	padding: 15px;



}







#ja-col1 table, #ja-col2 table {



	border-collapse: collapse;



	border-spacing: 0;



}







#ja-col1 ul, #ja-col2 ul {



	margin: 0;



	padding: 0;



}







#ja-col1 ul li, #ja-col2 ul li {



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



	padding-left: 13px;



}







#ja-masscol .article_seperator {



	display: none;



}







/* COLLAPSIBLE LAYOUT



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



#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {



	padding: 0;



}







#ja-container {



	padding: 15px 0;



}







/* full */



#ja-containerwrap-f #ja-content {



	float: none;



	width: 100%;



}







/* content + col */



#ja-containerwrap-c #ja-content {



	width: 76%;



}







#ja-containerwrap-c #ja-colwrap {



	width: 22%;



	background: none;



}







#ja-containerwrap-c #ja-colwrap-top {



	background: none;



}







#ja-containerwrap-c #ja-colwrap-bot {



	background: none;



}







#ja-containerwrap-c #ja-col1,



#ja-containerwrap-c #ja-col2 {



	width: 100%;



}







/* HEADER



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



#ja-headerwrap {



	position: relative;



	z-index: 10;



}







#ja-header {



	height: 220px;



	position: relative;



	z-index: 999;



}







h1.logo {



	font-size: 300%;



	height: 170px;



	left: 0;



	margin: 0;



	padding: 0;



	position: absolute;



	top: 0;



	width: 700px;



}







h1.logo a {



	background: url(http://www.atfa.us/web/templates/atfa_theme/images/Atfa_header.swf);



	float: left;



	height: 170px;



	outline: none;



	text-indent: -5000px;



	text-transform: uppercase;



	width: 700px;



}







/* MAIN NAVIGATION



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



#ja-mainnav {



	height: 40px;



	z-index: 10;



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



	position: relative;



}







.narrow #ja-mainnav {



	background: url(../images/mainnav-bg-n.gif) repeat-x #F09018;



}







#ja-mainnav a,



#ja-mainnav a:hover,



#ja-mainnav a:active,



#ja-mainnav a:focus {



	outline: none;



}







#ja-mainnav span.separator {



	display: block;



}







/* Default Joomla! Menu */



a.mainlevel {



	color: #333333;



	display: block;



	padding: 6px 0 7px;



	text-decoration: none;



	text-indent: 5px;



	width: 99%;



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



}







a.mainlevel:hover,



a.mainlevel:active,



a.mainlevel:focus {



	color: #F09018 !important;



	text-decoration: none;



	background: url(../images/hdot.gif) repeat-x bottom left #F7F7F7;



}







a.mainlevel#active_menu {



	color: #333333;



	font-weight: bold;



	background: url(../images/mainlevel-active.gif) no-repeat bottom right;



}







a.sublevel {



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



	color: #333333;



	display: block;



	padding: 5px 4px 5px 15px;



	text-decoration: none;



}







a.sublevel:hover,



a.sublevel:active,



a.sublevel:focus {



	color: #F09018;



	text-decoration: underline;



}







#active_menu {



	color: #F09018;



	font-weight: bold;



}







/* Topnav */



#ja-topnav {



	height: 170px;

	

	position: relative;

		

	z-index: 999;



}







#ja-topnav ul {



	float: left;



	margin: 0;



	padding: 0;



}







#ja-topnav li {



	background: none;



	display: inline;



	margin: 0;



	padding: 0;



}







#ja-topnav li a {



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



	display: inline;



	padding: 0 10px;



	color: #666666;



}







/* Pathway*/



#ja-pathway {



	height: 27px;



	line-height: 27px;



	text-indent: 3px;



}







#ja-pathway img {



	margin: 0 5px 1px;



}







#ja-pathway a {



}







/* MODULE



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



div.moduletable h3 {



	color: #F09018;



	font-size: 115%;



	line-height: normal;



	margin: 0 0 10px;



	padding: 0 0 5px;



	text-transform: uppercase;



	border-bottom: 1px solid #CCCCCC;



}







div.moduletable {



	padding: 10px 10px 15px;



	margin: 10px 0 10px 10px;



}







div.module h3 {



	font-size: 115%;



	margin: -5px -10px 10px;



	padding: 0 0 5px;



	white-space: nowrap;



	text-transform: uppercase;



	text-align: center;



	background: url(../images/h3-bg.png) no-repeat center bottom;



}







div.module {



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



	margin: 0 5px 15px;



	overflow: hidden;



	padding: 0;



}







div.module div {



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



	padding: 0;



}







div.module div div {



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



}







div.module div div div {



	padding: 15px 20px;



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



}







div.module div div div div {



	padding: 0;



	margin: 0;



	overflow: hidden;



	background: none;



}







/* modules of container columns */ 



#ja-col1 div.module {



	margin: 5px 0 10px 15px;



}







#ja-col2 div.module {



	margin: 5px 5px 10px 0;



}







#ja-containerwrap div.module {



	background: none;



}







#ja-containerwrap div.module div {



	background: none;



}







#ja-containerwrap div.module div div div {



	padding: 10px;



}







#ja-containerwrap div.module h3 {



	background: none;



	border-bottom: 1px solid #CCCCCC;



	text-align: left;



	color: #F09018;



	margin: 0 0 10px;



	padding-bottom: 5px;



}







#ja-content div.moduletable {



	padding: 0;



	margin-bottom: 20px;



}







/* modules of spotlight */ 



#ja-topsl-col1 div.moduletable h3 {



	margin: 0 -5px 8px;



	padding: 0 0 0 10px;



	color: #333333;



	background: url(../images/h3-left-bg.gif) no-repeat left #EFEFEF;



	font-size: 115%;



	height: 32px;



	border: none;



}







#ja-topsl-col1 div.moduletable h3 span {



	margin: 0;



	padding: 0;



	float: left;



	width: 100%;



	display: block;



	background: url(../images/h3-right-bg.gif) no-repeat right #EFEFEF;



	line-height: 28px;



	height: 32px;



}







#ja-topsl-col1 div.moduletable {



	margin: 0 5px 0 0;



}







#ja-topsl-col2 div.moduletable {



	color: #EFEFEF;



}







#ja-topsl-col2 div.module h3 {



	color: #FFFFFF;



	background: none;



	border-bottom: 1px solid #EFEFEF;



	margin: -5px -5px 10px;



}







#ja-topsl-col2 div.module a,



#ja-topsl-col2 div.module a:hover,



#ja-topsl-col2 div.module a:active,



#ja-topsl-col2 div.module a:focus {



	color: #FFFFFF;



}







#ja-topsl-col2 div.module {



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



	margin: 5px 5px 0;



	overflow: hidden;



	padding: 0;



	color: #FFFFFF;



}







#ja-topsl-col2 div.module div {



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



	padding: 0;



}







#ja-topsl-col2 div.module div div {



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



}







#ja-topsl-col2 div.module div div div {



	padding: 15px 20px 50px;



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



	overflow: hidden;



}







#ja-topsl-col2 div.module div div div div {



	padding: 0;



	background: none;



}







/* SPOTLIGHT



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



/* Spotlight Box Style */



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



	float: left;



	overflow: hidden;



}







.ja-box-full {



	float: none;



	overflow: hidden;



	margin: 0;



}







.ja-box-left div.moduletable {



	margin: 0 5px 0 0;



}







.ja-box-right div.moduletable {



	margin: 0 0 0 5px;



}







.ja-box-center div.moduletable {



	margin: 0 5px;



}







/* Top Spotlight */



#ja-topsl {



	margin: 10px 0;



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



	padding-bottom: 10px;



}







#ja-topsl-main {



	width: 58%;



	float: left;



	margin-top: 8px;



}







#ja-topsl-cols {



	width: 40%;



	float: right;



}







#ja-topsl-col1 {



	width: 50%;



	float: left;



}







#ja-topsl-col2 {



	width: 50%;



	float: right;



}







#ja-topsl ul {



	margin: 0;



	padding: 0;



}







#ja-topsl li {



	background: url(../images/bullet-star.gif) no-repeat 4px 4px;



	margin: 0;



	padding-left: 22px;



}







#ja-topsl a.readon:hover, #ja-topsl a.readon:active, #ja-topsl a.readon:focus {



	color: #FFFFFF;



}







/* Bottom Spotlight */



#ja-botsl {



	clear: both;



	padding: 0;



}







/* Common Style for Spotlight */



#ja-botsl ul {



	margin: 0 0 0 2px;



	padding: 0;



}







#ja-botsl li {



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



	margin: 0;



	padding-left: 12px;



}







#ja-topsl td, #ja-botsl td {



	padding: 0;



}







#ja-topsl .article_seperator, #ja-botsl .article_seperator {



	display: none;



}







#ja-topsl table, #ja-botsl table {



	border-collapse: collapse;



	border-spacing: 0;



}







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



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



	color: #333333;



}







/* FOOTER



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



#ja-footerwrap {



	clear: both;



	margin-top: 10px;



}







#ja-footer {



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



	clear: both;



	padding: 10px 0 0;



	position: relative;



}







#ja-footer small {



	color: #999999;



	display: block;



	float: left;



	font-style: normal;



	line-height: normal;



	padding: 4px 0 0 10px;



}







#ja-footer a {



	text-decoration: none;



}







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



	text-decoration: underline;



}







/* USER TOOLS



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



#ja-usertoolswrap {



	float: right;



	margin-top: 12px;



	width: 15px;



	height: 20px;



	display: block;



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



	position: relative;



	z-index: 99;



}







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



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



}







span.ja-sitetool {



	margin: 0;



	width: 15px;



	height: 20px;



	display: block;



	cursor: pointer;



}







#ja-usertoolswrap:hover #ja-usertools,



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



	display: block;



	top: 20px;



	right: 0;



}







#ja-usertools {



	padding: 0;



	float: right;



	display: none;



	background: #CCCCCC;



	border: 1px solid #999999;



	font-size: 11px;



	position: absolute;



	top: 100%;



}







#ja-usertools ul {



	float: left;



	margin: 0;



	padding: 4px 5px 2px;



}







#ja-usertools li {



	float: left;



	display: block;



	margin: 0;



	padding: 0;



	background: none;



	line-height: normal;



}







#ja-usertools img {



	padding: 0 2px;



}







/* MISCELLANOUS



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



ul.accessibility {



	position: absolute;



	top: -100%;



}







div.ja-innerdiv {



	background: url(../images/hdot.gif) repeat-x bottom left !important;



	margin: 0 -2px !important;



	overflow: hidden;



	padding: 8px 3px !important;



}







div.ja-innerdiv:hover {



	background: url(../images/hdot.gif) repeat-x bottom left #F7F7F7 !important;



}







#ja-banner {



	clear: both;



	display: block;



	margin: 10px 0 0;



	text-align: center;



}







div.back_button a,



div.back_button a:hover,



div.back_button a:active {



}







/* Login Form */



#ja-login {



	position: absolute;



	bottom: 20px;



	right: 0;



}







#ja-login form {



	float: left;



}







#ja-login form label {



	float: left;



}







label.ja-login-user span {



	display: block;



	float: left;



	text-indent: -5000px;



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



	width: 20px;



	height: 20px;



}







label.ja-login-password span {



	display: block;



	float: left;



	text-indent: -5000px;



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



	width: 20px;



	height: 20px;



}







#ja-login form input.button {



	font-size: 11px !important;



	float: left;



}







#ja-login form #mod_login_username,



#ja-login form #mod_login_password {



	width: 110px;



	margin: 1px 8px 0 0;



}







#ja-login form a {



	padding-left: 5px;



	border-left: 1px solid #CCCCCC;



}







/* Quick Jump */



#ja-qj {



	display: block;



	height: 28px;



	position: absolute;



	right: 10px;



	top: 5px;



}







#ja-qj .inputbox {



	color: #333333;



	font-size: 11px;



	margin: 2px 0 0;



	padding: 2px 2px 2px 4px;



	width: 165px;



}







/* search */



#ja-search {



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



	padding-left: 20px;



	position: absolute;



	right: 8px;



	top: 10px;



}







#ja-search .inputbox {



	border: 1px solid #CCCCCC;



	width: 150px;



}







#ja-search .inputbox:hover, #ja-search .inputbox:focus {



	border: 1px solid #F09018;



}







/* RS Gallery elements */



ul#ja-rsmenu {



	margin: 0;



	padding: 0;



}







ul#ja-rsmenu li {



	margin: 0;



	padding: 0;



	background: none;



}







.rsg2 div.moduletable {



	margin: 20px 0 10px;



}







.rsg2-pageNav {



	text-align: center;



}







div.rsg2-toolbar {



	margin-top: 10px;



}







div.rsg2-toolbar a {



	padding: 0;



	text-transform: uppercase;



	outline: none;



	font-size: 125%;



	font-weight: bold;



	display: block;



	position: relative;



	height: 30px;



	background: url(../images/download_f2.png) no-repeat 20px 0;



}







div.rsg2-toolbar a span {



	position: absolute;



	top: 25%;



	left: 40%;



}







div.rsg2-toolbar a br {



	display: none;



}







div.rsg2-toolbar a img {



	display: none;



}







div#rsg2-tool {



	background: url(../images/grad2.jpg) repeat-x top #EFEFEF;



	height: 30px;



	border-top: none;



	border: 1px solid #CCCCCC;



}







div#rsg2-tool .inputbox {



	margin-top: 6px;



}







div#rsg2-tool ul li a {



	color: #333333;



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



	line-height: 30px;



}







div#rsg2-tool ul li a:hover,



div#rsg2-tool ul li a:focus,



div#rsg2-tool ul li a:active {



	color: #333333;



	text-decoration: underline;



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



}







div.rsg2-slideshow-links a,



div.rsg2-mygalleries-links a {



	font-weight: bold !important;



	color: #F09018 !important;



}







div.rsg2-slideshow-links a:hover,



div.rsg2-slideshow-links a:focus,



div.rsg2-slideshow-links a:active,



div.rsg2-mygalleries-links a:hover,



div.rsg2-mygalleries-links a:focus,



div.rsg2-mygalleries-links a:active {



	font-weight: bold !important;



	color: #F09018 !important;



}







.rsg_galleryblock{



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



}







div.rsg2-galleryList-thumb {



	border: 1px solid #CCCCCC;



	background: #FFFFFF;



}







img.rsg2-galleryList-thumb {



	border: 1px solid #999999;



}







div.rsg2-image-meta {



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



}







div.rsg2-image-des {



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



}







div.rsg2-image-tools {



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



}







.rsg2_comment1 {



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



}







.rsg2_comment2 {



	background: url(../images/hdot.gif) repeat-x bottom #F7F7F7;



}







.rsg1_comment-meta, .rsg2_comment-meta {



	color: #666666;



}







.rsg1_comment-meta strong, .rsg2_comment-meta strong {



	color: #333333;



}







.ja-displaytap-title {



	background: #FFFFFF;



	border: 1px solid #CCCCCC;



}







div.ja-rsslide {



	border: 1px solid #CCCCCC !important;



}







div.ja-rsslide .ja-innerpad {



	border: 1px solid #FFFFFF !important;



}







/*votting*/



.star-rating {



	background: url(../images/star_rating.gif) top left repeat-x;		



}







.star-rating li a:hover {



	background: url(../images/star_rating.gif) left center;



}







.star-rating li.current-rating{



	background: url(../images/star_rating.gif) left bottom;



}







/* My gallery */



table.adminform,



table.adminlist {



	border: none;



}







table.adminform th,



table.adminform td,



table.adminlist th,



table.adminlist td {



	padding: 5px 5px 5px 10px;



	border: 1px solid #CCCCCC;



}







table.adminlist td h3 {



	border: none;



	margin: 5px 0;



}







table.adminform th {



	background: #EFEFEF;



	font-size: 125%;



}







table.adminlist th {



	background: #EFEFEF;



}







div.module table.adminform td,



div.module table.adminlist td,



div.moduletable table.adminform td,



div.moduletable table.adminlist td,



div.module table.adminform th,



div.module table.adminlist th,



div.moduletable table.adminform th,



div.moduletable table.adminlist th {



	border: 1px solid #FFFFFF;



}







/* Clearfix */



.clearfix:after {



	clear: both;



	content: ".";



	display: block;



	height: 0;



	visibility: hidden;



}







* html > body .clearfix {



	display: block;



	width: 100%;



}







* html .clearfix {



	height: 1%;



}







/* Firefox Scrollbar Hack - Do not remove */



html {



	height: 100% !important;



	height: auto;



	margin-bottom: 1px;



}