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

# JA Dravity 1.0 - Mar, 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:  https://www.joomlart.com -  https://www.joomlancers.com

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


/* COMMON STYLE

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

html, body, form, fieldset {
	margin:0;
	padding:0;
}

body {
	min-width:320px;
	font-size:14px;
	line-height: 1.6;	
	color: #333333;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	background: #FFFFFF;
}

body#bd {
	color:#CCCCCC;
	background: url(../images/body-top.jpg)/*tpa=templates/ja_dravity/images/body-top.jpg*/ no-repeat top center #000000;
}

body.contentpane {
	color:#333333;
	line-height:1.3em;
	margin:1em 2em;
	width:auto; /* Printable Page */
}

@media (min-width: 1000px) {
	body.fs1 {font-size:10px;}
	body.fs2 {font-size:11px;}
	body.fs3,
	body.contentpane {font-size:12px;}
	body.fs4 {font-size:13px;}
	body.fs5 {font-size:14px;}
	body.fs6 {font-size:15px;}
}

/* Normal link */

a {
	color: #F8F09A;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #CCCCCC;
	text-decoration: underline;
}

a img {
	border: none;
}


/* Title text */

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

}



/* Small text */

small, .small, .smalldark, .createby, .createdate, .modifydate, .mosimage_caption,
p.site-slogan, a.readon, #ja-breadcrumb, #ja-colwrap, #ja-botslwrap, #ja-footer {
	color:#666666;
}

@media (min-width: 1000px) {
	small, .small, .smalldark, .createby, .createdate, .modifydate, .mosimage_caption,
	p.site-slogan, a.readon, #ja-breadcrumb, #ja-colwrap, #ja-botslwrap, #ja-footer {
		font-size:92%;
	}
}

img {
	margin: 0;
	padding: 0;
}

.mosimage {
	padding:0 0 5px;
	margin:0 15px 0 0;	
}

/* Heading */

h1 {

	font-size: 180%;

}



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: 12px 0;

	padding: 0;

}



ul {

	list-style: none;

}



ul li {

	background: url(../images/bullet.gif)/*tpa=templates/ja_dravity/images/bullet.gif*/ no-repeat 18px 9px;

	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;

	padding: 10px 5px;

}



fieldset a {

	font-weight: bold;

}



fieldset.input {

	padding: 0;

}



hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 1px solid #cccccc;

	height: 1px;

}



td, div {

	font-size: 100%;

}



/* FORM

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

form {

	margin: 0;

	padding: 0;

}



form label {

	cursor: pointer;

}



input, select, textarea, .inputbox {

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

	font-size: 100%;

}



.inputbox {

	border: 1px solid #333333;

	padding: 2px;

	background: url(../images/input-bg.gif)/*tpa=templates/ja_dravity/images/input-bg.gif*/ repeat-x top #EFEFEF;

}



.button {

	padding: 2px 8px;

	background: url(../images/grad1.gif)/*tpa=templates/ja_dravity/images/grad1.gif*/ repeat-x bottom #333333;

	color: #CCCCCC;

	border: 1px solid #333333;

}



* html .button, *+html .button {

	padding: 1px 5px !important;

}



/* JOOMLA STYLE

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

table.blog {

}



.article_seperator {

	clear: both;

	display: block;

	height: 30px;

}



.article_column {

}



.column_separator {

	padding: 0 25px;

}



/* content tables */

td.sectiontableheader {

	background: #1E1E1E;

	border: 1px solid #0F0F0F;

	padding: 4px;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

	padding: 4px;

	background: url(../images/dot.gif)/*tpa=templates/ja_dravity/images/dot.gif*/ repeat-x bottom;

}



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

	font-size: 92%;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	background: url(../images/bullet.gif)/*tpa=templates/ja_dravity/images/bullet.gif*/ no-repeat 5% 50%;

	padding: 1px 5px 1px 25px;

}



