/*

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

# JA Anion template for Joomla 1.5.x

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

# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# bound by Proprietary License of JoomlArt. For details on licensing, 

# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.

# Author: JoomlArt.com

# Websites:  http://www.joomlart.com -  http://www.joomlancers.com

# Redistribution, Modification or Re-licensing of this file in part of full, 

# is bound by the License applied. 

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

*/



/* 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 fixed; }



/* Normal links ---*/

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



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



/* Readon links ---*/

.readon {

	display: inline-block;

	background: url(../images/button-bg.png) right bottom no-repeat;

	padding-right: 11px;

	color: #777;

}



.readon span {

	display: inline-block;

	background: url(../images/button-bg.png) left top no-repeat;

	height: 20px;

	padding-left: 11px;

	padding-right: 0;

	line-height: 20px;

}



.readon:hover {

	text-decoration: none;

	color: #369;

}



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

}



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

	border-top: 1px solid #ddd;

	font-size: 85%;

	text-transform: uppercase;

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

	margin: 0 -20px !important;

	background: #fff url(../images/h3-bg2.gif) left bottom repeat-x;

	padding: 10px 20px;

}



h1.componentheading span {

	display: inline-block;

	background: url(../images/title-bg2.png) right bottom no-repeat;

	padding-right: 11px;

}



h1.componentheading span span {

	background-position: left top;

	height: 20px;

	padding-left: 11px;

	padding-right: 0;

	color: #777;

	line-height: 20px;

	font-weight: bold;

}



h2.contentheading, .contentheading {

	font-weight: normal;

}



.ja-content-main {

	padding: 0 20px;

	margin: 0;

}



.contentheading { font-size: 200%; }



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



.blog .contentheading { font-size: 150%; color: #369; }



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

	padding: 2px;

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

	vertical-align: middle;

	margin: 0;

	padding: 0;

}



label {
	 vertical-align: middle; 
	 margin-left: 5px;
	 margin-right: 15px;

}



.inputbox, .txtbox {

	background-color: #F2F6FC;

	border: 1px solid #ddd;

	padding: 3px 5px;

}



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



.button {

	background: #fff url(../images/button-bg.gif) repeat-x bottom center ; 

	border: 1px solid #ddd;

	padding: 0 10px;

	height: 20px;

	padding-bottom: 2px;

	overflow: visible;

	line-height: 1;

	cursor: pointer;

}



/* josForm */

form.josForm {

	padding-bottom: 20px;

}



/* Search ---*/

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



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



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



/* Contact ---*/

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





/* JOOMLA STYLE

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

/* Layout Deco ---*/

.leading { border-bottom: 1px solid #ccc; margin: 0 20px; }



.article_row {

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

	padding-bottom: 24px;

	padding-top: 10px;

}



.article-content {

	overflow: visible;

}



/* Meta ---*/

.article-tools {

	clear: both;

	color: #777;

	display: block;

	line-height: normal;

	margin: -5px 0 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; }



.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; display: none }



.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-top: 0; }



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



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



#jac-social-links img,

#jac-wrapper img { background: transparent; }



.img_caption p {

	background: #181818;

	color: #777;

	margin: 0;

	padding: 2px 0 0;

	text-align: center;

}



.contentpaneopen { position: relative; }



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



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



/*Inline images ---*/

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



/* Tables ---*/

.sectiontableheader {

	border-bottom: 1px solid #ccc;

	background: #F2F6FC;

	color: #777;

	padding: 5px;

}



.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:focus,

