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

 * JA Anion template for Joomla 3.x

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2018 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

 * This file may not be redistributed in whole or significant part.

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

/* COMMON STYLE
--------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

body#bd { background-color: #353535; color: #ccc; }

#ja-wrapper {
	background: url(../images/body-bg.png) center top no-repeat;
}

/* Normal links ---*/
a { color: #369; text-decoration: none; }

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

/* Readon links ---*/
.readon {
	background: url(../images/button-bg.png) right bottom no-repeat;
	color: #777;
	display: inline-block;
	padding-right: 11px;
}

.readon span {
	background: url(../images/button-bg.png) left top no-repeat;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 11px;
	padding-right: 0;
}

.readon:hover { color: #369; text-decoration: none; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul { margin: 10px 0; }

.column .article_row h2 { margin-top: 0; }
.column {
	overflow: visible;
}

.column ul li {
	padding-left: 10px;
}
/* Headings & Titles ---*/
.contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; }

.componentheading {
	border-bottom: 1px solid #ddd;
	color: #369;
	font-size: 150%;
	font-weight: bold;
}

h1.componentheading {
	background: #fff url(../images/h3-bg2.gif) left bottom repeat-x;
	border-top: 1px solid #ddd;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	margin: 0 -20px !important;
	padding: 10px 20px;
	text-transform: uppercase;
}

h1.componentheading span {
	background: url(../images/title-bg2.png) right bottom no-repeat;
	display: inline-block;
	padding-right: 11px;
}

h1.componentheading span span {
	background-position: left top;
	color: #777;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 11px;
	padding-right: 0;
}

h2.contentheading, .contentheading { font-weight: normal; }

h1 { color: #369; }

.ja-content-main { margin: 0; padding: 0 20px; }

.contentheading { font-size: 200%; }

.blog {
	background: url(../images/box-ct-bg.gif) left top repeat-x;
	margin: 0 -20px;
}

.blog .contentheading { color: #369; font-size: 150%; }
.blog .jac-add-button.contentpaneopen {background: #f7f7f7; padding: 5px 10px; margin-bottom: 10px; }

.blog .system-unpublished {padding: 20px; margin: -10px 0 -16px;}
.blog .system-unpublished:after {display: block; content: ""; clear: both;}
.blog .system-unpublished .jac-add-button.contentpaneopen{background: #c4d3df;}

.category { font-size: 110%; font-weight: bold; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc, p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 90%; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 2px;
	padding: 5px;
	vertical-align: middle;
}

label { vertical-align: middle; }

.inputbox, .txtbox {
	background-color: #F2F6FC;
	border: 1px solid #ddd;
	padding: 5px;
}

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

.button {
	background: #fff url(../images/button-bg.gif) repeat-x bottom center;
	border: 1px solid #ddd;
	cursor: pointer;
	line-height: 1;
	overflow: visible;
	padding: 5px 10px;
}

/* josForm */
form.josForm { padding-bottom: 20px; }

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { font-size: 110%; text-transform: none; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }

.contact-form #jform_contact_emailmsg, .contact-form input { width: 210px; }

.contact-form #jform_contact_email_copy { width: 13px; }

.jicons-icons img { float: left; padding-right: 5px; }

div.reset,
div.remind {
	padding-bottom: 20px;
}

#ja-mainbody{
width:620px !important;
}

#ja-right{
width:320px !important;
}
.ja-contentslider{
overflow:hidden;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
.element-invisible {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* Layout Deco ---*/
.leading {
	border-bottom: 1px solid #ccc;
	margin: 0 20px;
	padding-top: 10px;
}

.article_row {
	background: url(../images/border-3.gif) left bottom repeat-x;
	padding-bottom: 24px;
	padding-top: 10px;
}

.article-content { overflow: visible; }

.items-more { margin: 0 20px; }

/* Meta ---*/
.article-tools {
	clear: both;
	color: #777;
	display: block;
	line-height: normal;
	margin: 5px 0;
	position: relative;
}

.article-meta { float: left; padding: 0; width: auto; }

.article-section, .article-category { color: #777; }

.createby { color: #1C1C1C; padding: 3px; }

.createdate { color: #777; padding: 3px 0 3px 0; }

.modifydate { color: #777; display: block; margin: 10px 0; }

dl.article-info {width: 80%;}

.contentdescription {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.weblinks .contentdescription img { margin-right: 10px; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: left; margin: 0 5px 0 0; }

.content_rating { }

.content_rating img { padding: 0 4px; }

ul.actions { margin: 0 !important; }

ul.actions li { background: none !important; }

dl.article-info dd, dl.article-info dt { margin: 0 !important;}

/* Inline images ---*/
.img_caption { border: 1px solid #2B2B26; overflow: hidden; }

img.caption { margin-bottom: 0; margin-top: 0; }

.img_caption.left { margin-right: 20px; }

.img_caption.right { margin-left: 20px; }

#jac-social-links img,
#jac-wrapper img { background: transparent; }

.moduletable_tab p { display: none; }

.img_caption p {
	background: #181818;
	color: #777;
	margin: 0;
	padding: 2px 0 0;
	text-align: center;
}

.contentpaneopen { position: relative; }

.haveimage, .article_column .haveimage { min-height: 190px; padding-left: 158px !important; }

.article-image { left: 0; position: absolute; top: 5px; }

/*Inline images ---*/
p.img_caption {
	color: #999;
	margin: 0 !important;
	text-transform: uppercase;
}

/* Tables ---*/
thead tr th {
	background: #F2F6FC;
	border-bottom: 1px solid #ccc;
	color: #777;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #777; }

tbody tr td { border-bottom: 1px solid #ccc; padding: 5px; }

tbody tr.odd td { background-color: #f6f6f6; }

tbody tr:hover td { background: #ffffcc; }

table.contentpane, table.tablelist { margin-top: 10px; width: 100%; }

.contentpane { margin-top: 10px; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

/* Poll */
form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; }

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

#ja-mainnav a.poll-result:hover { background: none !important; }

/* Pagination ---*/
.ja-content-main .pagination ul { margin-left: 20px; width: auto; }

.pagination ul li { background: none !important; }

.ja-content-main .counter { margin-right: 20px !important; width: auto; }

.pagination ul li span { line-height: 20px; }

.blog_more {
	border-bottom: 1px solid #ccc;
	margin: 0 20px;
	padding-left: 30px;
}

.blog_more h2 { font-size: 125%; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable, div.moduletable { margin: 0; padding: 0; }

div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/h3-bg.gif) repeat-x left bottom #252525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
}

div.ja-moduletable h3 span {
	background: url(../images/title-bg.png) right bottom no-repeat;
	display: inline-block;
	padding-right: 11px;
}

div.ja-moduletable h3 span span {
	background-position: left top;
	color: #555;
	height: 20px;
	line-height: 17px;
	padding-left: 11px;
	padding-right: 0;
}

div.ja-moduletable .ja-box-ct {
	border-bottom: 1px solid #2c2c2c;
	border-top: 1px solid #151515;
	padding: 10px 20px;
}

div.ja-moduletable ul, div.ja-module ul { margin: 0; }

.ja-moduletable ul li,
.ja-module ul li,
.ja-content-main ul li {
	background: url(../images/bullet.png) no-repeat scroll left center;
}

.ja-moduletable #login-form ul li { padding-left: 15px; }
.ja-moduletable #login-form .add-on {
	background: #333; 
	padding: 8px 0; 
	line-height: 20px; 
	display: block;
	float: left;
	width: 24px;
	text-align: center;
}
.ja-moduletable #login-form .add-on + input {width: 70%; }

#form-login-remember #modlgn-remember { background: none; border: none; margin: 0; padding: 0; }

/* High light module ---*/
div.moduletable_hilite h3 {
	background-color: #4080bf;
	background-image: url(../images/hilite-bg.gif);
}

div.moduletable_hilite h3 span { background-image: url(../images/hilite-title-bg.png); }

div.moduletable_hilite h3 span span { color: #b3d2f1; }

/* Content top ---*/
#ja-content-top div.ja-moduletable h3 {
	background-color: #fff;
	background-image: url(../images/h3-bg2.gif);
}

#ja-content-top div.ja-moduletable h3 span { background-image: url(../images/title-bg2.png); }

#ja-content-top div.ja-moduletable h3 span span { color: #777; }

#ja-content-top div.ja-moduletable .ja-box-ct {
	background: url(../images/box-ct-bg.gif) left top repeat-x;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ddd;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* Tooltips --- */
.tool-tip { color: #353535; }
.com_content .tooltip {color: #353535 !important; height: 80px !important;}

/* BOX STYLE
--------------------------------------------------------- */
/* Top ---*/
.top {
	background: url(../images/bx-tc.png) left top repeat-x;
	height: 15px;
	margin: 0 10px;
}

.top .tl {
	background: url(../images/bx-tl.png) left top no-repeat;
	float: left;
	height: 15px;
	margin-left: -15px;
	width: 15px;
}

.top .tr {
	background: url(../images/bx-tr.png) right top no-repeat;
	float: right;
	height: 15px;
	margin-right: -15px;
	width: 15px;
}

/* Middle style ---*/
.mid { margin: 0 -5px; padding: 0 10px; position: relative; }

.mid .main-inner { background-color: #1C1C1C; }

.ml {
	background: url(../images/bx-ml.png) left top repeat-y;
	float: left;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 10px;
}

.mr {
	background: url(../images/bx-mr.png) right top repeat-y;
	float: right;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
}

/* Bottom style ---*/
.bot {
	background: url(../images/bx-bc.png) left bottom repeat-x;
	height: 15px;
	margin: 0 10px;
}

.bot .bl {
	background: url(../images/bx-bl.png) left bottom no-repeat;
	float: left;
	height: 15px;
	margin-left: -15px;
	width: 15px;
}

.bot .br {
	background: url(../images/bx-br.png) right bottom no-repeat;
	float: right;
	height: 15px;
	margin-right: -15px;
	width: 15px;
}

/* Edit --- */
.contentpaneopen_edit { clear: both !important; float: none !important; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main { }

#ja-container .main { min-height: inherit; }

#ja-container .top { display: none; }

#ja-current-content { background: #fff; color: #353535; }

#ja-inset1 { box-shadow: inset 1px 0 #2c2c2c; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-col { font-size: 90%; }

.ja-col div.ja-moduletable h3 { font-size: 90%;  }

.ja-col .inputbox { background: #222; border: 1px solid #333; color: #777; }

.ja-col .inputbox:hover,
.ja-col .inputbox:focus { background: #111; }

input[type="checkbox"], input[type="radio"] { background: 0; margin: 0; padding: 0; }

/* HEADER
--------------------------------------------------------- */
#ja-header .main { background: transparent; padding: 25px 0 15px; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; }

/* Logo Image ---*/
h1.logo { height: 41px; margin-top: 10px; width: 220px; }

h1.logo a {
	background: url(../images/logo.png) no-repeat left;
	display: block;
	height: 41px;
	width: 220px;
}

/* Logo Text ---*/
div.logo-text h1 a {
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #333;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* Search ---*/
#ja-search {
	background: url(../images/search-bg.png) no-repeat right top;
	bottom: 10px;
	height: 34px;
	width: 290px;
}

#ja-search #mod-search-searchword {
	background: url(../images/icon-search.png) 99% 4px no-repeat;
	border: 0;
	color: #ababab;
	margin-top: 3px;
	padding: 5px 30px 5px 10px;
	vertical-align: middle;
	width: 246px;
}

/* Smart Search ---*/
.finder {
	padding: 24px 0;
}

.finder .word .btn {
	background: #fff url(../images/button-bg.gif) repeat-x bottom center;
	border: 1px solid #ddd;
	color: #777;
	cursor: pointer;
	display: inline-block;
	font-size: 95%;
	height: auto;
	line-height: normal;
	padding: 6px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: top;
}

.finder .word .btn:hover,
.finder .word .btn:active,
.finder .word .btn:focus {
	text-decoration: none;
	color: #369;
}

.finder .word .icon-search:before  {
	display: block;
}



/* Topnav ---*/
#ja-topnav { float: right; margin-bottom: 5px; }

#ja-topnav li {
	background: url(../images/border-1.gif) left center no-repeat;
	display: inline;
	font-size: 90%;
	margin-left: 10px;
	padding-left: 10px;
}

#ja-topnav li:first-child { background: none; margin-left: 0; padding-left: 0; }

#ja-topnav a { color: #ababab; }

#ja-topnav a:hover { color: #369; text-decoration: none; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav .main { }

#ja-mainnav .mid .main-inner {
	background: url(../images/bx-ct-bg2.gif) repeat scroll left top;
}

#ja-mainnav .tl {
	background: url(../images/bx-tl2.png) left top no-repeat;
}

#ja-mainnav .tr {
	background: url(../images/bx-tr2.png) right top no-repeat;
}

#ja-mainnav .top {
	background: url(../images/bx-tc2.png) left top repeat-x;
}

#ja-mainnav .bot { display: none; }

#ja-mainnav li a {
	color: #b3d2f1;
	font-size: 90%;
	text-transform: uppercase;
}

#ja-mainnav li .ja-moduletable a { color: #369; text-decoration: underline; }

#ja-mainnav li li a { font-size: 100%; text-transform: none; }

/* Breadcrumbs ---*/
.ja-breadcrums img { display: none; }

.ja-breadcrums a {
	background: url(../images/arrow-1.png) no-repeat 95% center;
	padding-right: 20px !important;
}

.ja-breadcrums, .ja-links { margin-top: 0; }

/* Extras ---*/
.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-top: 1px solid #252525; }

#ja-container ul.menu li:first-child { border-top: 0; }

#ja-container ul.menu li a {
	background: url(../images/arrow-1.gif) right 12px no-repeat;
	color: #ccc;
	padding-right: 12px;
}

#ja-container ul.menu li a:hover{ color: #369; text-decoration: none; }

#ja-container ul.menu li.active > a { color: #369; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }

#ja-topsl li, #ja-botsl li { background-position: 2px 8px; padding-left: 12px; }

/* Top spotlight ---*/
#ja-topsl .main { border-bottom: 1px solid #ccc; }

/* Bot spotlight ---*/
#ja-botsl .main { padding: 0; }

#ja-botsl .main-inner1 {
	background: url(../images/bx-ct-bg.gif) repeat-x left top #1c1c1c;
	margin: 4px;
}

#ja-botsl .mid .main-inner {
	background: url(../images/bx-ct-bg.gif) repeat-x scroll left top #1c1c1c;
}

#ja-botsl .tl {
	background: url(../images/bx-tl1.png) left top no-repeat;
}

#ja-botsl .tr {
	background: url(../images/bx-tr1.png) right top no-repeat;
}

#ja-botsl .top {
	background: url(../images/bx-tc1.png) left top repeat-x;
}

#ja-botsl h3 { background: none; margin: 0; }

	
#ja-botsl h3 span span { line-height: 20px; }

#ja-botsl .ja-box-ct { border: 0; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* system-message */
#system-message { margin: 0; }

#system-message dd.message ul { background: #0055BB; color: #fff; }

/* Others ---*/
#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv img { border: 0; margin-left: 20px; }

div.ja-innerdiv h4 {
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}

/* Override mega menu ---*/
.group-content div.ja-moduletable .ja-box-ct { border: 0; }

/* Custom underlist style ---*/
ul.two-cols { margin-top: 10px; }

ul.two-cols li { float: left; width: 40%; }

ul.two-cols li a { color: #555; font-size: 92%; }

ul.two-cols li { margin-bottom: 0; margin-top: 5px; }

/* Text note ---*/
.text-note { color: #555; font-size: 92%; margin-top: 5px; }

/* NAVHELPER
----------------------------------------------------------- */
#ja-navhelper .main { padding: 0; }

#ja-navhelper .main-inner { padding: 0 15px; }

.ja-breadcrums { margin-left: 0; }

.ja-links li.top { height: auto; margin: 0; padding: 0; }

/* FOOTER
----------------------------------------------------------- */
#ja-footer { padding: 15px 0 20px; }

#ja-footer .main { padding: 0; position: relative; text-align: left; }

#ja-footer .main-inner1 { margin: 0 20px; }

#ja-footer .ja-copyright { margin-bottom: 5px; }

#ja-footer small { color: #9a9a9a; }

#ja-footer small a { color: #fff; }

/* T3 Framework logo ---*/
#ja-poweredby {
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	top: 10px;
}

.t3-logo a:hover, .t3-logo a:active, .t3-logo a:focus { text-decoration: none; }

/* Footer links ---*/
.ja-footnav li {
	background: url(../images/icon-dash.gif) no-repeat left center;
	float: left;
	padding: 0 7px;
}

.ja-footnav li:first-child { background: none; padding-left: 0; }

.ja-footnav li a { color: #9a9a9a; display: block; text-decoration: none; }

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #369; }

.ja-footnav .ja-firstitem { background: none; padding-left: 0; }

/* Copyright Info. ---*/
.ja-copyright small { display: block; }

div.contact { margin-bottom: 15px; }

.contact .panel { line-height: normal !important; }

.contact .panel .contact-form form, .contact .panel .contact-address { margin-top: 0 !important; }

.pane-hide .contact-form { margin: 0 !important; padding: 0 !important; }

.contact .pane-slider.pane-hide { padding: 0 !important; }

.registration { margin-bottom: 15px; }

.registration form input.required { float: left; padding: 3px; }

/* Tags */
ul.tags li { background-image: none; display: inline-block; padding: 0;}
ul.tags li a { color: #b3d2f1; background: #369; padding: 3px 10px; border-radius: 10px; font-size: 11px;}
ul.tags li a:hover { color: #fff; background: #353535; text-decoration: none;}

.com_mailto.contentpane #ja-switch, .com_jacomment.contentpane #ja-switch{ display: none !important; }

.item-page ul.star li span.icon { padding-left: 0 !important; }

#jac-login-joomla-form h2 { color: #333; }

#jac-login-joomla-form #ja-form-login-username label,
#jac-login-joomla-form #ja-form-login-password label { color: #333; }

#jac-login-joomla-form ul li { background-position: left 7px; padding-left: 10px; }

.login_form label, .login label {
	text-align: left;
	width: 100px;
}

.profile { padding: 0 0 20px 0; }

.profile a.button, .profile-edit button{ color: #777777; font-size: 95%; padding: 2px 10px; }

.profile a.button:hover,
.profile a.button:focus,
.profile a.button:active { color: #336699; text-decoration: none; }

button {
	background: #fff url(../images/button-bg.gif) repeat-x bottom center;
	border: 1px solid #ddd;
	color: #777;
	cursor: pointer;
	font-size: 95%;
	line-height: 1;
	overflow: visible;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

button:hover { color: #336699; }

fieldset dt { min-width: 15em; }

.tip-wrap {
	color: #111;
}

.blogpage .img_caption {
	margin-top: 5px;
}

.cat-children ul li {
	background-position: left 7px;
	padding-left: 15px;
}

.contact-form fieldset dd {
	margin-left: 0px;
}