table.contenttoc th {

	border-bottom: 1px solid #333333;

	padding: 0 0 3px;

	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 img {

	vertical-align: baseline;

}



table.pollstableborder td {

	border-collapse: collapse;

	border-spacing: 0;

	padding: 4px !important;

	background: none;

}



table.pollstableborder tr.sectiontableentry1 td {

	background: #1E1E1E;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}



table.adminform {

}



.adminform .inputbox {

}



.blog_more {

	border-top: 1px solid #333333;

	padding: 10px;

}



.blog_more strong {

	display: block;

	font-size: 125%;

	margin: 0 0 5px;

}



.blog_more ul {

	margin: 0;

	padding: 0;

}



.blog_more ul li {

	background: url(../images/bullet.gif)/*tpa=templates/ja_dravity/images/bullet.gif*/ no-repeat 6px 8px;

	margin: 0;

	padding: 0 0 0 17px;

}



.category {

	font-size: 125%;

	font-weight: bold;

}



h1.componentheading, .componentheading {

	margin: 0 0 10px;

	padding: 0 0 5px;

}



.componentheading {

	font-size: 200%;

	font-weight: normal;

	border-bottom: 1px solid #333333; 

}



.contentdescription {

	padding-bottom: 30px;

}



h2.contentheading, .contentheading {

	font-weight: normal;

	margin: 0;

	padding: 0;

	line-height: normal;

}



.contentheading {

	font-size: 200%;

	line-height: normal;

}



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none !important;

}



a.readon {

	display: block;

	float: left;

	background: #1E1E1E;

	color: #CCCCCC;

	text-align: center;

	clear: both;

	text-transform: lowercase;

	padding: 1px 3px;

}



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

	text-decoration: none;

	background: #333333;

	color: #FFFFFF;

}



table.contentpaneopen td, table.contentpane td {

}



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

	width: 100%;

}



.moduletable {

	padding: 0;

}



ul.pagination {

	margin: 15px auto;

	padding: 10px 0;

}



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

}



ul.pagination li span{

	padding: 2px 5px;

}



ul.pagination a {

	padding: 2px 3px;

	text-decoration: none;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

}



.pagenavbar {

	background: url(../images/icon-pages.gif)/*tpa=templates/ja_dravity/images/icon-pages.gif*/ no-repeat center left;

	font-weight: bold;

	padding-left: 14px;

}



.pagenavcounter {

	background: url(../images/icon-pages.gif)/*tpa=templates/ja_dravity/images/icon-pages.gif*/ no-repeat 0 11px;

	font-weight: bold;

	padding: 8px 14px 0 14px;

}



.sectiontableheader {

	color: #FFFFFF;

	font-weight: bold;

	padding: 8px 5px;

}



.sectiontableheader a {

	color: #FFFFFF;

}



tr.sectiontableentry1 td {

	padding: 8px 5px;

}



tr.sectiontableentry2 td {

	padding: 8px 5px;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

}



.smalldark {

	text-align: left;

}



div.syndicate div {

	text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}



/* META

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

.createdate {

	padding: 5px 0;

}



.modifydate {

	float: left;

	width: 100%;

}



div.buttonheading {

	float: right;

	width: 20%;

}



.buttonheading img {

	border: 0;

	float: right;

	margin: 7px 5px 0 0;

}



/* MAIN LAYOUT DIVS

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

#ja-wrapper {padding:0 0 15px;}
@media (min-width: 1000px) {
	#ja-wrapper {padding:0 0 30px;}
}

.home-deco {
	background: url(../images/body-bg.gif)/*tpa=templates/ja_dravity/images/body-bg.gif*/ repeat-x 0 25px;;
}

#ja-header,
#ja-mainnavwrap,
#ja-container,
#ja-botslwrap,
#ja-footer {
	width:100%;
	margin:0 auto;
	clear: both;
}
@media (min-width: 1000px) {
	#ja-header,
	#ja-mainnavwrap,
	#ja-container,
	#ja-botslwrap,
	#ja-footer {
		width:970px;
	}
	
	.narrow #ja-header,
	.narrow #ja-mainnavwrap,
	.narrow #ja-container,
	.narrow #ja-botslwrap,
	.narrow #ja-footer {
		margin: 0 auto;
		width: 770px;
	}
}

#ja-container {
	padding: 20px 0 0;
}