.sectiontableheader a:active { color: #777; }



.sectiontableentry,

.sectiontableentry0,

.sectiontableentry1,

.sectiontableentry2 { border-bottom: 1px solid #ccc; padding: 5px; }



.sectiontableentry:hover,

.sectiontableentry0:hover,

.sectiontableentry1:hover,

.sectiontableentry2:hover { background: #ffffcc; }



.sectiontableentry2 { background-color: #f6f6f6; }



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



.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-size: 85%;

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

	margin: 0;

	padding: 10px 20px;

	text-transform: uppercase;

}



div.ja-moduletable h3 span {

	display: inline-block;

	background: url(../images/title-bg.png) right bottom no-repeat;

	padding-right: 11px;

}



div.ja-moduletable h3 span span {

	background-position: left top;

	height: 20px;

	padding-left: 11px;

	padding-right: 0;

	color: #555;

	line-height: 17px;

}



div.ja-moduletable .ja-box-ct {

	border-top: 1px solid #151515;

	border-bottom: 1px solid #2c2c2c;

	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 20px 7px;

}



/* High light module ---*/

div.moduletable_hilite h3 {

	background-image: url(../images/hilite-bg.gif);

	background-color: #4080bf;

}



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-image: url(../images/h3-bg2.gif);

	background-color: #fff;

}



#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-top: 1px solid #ddd;

	border-bottom: 1px solid #fff;

}



/* Advertisement ---*/

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



/* Tooltips --- */

.tool-tip {

	color: #353535;

}



/* BOX STYLE

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

/* Top ---*/

.top {

	height: 15px;

	background: url(../images/bx-tc.png) left top repeat-x;

	margin: 0 10px;

}



.top .tl {

	width: 15px;

	height: 15px;

	float: left;

	margin-left: -15px;

	background: url(../images/bx-tl.png) left top no-repeat;

}



.top .tr {

	width: 15px;

	height: 15px;

	float: right;

	margin-right: -15px;

	background: url(../images/bx-tr.png) right top no-repeat;

}



/* Middle style ---*/

.mid {

	position: relative;

	padding: 0 10px;

	margin: 0 -5px;

}



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



.ml {

	background: url(../images/bx-ml.png) left top repeat-y;

	float: left;

	width: 10px;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}



.mr {

	background: url(../images/bx-mr.png) right top repeat-y;

	float: right;

	width: 10px;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

}



/* Bottom style ---*/

.bot {

	height: 15px;

	background: url(../images/bx-bc.png) left bottom repeat-x;

	margin: 0 10px;

}



.bot .bl {

	width: 15px;

	height: 15px;

	float: left;

	margin-left: -15px;

	background: url(../images/bx-bl.png) left bottom no-repeat;

}



.bot .br {

	width: 15px;

	height: 15px;

	float: right;

	margin-right: -15px;

	background: url(../images/bx-br.png) right bottom no-repeat;

}



/* Edit --- */

.contentpaneopen_edit {

	float: none !important;

	clear: both !important;

}



/* MAIN LAYOUT DIVS

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

.main { }



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



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



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



/* SIDE COLUMNS

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

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



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



.ja-col .inputbox {

	border: 1px solid #333;

	color: #777;

	background: #222;

}



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

	width: 210px;	

	height: 41px;

	margin-top: 10px;

}



h1.logo a {

	background: url(../images/logo.png) no-repeat left;

	display: block;

	width: 210px;	

	height: 55px;
	margin-top: -10px;

}



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

	height: 34px;

	width: 290px;

	bottom: 10px;

}



#ja-search #mod_search_searchword {

	background: url(../images/icon-search.png) 99% 4px no-repeat;

	border: 0;

	width: 246px;

	padding: 5px 30px 5px 10px;

	margin-top: 3px;

	vertical-align: middle;

	color: #ababab;

}



/* Topnav ---*/

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



#ja-topnav li {

	display: inline;

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

	padding-left: 10px;

	margin-left: 10px;

	font-size: 90%;

}



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

	text-transform: none;

	font-size: 100%;

}



/* Breadcrumbs ---*/

.ja-breadcrums img { display: none; }



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



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

	text-decoration: none;

	color: #369;

}



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



/* SPOTLIGHT

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

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



#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 { font-size: 92%; color: #555; }



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



/* Text note ---*/

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



/* NAVHELPER

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

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



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



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



.ja-links li.top {

	margin: 0;

	height: auto;

	padding: 0;

}



/* FOOTER

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

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



#ja-footer .main {

	text-align: left;

	padding: 0;

	position: relative;

}



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

	top: 10px;

	right: 20px;

	text-indent: -9999px;

}



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

	padding-left: 0;

	background: none;

}



.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; }

/* daily program */

.calendar-title-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #F6CD2A;
	padding-left: 4px;
	height: 25px;
	
}
.calendar-grey-dark, .calendar-grey-dark a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3F;
	background-color: #C7C6CA;
	padding-left: 4px;
	}
.calendar-grey-light,.calendar-grey-light a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3F;
	background-color: #E8E8EA;
	padding-left: 4px;
	}
	
.calendar-venue1, .calendar-venue2, .calendar-venue3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3F;
	padding-left: 4px;
	}
	
.calendar-venue1 {
	background-color: #FFFF99;
}

.calendar-venue2 {
	background-color: #CC99CC;
}

.calendar-venue3 {
	background-color: #99CC99;
}

.calendar-venue4 {
	background-color: #96bbe7;
}

.notice {
	background-color: #ffc0d5;
}


TABLE.cal{width:620px;border-bottom:solid 1px #E8E8EA;border-right:solid 1px #E8E8EA;margin:0;}
TABLE.cal TH{background-color:#C7C8CA;height:15px;padding:0;}
TABLE.cal TH.label{width:130px;border-left:solid 1px #C7C8CA;}
TABLE.cal TH.hour{font-family:Arial;font-size:11px;width:37px;border-left:solid 1px #000;padding-left:0;vertical-align:middle;color:#000;font-weight:700;}
TABLE.cal TH.hour SPAN{margin-left:2px;}
TABLE.cal TD{height:15px;font-family:Arial, Sans-serif;font-size:11px;font-weight:700;padding:0 0 5px;}
TABLE.cal TD.label{background-color:#fff;border-left:solid 1px #E8E8EA;}
TABLE.cal TD.label SPAN{display:block;padding-left:1px;padding-right:0;}
TABLE.cal TD.hour{height:15px;}
TABLE.cal TD.gray{background-color:#E8E8EA;}