/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/*** BLACK COLOR ***/

/* COMMON STYLE
--------------------------------------------------------- */
body {background: #fff;	color: #000;}
body#bd { background: #fff; color: #000; }
/* Normal links ---*/
a { color: #444;}
a:hover, a:active, a:focus { color: #ccc;}
/* Readon links ---*/
a.readon {background: url(../images/arrow.png) no-repeat 5px 48%; border: 1px solid #F6F6F6;}
a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 {	color: #000;}
.componentheading {border-bottom: 1px solid #ccc;}
/* Small text ---*/
small, .small { color: #999; }
/* List ---*/
.column ul li {background: url(../images/bullet.gif) no-repeat 20px 7px;}
/* Others ---*/
hr {	border-top: 1px solid #ccc;}

/* FORM
--------------------------------------------------------- */
.inputbox { background: #fff; border: 1px solid #ccc; }
.inputbox:hover, .inputbox:focus { background: #FFFFCC; }
.button {background: url(../images/grad1-mask.png) repeat-x bottom left #444; border: 1px solid #333; color: #ccc;}
.button:hover, .button:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc; border: 1px solid #999;	color: #fff;}
/* Search ---*/
form#searchForm {border-top: 1px solid #ccc;}
.searchintro {border-bottom: 1px solid #ccc;}
/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ddd;}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.leading {border-bottom: 1px solid #ccc;}
/* Meta ---*/
.article-tools {	background: #000;border: 1px solid #ddd;color: #fff;}
.article-section, .article-category { color: #999; }
.createby {background: url(../images/icon-user.gif) no-repeat 0 2px;}
.createdate {background: url(../images/icon-date.gif) no-repeat 0 2px;}
.modifydate { color: #999;}
.contentdescription {border-bottom: 1px solid #ccc;}
/*Inline images ---*/
.img_caption { color: #999;}
.img_caption p {	background: #333; border-top: 1px solid #fff; color: #ccc;}
/* Tables ---*/
.sectiontableheader {background: #333;border: 1px solid #ccc;color: #fff;}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }
.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {background: url(../images/dot2.gif) repeat-x bottom;}
.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0;}
.sectiontableentry2 { background-color: #f6f6f6; }
/* Content Toc */
table.contenttoc {border: 1px solid #ddd;}
table.contenttoc a { color: #333; }
table.contenttoc td { border-bottom: 1px dotted #ccc;}
table.contenttoc th {	background: #f6f6f6; border-bottom: 1px solid #ddd;}
/* Poll */
form#poll {	border-bottom: 1px dotted #ccc;}
dl.poll {border-bottom: 1px dotted #ccc;}
table.pollstableborder td {background: #f6f6f6; border-bottom: 1px solid #ccc;}
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff;}
ul.pagination li {background: none;}
ul.pagination a {background: #f6f6f6; border: 1px solid #ccc; color: #000;}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {background: #000; border: 1px solid #ccc; color: #fff;}
.counter span {background: #000; border: 1px solid #ccc; color: #fff;}
.blog_more {	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.blog_more ul li {	background: url(../images/bullet.gif) no-repeat 5px 6px;}
/* Messages ---*/
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {background: none;	color: #fff;}
/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }
/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }
/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }
/* Tooltips --- */
.tool-tip {background: #ffffcc;	border: 1px solid #D4D5AA;}
.tool-title {background: url(../system/images/selector-arrow.png) no-repeat;}
.hasTip img { border: none;}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 { background: url(../images/dot2.gif) repeat-x bottom; color: #000;}
div.ja-moduletable, div.moduletable {border-bottom: 1px solid #ccc;}
/* Badge Module ---*/
.badge {	background-image: url(../images/icon-badge.png); background-repeat: no-repeat;}
/* Search Module ---*/
#ja-search {	background: url(../images/icon-search.gif) no-repeat center left;}
#ja-search .inputbox {border: 1px solid #333; color: #444; background: #ccc;}
/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }
div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999;}
/* Rounded Module --- */
div.ja-module h3, div.module h3 {	border-bottom: 1px solid #ccc; 	color: #000;}
.ja-box-br {	background: url(../images/b-br.gif) no-repeat bottom right #fff;}
.ja-box-bl {	background: url(../images/b-bl.gif) no-repeat bottom left;}
.ja-box-tr {	background: url(../images/b-tr.gif) no-repeat top right;}
.ja-box-tl {	background: url(../images/b-tl.gif) no-repeat top left;}
/* text */
div.module_text h3 {	border-bottom: 0;}
div.module_text span {background: #fff;}
div.module_text {background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;}
div.module_text .ja-box-bl {	background: url(../images/bt-bl.gif) no-repeat bottom left;}
div.module_text .ja-box-tr {	background: url(../images/bt-tr.gif) no-repeat top right;}
div.module_text .ja-box-tl {	background: url(../images/bt-tl.gif) no-repeat top left;}
/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {	background: none;}
/* red */
div.module_red {	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;}
div.module_red .ja-box-bl {background: url(../images/br-bl.gif) no-repeat bottom left;}
div.module_red .ja-box-tr {background: url(../images/br-tr.gif) no-repeat top right;}
div.module_red .ja-box-tl {background: url(../images/br-tl.gif) no-repeat top left;}
/* blue */
div.module_blue {background: url(../images/bb-br.gif) no-repeat bottom right #069;}
div.module_blue .ja-box-bl {background: url(../images/bb-bl.gif) no-repeat bottom left;}
div.module_blue .ja-box-tr {background: url(../images/bb-tr.gif) no-repeat top right;}
div.module_blue .ja-box-tl {background: url(../images/bb-tl.gif) no-repeat top left;}
/* green */
div.module_green {background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;}
div.module_green .ja-box-bl {background: url(../images/bg-bl.gif) no-repeat bottom left;}
div.module_green .ja-box-tr {background: url(../images/bg-tr.gif) no-repeat top right;}
div.module_green .ja-box-tl {background: url(../images/bg-tl.gif) no-repeat top left;}
/* black */
div.module_black {background: url(../images/bl-br.gif) no-repeat bottom right #333;}
div.module_black .ja-box-bl {background: url(../images/bl-bl.gif) no-repeat bottom left;}
div.module_black .ja-box-tr {background: url(../images/bl-tr.gif) no-repeat top right;}
div.module_black .ja-box-tl {background: url(../images/bl-tl.gif) no-repeat top left;}
/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }
/* Collapsible h3 ---*/
h3.show {background: url(../images/icon-show.png) no-repeat 100% 60%;}
h3.hide {background: url(../images/icon-hide.png) no-repeat 100% 60%;}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/* 
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
	background-position: 15px 60%;
	text-indent: 15px;
}
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container {background: url(../images/container-bg.gif) repeat-x top #fff;}

/* MAIN COLUMN
--------------------------------------------------------- */
/* Content Main ---*/
.ja-content-main { border: 1px solid #ccc;}

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }
.ja-col { }
/* Left Columns ---*/
#ja-left .ja-l2 { }
/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #000;}
#ja-header .main {background-color: #000;background-position: top right;background-repeat: no-repeat;}
/* Logo Image ---*/
h1.logo a {background: url(../images/logo.gif) no-repeat left;}
/* Logo Text ---*/
div.logo-text h1 a {color: #999;}
p.site-slogan {background: #ccc;	color: #444;}
/* Header mask ---*/
.ja-headermask {	background: url(../images/header-mask-black.png) no-repeat top right;}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {background: url(../images/grad1-mask.png) repeat-x top #444; border-top: 1px solid #000;}
span.menu-desc {	color: #999;}
/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #000; background: #444;}
#ja-subnav .main {background: #444;}
#ja-subnav ul {background: #444;}
#ja-subnav ul.active { background: #444; }
#ja-subnav li {background: none; border-left: 1px dotted #999;}
#ja-subnav li.first-item { border-left: 0; }
#ja-subnav ul li a { color: #ccc;}
#ja-subnav ul li a:hover { color: #fff;}
#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {color: #fff;}
#ja-subnav ul.active li a { color: #ccc; }
#ja-subnav ul.active li a:hover { color: #fff; }
#ja-subnav ul li.empty { visibility: hidden }
/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {background: #ddd;	border: 1px solid #ccc;}
#ja-subnav ul li.haschild a {background: url(../images/arrow.png) no-repeat right center;}
#ja-subnav ul li.haschild a:hover {background: url(../images/arrow3.png) no-repeat right center;}
#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none;}
#ja-subnav ul li ul li {	border-bottom: 1px solid #ccc;}
#ja-subnav ul li ul li a {background-image: none !important;	border: 0 !important; color: #333 !important;}
#ja-subnav ul li ul li a:hover {	background-image: none !important; color: #444 !important;}
#ja-subnav ul li ul li a.active {color: #444 !important;}
/* Breadcrumbs ---*/
.ja-navhelper { background: url(../images/grad1-mask.png) repeat-x bottom left #444;  border-bottom: 5px solid #444; }
.ja-navhelper .main { padding: 5px 0; }
.ja-navhelper a {color: #ccc;}
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; background-color: #000;}
.ja-breadcrums {	color: #fff;}
/* Extras ---*/
.ja-links li { background: none;}
.ja-links li.top a {background: url(../images/arrow2.png) no-repeat 5px center; color: #ccc;}
.ja-links li.top a:hover { background-color: #000; color: #fff;}
.ja-links li.layout-switcher a {background: #000;	color: #fff;}
.ja-links li.layout-switcher a:hover { background: #666; color: #fff;}
.ja-links li.user-reset a {background: #000; color: #fff;}
.ja-links li.user-reset a:hover { background: #666; color: #fff;}
/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }
#ja-container ul.menu li {	background: none; border-bottom: 1px dotted #ccc;}
#ja-container ul.menu li a {color: #333;}
#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #000; background: #f6f6f6; }
#ja-container ul.menu li.active a { color: #000;}
#ja-container ul.menu li li {background: url(../images/arrow.png) no-repeat left 11px; border-bottom: 0; border-top: 1px dotted #ccc;}
#ja-container ul.menu li li a {color: #333 !important;}
#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #000 !important; background: #f6f6f6;}
#ja-container ul.menu li.active > a { color: #000 !important;}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none;}
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable  {border-bottom: 0;}
#ja-topsl li, #ja-botsl li {background-image: url(../images/bullet2.gif);}
#ja-topsl a, #ja-botsl a {color: #ccc; border-bottom: 1px dotted #ccc;}
#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {color: #fff; border-bottom: 1px solid #fff;}
/* Top spotlight ---*/
#ja-topsl {border-bottom: 5px solid #444; background: #000; color: #fff;}
#ja-topsl h3 {color: #fff; background: none;}
/* Bot spotlight ---*/
#ja-botsl {background: #000; border-top: 5px solid #444; color: #fff;}
#ja-botsl .ja-moduletable, #ja-botsl .moduletable {border-bottom: 0;}
#ja-botsl h3 {color: #fff; background: none;}
.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;border-top: 1px solid #fff;}
#ja-footer .main {background: url(../images/dot1.gif) repeat-y 22% 0;color: #666;}
#ja-footer small { color: #666;}
/* Foot Links ---*/
.ja-footnav li {border-left: 1px solid #999;}
.ja-footnav li a {color: #666;}
.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-banner {	border-top: 1px solid #ccc;}
div.ja-innerdiv {border-bottom: 1px dotted #ccc;}

/* MEGA MENU 
----------------------------------------------------------------------------------------------------------------------*/
 .ja-megamenu a.over, .ja-megamenu a.active { color: #ffffff !important; }
 .ja-megamenu a.active {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc;}
.ja-megamenu a.over {background: url(../images/grad1-mask.png) repeat-x bottom left #333;}
/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 {border-right: 1px solid #000;}
ul.level0 li.mega a.mega {border-left: 1px solid #000; border-right: none;color: #ccc;}
ul.level0 li.mega span.menu-desc {color: #999;}
ul.level0 li.haschild a.mega span.menu-title,
ul.level0 li.haschild-over a.mega span.menu-title {background: url(../../images/arrow3.png) no-repeat left center;}
ul.level0 li.active {background: url(../images/grad1-mask.png) repeat-x bottom left #444;}
/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
ul.level1 li.mega {  }
ul.level1 li.first { border-top: 0; }
ul.level1 li.mega a.mega {	background: none; border: 0; color: #ccc;}
ul.level1 li.mega a.mega:hover, ul.level1 li.mega a.mega:active { background: #ccc;}
ul.level1 li.mega a.mega span.menu-title { background: none;}
ul.level1 li.haschild {background: url(../images/arrow.png) no-repeat 95% center;}
ul.level1 li.over, ul.level1 li.haschild-over { background: #444;}
ul.level1 li.group { background: none; }
 /* CHILD CONTENT
-----------------------------------*/
.childcontent-inner {background: url(../images/grad1-mask.png) repeat-x bottom left #444; border: 1px solid #000; color: #ccc;}
.childcontent .ja-moduletable {color: #ccc; border-bottom: 0;}
.childcontent .ja-moduletable h3 {background: none;color: #fff;border-bottom: 1px dotted #444;}
.childcontent .ja-moduletable a {color: #ccc; border-bottom: 1px dotted #ccc;}
.childcontent .ja-moduletable a:hover,
.childcontent .ja-moduletable a:focus,
.childcontent .ja-moduletable a:active {color: #fff;	border-bottom: 1px solid #fff;}
.childcontent .ja-moduletable li {background: url(../images/bullet2.gif) no-repeat 2px 7px !important;}
/* Grouped --- */
.group {border: 1px solid #000; background: #444;}
.group-title {border-bottom: 1px solid #000; background: url(../images/grad1-mask.png) repeat-x bottom left #444;}
.group-title .menu-title {color: #fff;}
.group-title .menu-desc {color: #999;}

/**** CSS / MOO MENU 
---------------------------------------------------------------------------------------------------------------------------------****/
#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {background: url(../images/grad1-mask.png) repeat-x bottom left #444;color: #fff;}
#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #444; color: #fff;}
#ja-cssmenu li ul {border: 1px solid #000;	border-top: 0; background: #444;}
#ja-cssmenu a:hover, #ja-cssmenu a:active {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc;}
#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc; color: #fff;}
#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc; color: #fff;}
#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {background: #ccc;color: #fff;}
#ja-cssmenu li a span.menu-title {color: #fff;}
#ja-cssmenu ul li a span.menu-title {color: #fff;}
#ja-cssmenu ul ul li a span.menu-title {color:#fff;}
#ja-cssmenu span.menu-desc {color: #ccc}

/**** SPLIT MENU 
--------------------------------------------------------------------------------------------------------------------------------****/
#ja-splitmenu { border-right: 1px solid #000;}
#ja-splitmenu a {border-left: 1px solid #000; border-right: none; color: #ccc;}
#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc; color: #fff;}
#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc;color: #fff;}

/**** DROP LINE 
--------------------------------------------------------------------------------------------------------------------------------****/
#jasdl-mainnav a:hover,
#jasdl-mainnav ul li.hover a {background: url(../images/grad1-mask.png) repeat-x bottom left #333; color: #fff;}
#jasdl-mainnav li.active a,
#jasdl-mainnav li.active a:hover,
#jasdl-mainnav li.active a:active,
#jasdl-mainnav li.active a:focus {background: url(../images/grad1-mask.png) repeat-x bottom left #ccc;color: #fff;}