/* PRIMARY COLUMN

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

#ja-content {
	clear:both;
	display:block;
	width:100%;	
}

#ja-content div.ja-innerpad {padding:10px 10px 0;}

@media (min-width: 1000px) {
	#ja-content {
		float:left;
		width:59%;
	}
	#ja-content div.ja-innerpad {padding:10px 15px 0 0;}
}


/* COLUMNS

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

#ja-colwrap {
	width:100%;
	color:#999999;
	padding:0 10px;
	overflow:hidden;
	box-sizing:border-box;
}

@media (min-width: 1000px) {
	#ja-colwrap {
		float:right;
		width:40%;
		padding:0;
	}
}

#ja-col1,
#ja-col2 {
	width:100%;
	overflow:hidden;
}

#ja-col1 {
	background:#1e1e1e;
	border-radius:7px;
	margin:0 0 20px;
}

@media (min-width: 414px) {
	#ja-col1 {
		float:left;
		width:53%;
		clear:both;	
	}

	#ja-col2 {
		float:right;
		width:46%;		
	}
}

@media (min-width: 600px) {
	#ja-col1,
	#ja-col2 {
		width:49%;	
	}
}

@media (min-width: 1000px) {
	#ja-col1,
	#ja-col2 {
		width:49.9%;
		background:none;
	}
	
	#ja-col1 {padding-bottom:10px;}
	#ja-col2 {padding-top:10px;}
	
	#ja-col1-top {
		background: url(../images/col-top.png)/*tpa=templates/ja_dravity/images/col-top.png*/ no-repeat top left;
	}

	#ja-col1-center {
		background: url(../images/col-center.png)/*tpa=templates/ja_dravity/images/col-center.png*/ repeat-y left;
	}

	#ja-col1-bot {
		background: url(../images/col-bot.gif)/*tpa=templates/ja_dravity/images/col-bot.gif*/ no-repeat bottom left;

	}

	.narrow #ja-col1-bot {
		background: url(../images/col-bot-n.gif)/*tpa=templates/ja_dravity/images/col-bot-n.gif*/ no-repeat bottom left;
	}

	.narrow #ja-col1-top {
		background: url(../images/col-top-n.png)/*tpa=templates/ja_dravity/images/col-top-n.png*/ no-repeat top left;
	}

	.narrow #ja-col1-center {
		background: url(../images/col-center-n.png)/*tpa=templates/ja_dravity/images/col-center-n.png*/ repeat-y left;
	}
}

/*common style for column*/

#ja-colwrap a {

	color: #999999;

}



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

	color: #FFFFFF;

}



#ja-colwrap table {

	border-collapse: collapse;

	border-spacing: 0;

}



#ja-colwrap .article_separator {

	display: none;

}



/* COLLAPSIBLE LAYOUT

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

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

	padding: 0;

}



/* full */

#ja-containerwrap-f #ja-content {

	float: none;

	width: 99%;

}



/* content + col */

#ja-containerwrap-c #ja-content {

	width: 79%;

}



#ja-containerwrap-c #ja-colwrap {

	background: none;

	width: 20%;

}



#ja-containerwrap-c #ja-col1,

#ja-containerwrap-c #ja-col2 {

	width: 100%;

}



/* MODULE

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

.icon1 h3 {background-image: url(../images/icons/icon1.gif)/*tpa=templates/ja_dravity/images/icons/icon1.gif*/;}
.icon2 h3 {background-image: url(../images/icons/icon2.gif)/*tpa=templates/ja_dravity/images/icons/icon2.gif*/;}
.icon3 h3 {background-image: url(../images/icons/icon3.gif)/*tpa=templates/ja_dravity/images/icons/icon3.gif*/;}
.icon4 h3 {background-image: url(../images/icons/icon4.gif)/*tpa=templates/ja_dravity/images/icons/icon4.gif*/;}
.icon5 h3 {background-image: url(../images/icons/icon5.gif)/*tpa=templates/ja_dravity/images/icons/icon5.gif*/;}
.icon6 h3 {background-image: url(../images/icons/icon6.gif)/*tpa=templates/ja_dravity/images/icons/icon6.gif*/;}
.icon7 h3 {background-image: url(../images/icons/icon7.gif)/*tpa=templates/ja_dravity/images/icons/icon7.gif*/;}
.icon8 h3 {background-image: url(../images/icons/icon8.gif)/*tpa=templates/ja_dravity/images/icons/icon8.gif*/;}
.icon9 h3 {background-image: url(../images/icons/icon9.gif)/*tpa=templates/ja_dravity/images/icons/icon9.gif*/;}

.icon1 h3,.icon2 h3,.icon3 h3,.icon4 h3,
.icon5 h3,.icon6 h3,.icon7 h3,.icon8 h3,.icon9 h3 {

	padding: 0 0 0 28px !important;

	background-position: left center;

	background-repeat: no-repeat;

}

div.moduletable h3,
div.moduletable-default h3 {
	font-size: 125%;
	margin: 0 0 8px;
	padding: 0;
	color: #FFFFFF;
}

div.moduletable,
div.moduletable-default {	
	padding:0 10px 15px;
	margin:0;
}

#ja-col2 div.moduletable,
#ja-col2 div.moduletable-default {
	padding:0 0 15px;
}

