/*
#------------------------------------------------------------------------
  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
#------------------------------------------------------------------------
*/


/* COMMON STYLE
--------------------------------------------------------- */
body {background: #fff;color: #000;}
body#bd { background: #fff; color: #333; }

/* Normal links ---*/
a { color: #069; text-decoration: underline; }

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

/* 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; }
.componentheading {border-bottom: 1px solid #ccc;}
small, .small { color: #999; }

/* List ---*/
.column ul li {	background: url(../images/bullet.gif) no-repeat 20px 7px;}
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.gif) repeat-x top #333;
	border: 1px solid #333;
	color: #ccc;
}

.button:hover, .button:focus {
	background: #333;
	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: #f6f6f6;border: 1px solid #ddd;color: #999;}
.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;}

/* Pagination ---*/
ul.pagination a {background: #f6f6f6; border: 1px solid #ccc;	color: #000;}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #069;
	border: 1px solid #069;
	color: #fff;
}
ul.pagination li {background: none;}

.counter span {background: #069;	border: 1px solid #069;	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: #333;}
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: #ccc; background: #444;}
#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

/* 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: #7ba566;}
.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; border-bottom: 5px solid #ccc;}
/* HEADER
--------------------------------------------------------- */
#ja-header { background: #333;}

#ja-header .main {
	background-color: #333;
	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: #ccc;}
p.site-slogan {background: #444;	color: #999;}

/* Header mask ---*/
.ja-headermask {
	background: url(../images/header-mask.png) no-repeat top right;}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {background: url(../images/grad1-mask.png) repeat-x top #444;border-top: 1px solid #666;}
span.menu-desc {	color: #999;}

/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #666; background: #333;}
#ja-subnav ul {background: #333;}
#ja-subnav ul.active { background: #333; }
#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; }

/* 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;	border-left: 0;}
#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: #069 !important;}
#ja-subnav ul li ul li a.active {color: #069 !important;}

/* Breadcrumbs ---*/
.ja-navhelper { background: #f6f6f6; border-bottom: 1px solid #ccc; }
.ja-navhelper a {color: #069;}
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus {color: #fff; background-color: #069;}

/* Extras ---*/
.ja-links li { background: none;}
.ja-links li.top a {background: url(../images/arrow2.png) no-repeat 5px center;}
.ja-links li.top a:hover { background-color: #069; }
.ja-links li.layout-switcher a {background: #069; color: #fff;}
.ja-links li.layout-switcher a:hover { background: #666; color: #fff;}
.ja-links li.user-reset a {background: #bf0000; 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: #069; background: #f6f6f6; }

#ja-container ul.menu li.active a { color: #069;}
#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: #069 !important; background: none; }

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

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {background: url(../images/dot3.gif) repeat-y right;}

#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-top: 1px solid #666; border-bottom: 1px solid #666; background: #444; color: #ccc;}
#ja-topsl h3 {color: #fff; background: none;}

/* Bot spotlight ---*/
#ja-botsl {background: #444; color: #999;}
#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: #666666;}
#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;}
.ja-footnav .ja-firstitem { border-left: 0;}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font li, ul.ja-usertools-screen li {background: none;}
/* Others ---*/
#ja-banner {	border-top: 1px solid #ccc;}
div.ja-innerdiv {border-bottom: 1px dotted #ccc;}
.cufon-canvas { padding: 1px 0 3px; }

/* Mega Menu */
 .ja-megamenu a.over, .ja-megamenu a.active { color: #ffffff !important; }

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 {border-right: 1px solid #666;}
ul.level0 li.mega a.mega {
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	color: #cccccc;
}
ul.level0 li.mega span.menu-desc {color: #999;}
ul.level0 li.over, ul.level0 li.haschild-over {background: url(../images/grad1-mask.png) repeat-x top #666;}
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 top #006699;}

/* Styling ---*/
ul.level1 li.mega { border-top: 1px dotted #444; }
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 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: #333333; border: 1px solid #666666; 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 {}
.group-title {border-bottom: 1px solid #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 #4bf;
	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 #4bf;
	color: #fff;
}
#ja-cssmenu li ul {
	border: 1px solid #000;
	border-top: 0;
	background: #004;
}

#ja-cssmenu a:hover, #ja-cssmenu a:active {background: url(../images/grad1-mask.png) repeat-x bottom left #069;}
#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 #069;
	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 #4bf;
	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: #4bf;
	color: #fff;
}



/**** 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 #00f;
	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 #4bf;
	color: #fff;
}


/**** DROP LINE ****/

#jasdl-mainnav a:hover,
#jasdl-mainnav ul li.hover a {
	background: url(../images/grad1-mask.png) repeat-x bottom left #00f;
	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 #006699;
	color: #fff;
}