@media (min-width: 414px) {
	#ja-col2 div.moduletable,
	#ja-col2 div.moduletable-default {
		padding:0 0 15px 10px;
	}
}

@media (min-width: 1000px) {
	div.moduletable,
	div.moduletable-default,
	#ja-col2 div.moduletable,
	#ja-col2 div.moduletable-default {
		padding:0 20px 15px;
	}
	
	.narrow div.moduletable,
	.narrow div.moduletable-default {
		padding:0 15px 15px;
	}
}

/* mis */

div.banneritem_text {

	padding: 5px 0 !important;

}



div.advs {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}



div.moduletable ul,

div.moduletable_hilte ul {

	margin: 0;

	padding: 0;

}



div.moduletable li,

div.moduletable_hilite li {

	background: url(../images/bullet.gif)/*tpa=templates/ja_dravity/images/bullet.gif*/ no-repeat 5px 8px;

	margin: 0;

	padding-left: 16px;

}



/* HEADER

--------------------------------------------------------- */
#ja-headerwrap {	
	line-height:normal;
	color:#cccccc;
}

#ja-header {
	background:url(../images/header-bg.png)/*tpa=templates/ja_dravity/images/header-bg.png*/ no-repeat top left;
	position:relative;
}

#ja-header a {
	color: #CCCCCC;
}

h1.logo, h1.logo-text {
	font-size:150%;
	padding:10px 10px 0 50px;
	margin:0;
}
#ja-mainnav h1.logo-text {
	width:320px;
	height:75px;
	font-size: 150%;
	line-height: normal;
	padding:10px 10px 15px 50px;
	background:#191919;
	position:fixed;
	z-index:12;
	box-sizing:border-box;
}
@media (min-width: 400px) {
	h1.logo, h1.logo-text {
		padding:18px 10px 0 50px;
	}
}
@media (min-width: 768px) {
	h1.logo, h1.logo-text {
		font-size:200%;
		padding:25px 165px 0 50px;
	}
}
@media (min-width: 1000px) {
	#ja-headerwrap,
	#ja-header {
		height:100px;
	}
	
	h1.logo, h1.logo-text {
		padding:0;
	}
	
	#ja-mainnav h1.logo-text {display:none;}
}

h1.logo a {
	display:block;
	width:350px;
	height:80px;
	background: url(../images/logo.png)/*tpa=templates/ja_dravity/images/logo.png*/ no-repeat;
	position:absolute;
	left:5px;
	bottom:10px;
}

h1.logo a span {
	position:absolute;
	top:-1000px;
}

h1.logo-text a {
	display:block;
	color:#FFFFFF !important;
	text-decoration:none;
	outline:none;
}
@media (min-width: 768px) {
	h1.logo-text a {
		letter-spacing:1px;
	}
	
	#ja-mainnav h1.logo-text a {letter-spacing:0;}
}

@media (min-width: 1000px) {
	h1.logo-text a {
		position:absolute;
		left:5px;
		bottom:20px;
	}
}

p.site-slogan {
	display:none;
	font-size:92%;
	color:#666666;
	padding:0;
	margin:0;
	position:absolute;
	left:50px;
	top:10px;
}
@media (min-width: 768px) {
	p.site-slogan {display:block;}
}

@media (min-width: 1000px) {
	p.site-slogan {
		left:5px;
		top:auto;
		bottom:50px;
	}
}

/* MOBILE NAVIGATION

--------------------------------------------------------- */
.content-overlay {
    display:none;
    position:absolute;
    z-index:10;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.7);
	opacity:0;
}

.menu-button {
	cursor:pointer;
	width:24px;
	height:24px;
	position:absolute;
	top:25px;
	left:10px;
	z-index:12;	
}
@media (min-width: 1000px) {
	.menu-button {display:none;}
}

.menu-button .icon-bar {
    height:4px;
    margin:0 0 6px;
}
.menu-button .icon-bar {
    display:block;
    height:2px;
    margin:0 0 4px;
    background:#fff;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.show-nav .icon-bar {
    display:none;
}
.show-nav .menu-close-button {
    display:block;
}

.show-nav {position:fixed;}

.menu-close-button {
	display:none;
	width:23px;
	height:23px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin:-4px 0 0 -2px;
	border: none;
	background: transparent;
	color: transparent;
	position:relative;
	overflow: hidden;
}

.menu-close-button:before,
.menu-close-button:after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-close-button:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	  transform: rotate(45deg);
}
.menu-close-button:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
}
.menu-close-button:hover:before,
.menu-close-button:hover:after {
	background:#333;
}			

.show-nav .icon-bar {display:none;}
.show-nav .menu-close-button {display:block;}

/* MAIN NAVIGATION

--------------------------------------------------------- */
#ja-mainnavwrap {
	width:320px;
	padding:0;
	background:#191919;
	position:fixed;
	top:0;
	bottom:0;
	left:-320px;
	z-index: 11;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transition: none;
}

#ja-mainnav {overflow:hidden;}

@media (min-width: 1000px) {
	#ja-mainnavwrap {
		display:block;
		width:970px;
		height:35px;
		padding:0;
		margin: 0 auto;
		background:none;
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		z-index:999;
		overflow-y: visible;
	}
	
	#ja-mainnav {
		height:35px;	
		background: url(../images/mainnav-bg.gif)/*tpa=templates/ja_dravity/images/mainnav-bg.gif*/ no-repeat 50% 27px;
		z-index:999;
		overflow:visible;
	}
}

#ja-mainnav a, #ja-subnav a {
	outline:none;
}



#ja-subnav {
	display: block;
	font-size: 92%;
	height: 22px;
	position: absolute;
	top: 29px;
	background: url(../images/grad1.gif)/*tpa=templates/ja_dravity/images/grad1.gif*/ repeat-x bottom #333333;
	width: 100%;
}



#ja-subnav ul {

	margin: 0;

	padding: 0;

}



#ja-subnav li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

}



#ja-subnav li a {

	color: #999999;

	display: block;

	float: left;

	line-height: 22px;

	padding: 0 15px;

	text-decoration: none;

	background: url(../images/vline.gif)/*tpa=templates/ja_dravity/images/vline.gif*/ no-repeat center left;

}



#ja-subnav li a:hover,

#ja-subnav li a:active,

#ja-subnav li a:focus {

	color: #FFFFFF;

	text-decoration: none;

}



#ja-subnav li.active a,

#ja-subnav li.active a:hover,

#ja-subnav li.active a:active,

#ja-subnav li.active a:focus {

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}



/* breadcrumbs */

#ja-breadcrumb {

	text-transform: uppercase;

}



#ja-breadcrumb strong {

	font-weight: normal;

	margin-right: 5px;

}



#ja-breadcrumb a {

	text-decoration: none;

}



#ja-breadcrumb img {

	margin: 1px 5px;

}



/* Default Joomla! Menu */

a.mainlevel {
	display:block;
	line-height:30px;
	color:#333333;
	text-decoration:none;
	padding:0 4px;
	background:url(../images/mainlevel-bg.gif)/*tpa=templates/ja_dravity/images/mainlevel-bg.gif*/ no-repeat top right;
}

@media (min-width: 1000px) {
	a.mainlevel {
		width: 90%;
	}
}

a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus {

	color: #333333;

	text-decoration: none;

	background: url(../images/mainlevel-bg.gif)/*tpa=templates/ja_dravity/images/mainlevel-bg.gif*/ no-repeat bottom right;

}



a.mainlevel#active_menu {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}



a.sublevel {

	padding: 5px 4px 4px 22px;

	display: block;

	color: #999999;

	text-decoration: none;

	background: url(../images/arrow2.png)/*tpa=templates/ja_dravity/images/arrow2.png*/ no-repeat 10px 12px;

}



a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

	color: #0064A1;

	text-decoration: none;

}



#active_menu {

	color: #0064A1;

	font-weight: bold;

}



/* SPOTLIGHT

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

/* Spotlight Box Style */

.ja-box-full, 
.ja-box-left, 
.ja-box-center, 
.ja-box-right {
	width:100%!important;
	overflow:hidden;
	padding:15px 0 0;
}

.ja-box-full div.moduletable-default, 
.ja-box-left div.moduletable-default, 
.ja-box-center div.moduletable-default, 
.ja-box-right div.moduletable-default {
	padding:0 10px 15px;
}

@media (min-width: 768px) {
	.ja-box-full, 
	.ja-box-left, 
	.ja-box-center, 
	.ja-box-right {
		float:left;
		width:33.333%!important;
	}	
}

@media (min-width: 992px) {
	.ja-box-full, 
	.ja-box-left, 
	.ja-box-center, 
	.ja-box-right {
		width:20%!important;
	}
	
	.ja-box-left, 
	.ja-box-center {
		background: url(../images/vline.gif)/*tpa=templates/ja_dravity/images/vline.gif*/ repeat-y top right;
	}
}

@media (min-width: 1000px) {
	.ja-box-full div.moduletable-default, 
	.ja-box-left div.moduletable-default, 
	.ja-box-center div.moduletable-default, 
	.ja-box-right div.moduletable-default {
		padding:0 20px 15px;
	}
}

/* Bot spotlight */
#ja-botslwrap {
	color:#999999;	
	margin-top:10px;
	padding:0;
	border-top:1px solid #1E1E1E;
	background:#0F0F0F;
}
@media (min-width: 1000px) {
	#ja-botslwrap {border: 1px solid #1E1E1E;}
}

#ja-botslwrap h3 {
	font-size: 100%;
}

#ja-botslwrap ul, #ja-botslwrap ol {
	margin: 0;
	padding: 0;
}

#ja-botslwrap ol li {
	margin: 0 0 0 20px;
	padding: 0;
}

#ja-botslwrap ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif)/*tpa=templates/ja_dravity/images/bullet.gif*/ no-repeat 5px 8px;
}

#ja-botslwrap a {
	color: #CCCCCC;
}

#ja-botslwrap a:hover, #ja-botslwrap a:active, #ja-botslwrap a:focus {
	color: #CCCCCC;
}

/* FOOTER

--------------------------------------------------------- */
#ja-footerwrap {
	clear:both;
	margin:0;
}

#ja-footer {
	color:#666666;
	padding:20px 10px 0;
	border-top:1px solid #1E1E1E;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}

#ja-footer small {
	display:block;
	font-size:100%;
	color:#999999;
	text-align:center;
	margin:15px 0 0;
}

@media (min-width: 1000px) {
	#ja-footer {
		padding:20px 0 0;		
	}
	
	#ja-footer small {
		float:left;		
		text-align:left;
		margin:0;
	}
}

#ja-footer a {
	color:#999999;
	text-decoration:none;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #999999;
	text-decoration: underline;
}

#ja-footer ul {
	line-height:normal;
	text-align:center;
	padding:0;
	margin:0;
}

#ja-footer li {
	display:inline-block;	
	padding:0;
	margin:0;
	background:none;
}

#ja-footer li a {
	display:inline;
	line-height:normal;
	padding:0 10px;
	text-decoration:none;	
}

.ja-footurl {
	float:none;
	clear:both;
}

@media (min-width: 1000px) {
	#ja-footer ul {
		float:right;
		text-align:left;
	}
	#ja-footer li a {
		padding:0 10px 0 12px;
		background:url(../images/vline.gif)/*tpa=templates/ja_dravity/images/vline.gif*/ no-repeat center right;
	}
}

/* MISCELLANOUS

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

/* Search */
#ja-search {
	display:none;
	width:150px;
	height:20px;
	font-size:12px;
	margin:0;
	background: url(../images/search-bg.gif)/*tpa=templates/ja_dravity/images/search-bg.gif*/ no-repeat 0 2px;
	position:absolute;
	right:0;
	bottom:20px;
}

@media (min-width: 1000px) {
	#ja-search {display:block;}
}

#ja-search .inputbox {
	padding:0 0 5px 20px;
	margin-top:4px;
	background:transparent;
	border:none;
}



/* usertool */

#ja-usertools {

	font-size: 11px;

	padding: 0;

	position: absolute;

	right: 0;

	top: 9px;

}



#ja-usertools ul {

	float: left;

	margin: 0;

	padding: 0;

}



#ja-usertools li {

	background: none;

	display: block;

	float: left;

	line-height: normal;

	margin: 0;

	padding: 0;

}



#ja-usertools img {

	padding: 0 2px;

}



/* Login Form */

#mod_login_password, #mod_login_username {

	width: 90%;

}



#mod_login_remember {

	border: none;

	background: none;

}





/* Others */

.mostread, .latestnews {

	text-decoration: none;

}



#ja-banner {

	margin-top: 15px;

	text-align: center;

	overflow: hidden;

	width: 100%;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	background: none!important;

	display: block;

	margin: 10px 0;

	text-decoration: none!important;

}



.clr {

	clear: both;

}



.hasTip img {

	border: none;

	margin: 10px 5px 0 0;

}



div.ja-innerdiv {

	clear: both;

	margin-bottom: 10px;

	padding-bottom: 10px;

	background: url(../images/dot.gif)/*tpa=templates/ja_dravity/images/dot.gif*/ repeat-x bottom left;

}



div.ja-innerdiv img {

	padding: 0;

	border: 2px solid #ffffff;

	margin: 2px 8px 0 0;

}



/* Clearfix */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}