/*

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

# JA Teline III - Version 1.3 - Licence Owner JA69177

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

# Copyright (C) 2004-2009 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 {
	background: #f9f9f8;
	color: #333333;
	font-family: Arial, sans-serif;
	line-height: 1.5;
}



body#bd {
	color: #333333;
	background-color: #f9f9f8;
}



body.fs1 {font-size: 10px;}

body.fs2 {font-size: 11px;}

body.fs3 {font-size: 12px;}

body.fs4 {font-size: 13px;}

body.fs5 {font-size: 14px;}

body.fs6 {font-size: 15px;}



/* Normal links ---*/

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



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



/* Readon links ---*/

a.readon { text-transform: uppercase; }



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



/* 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: 0px;
	padding: 0px;
}



/* Headings & Titles ---*/

h1 {font-size: 200%;}

h2 {font-size: 175%;}

h3 {font-size: 150%;}

h4 {font-size: 125%;}

h5 {font-size: 100%;}



.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2;
}



h1.componentheading, .componentheading {
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	margin-top: 0;
	margin-right: -15px;
	margin-bottom: 0;
	margin-left: -15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}



h1.componentheading-pressnews, .componentheading-pressnews {
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #f9f9f8;
}
h1.componentheading-tech , .componentheading-tech {
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	margin-top: 0;
	margin-right: -15px;
	margin-bottom: 0;
	margin-left: -15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #f9f9f8;
}




.componentheading {
	font-size: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: normal;
}
.componentheading-pressnews {
	font-size: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: normal;
}
.componentheading-tech {
	font-size: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: normal;
}


#content-outline {
	border: 1px solid #000000;
	z-index: 10;
}





h2.contentheading, .contentheading {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


.contentheading { font-size: 200%; }

h2.contentheading-tech {
	font-size: 16px;
	padding-left: 10px;
	font-weight: normal;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	width: 250px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.blog .contentheading {
	font-size: 16px;
}

.blog .leading .contentheading { font-size: 175%; }



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	font-weight: bold;

}



.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: 10px;

}



small, .small { color: #999999; }



.smalldark { text-align: left; }



/* List ---*/

.column ul li {

	background: url(../images/bullet.gif) no-repeat 15px 6px;

	line-height: 160%;

	padding-left: 25px;

	margin-bottom: 5px;

	line-height: 1.3;

	overflow: hidden;

}



.column ol li {

	line-height: 180%;

	margin-left: 35px;

}



/* Others ---*/

th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; }



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

	height: 1px;

}



/* FORM

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

form label { cursor: pointer; }



input, select, textarea, .inputbox {

	font-family: Arial, sans-serif;

	font-size: 100%;

}



.inputbox {

	color: #000;

	background-color: #fff;

	border: 1px solid #ddd;

	padding: 2px;

}



.inputbox:hover, .inputbox:focus {

	background-color: #fffff0;

	border: 1px solid #aaa;

}



.button {
	font-size: 12px;
	color: #333333;
	border: 1px solid #ddd;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}



.button:hover, .button:focus {

	border: 1px solid #aaa;

}



.checkbox { }

.radio { margin: 0 5px; }



/* Login Form ---*/
#form-login-username,

#form-login-password {
	padding-top: 10px;	
}



#form-login-username .inputbox,

#form-login-password .inputbox {
	font-weight: normal;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

#form-login-remember {
	
	padding-top: 10px;	
}

.josForm form-validate {
	padding-top: 10px;
	width: 250px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}


#form-login-username .inputbox {
	
	width: 210px;
}



#form-login-password .inputbox {

	
	width: 210px;

}


#form-login {
	margin: 0;
	width: 250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#form-login ul {  }




#form-login ul li {

	background: url(../images/bullet.gif) no-repeat 2px 7px !important;

	margin: 0;

	padding-left: 10px;

	overflow: hidden;

}



#form-login .button {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #515150;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}



/*Search Form ---*/

#ja-search {
	position:absolute;
	top: 63px;
	left: 785px;
}



#ja-search label { display: none; }



#ja-search .inputbox {
	background:#333333 none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-size:12px;
	padding-top:11px;
	width:127px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}



#ja-search .inputbox:hover, #ja-search .inputbox:focus {
	background:#333333 none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-size:12px;
	width:127px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 11px;
	font-weight: normal;
}



#ja-search .button {
	background:transparent url(../images/s-button.gif) no-repeat scroll 0 0;
	font-size:1%;
	font-weight:normal;
	height:37px;
	margin-left:0px;
	margin-top:0;
	position:absolute;
	text-transform:none;
	border: none;
	color: #333333;
	text-indent: -9999px;
	width: 52px;
	left: 135px;
}



/* JOOMLA STYLE

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

/* Layout Deco ---*/

.blog {}



.article_separator,

.leading_separator,

.row_separator,

.column_separator {
	display: none;
	background-image: url(../images/dot.gif);
}



.leading {

	border-bottom: 1px solid #ddd;

	background: #ebf2f7;

	padding-top: 15px;

	padding-bottom: 15px;

}



.article_row {
	border-right-width: 1px;
	
	border-right-style: solid;
	
	border-right-color: #000000;
	
	background-color: #FFFFFF;
}
.article_row-pressnews {
	background-color: #FFFFFF;
}



.article_column {
}



.column_separator {
	padding: 0 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}



/* Meta ---*/

.article-tools {
	display: block;
	clear: both;
	position: absolute;
	line-height: normal;
	color: #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	z-index: 99;
}



.blog .article-tools {

	background: none;

	border: 0;

	padding: 0;

}



.article-meta {
	padding: 0;
	float: left;
	z-index: 99;
	
}



.article-section, .article-category {

	color: #999999;

	font-size: 92%;

}



.createby {

	font-weight: bold;

}



.createdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	padding-left: 250px;
	padding-top: 10px;
	padding-bottom: 0px;
	z-index: 99;
}



.modifydate {

	color: #999;

	display: block;

	margin: 10px 0;

	text-transform: uppercase;

}



.contentdescription {

	display: block;

	border-bottom: 1px solid #ddd;

	padding: 10px 15px;

	margin: 0 -15px;

}



.contentdescription p {

	margin: 0;

}



.buttonheading {

	float: right;

}



.buttonheading img {

	margin: 0 5px 0 0;

	border: 0;

	float: right;

}



/*Inline images ---*/

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

.img_caption { color: #999; margin-bottom: 10px; }



.article-content img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.img_caption img { margin: 5px 0 0; }



.img_caption p {

	padding: 1px 0;

	color: #ccc;

	background: #333;

	border-top: 1px solid #fff;

	margin: 0;

	text-align: center;

}



/* Tables ---*/

.sectiontableheader {

	background: #333;

	color: #fff;

	border: 1px solid #ddd;

	padding: 5px;

}



.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:focus,

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



.sectiontableentry,

.sectiontableentry0,

.sectiontableentry1,

.sectiontableentry2 {

	padding: 5px 5px 6px;

	border-bottom: 1px solid #ddd;

}



.sectiontableentry:hover,

.sectiontableentry0:hover,

.sectiontableentry1:hover,

.sectiontableentry2:hover {

	background-color: #fffff0;

}



.sectiontableentry2 {

	background-color: #f7f7f7;

}



table.contentpane, table.tablelist { width: 100%; }



table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }



/* Content Toc */

table.contenttoc {

	margin: 0 0 10px 12px;

	padding: 0;

	width: 30%;

	border: 1px solid #ddd;

	float: right;

}



table.contenttoc a {

	color: #000;

}



table.contenttoc td {

	padding: 5px 10px;

	border-bottom: 1px solid #ddd;

}



table.contenttoc th {

	border-bottom: 1px solid #ddd;

	background: #f7f7f7;

	padding: 5px 10px;

	text-transform: uppercase;

}



/* Poll */

div.poll { padding: 15px 0; }

form#poll {

	border-bottom: 1px dotted #ddd;

	padding-bottom: 10px;

	margin-bottom: 10px;

	font-weight: bold;

}



dl.poll {

	font-size: 92%;

	border-bottom: 1px dotted #ddd;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { width: 100px; clear: left; }

dl.poll dd { clear: right; }



table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 5px !important;

	background: #f7f7f7;

	border-bottom: 1px solid #ddd;

	font-weight: bold;

}



table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td {

	background: #fff;

	font-weight: normal;

}



/* Search */

table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px !important;

}



/* Misc. */

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

	width: 100%;

}



/* Pagination ---*/

ul.pagination {

	margin: 15px 0;

	float: left;

	width: 75.05%;

}



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



ul.pagination li span {

	padding: 1px 3px;

}



ul.pagination a {

	padding: 1px 5px;

	border: 1px solid #ddd;

	background: #f7f7f7;

	color: #000;

}



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

	border: 1px solid #145077;

	text-decoration: none;

	background: #145077;

	color: #fff;

}



.sortby { margin: 10px 0 5px; font-size: 92%; }

.sortby .filter, .sortby .display { float: left; width: 25%; }

.sortby .display { float: right; text-align: right; }



.pagenavbar {

	background: url(../images/icon-pages.gif) no-repeat center left;

	font-weight: bold;

	padding-left: 14px;

}



.pagenavcounter {

	margin: 15px 0 !important;

	text-align: center;

}



.counter {

	margin: 15px 0 !important;

	float: right;

	text-align: right;

	width: 24%;

	line-height: 1;

}



.counter span {

	padding: 1px 5px;

	background: #145077;

	border: 1px solid #145077;

	color: #fff;

}



.blog_more {

	border-bottom: 1px solid #ddd;

	margin: 0 -15px;

	padding: 15px 15px 0;

}



.blog_more h2 {

	font-size: 115%;

	text-transform: uppercase;

	margin: 0 0 5px;

}



.blog_more ul li {

	background: url(../images/bullet.gif) no-repeat 5px 6px;

	padding-left: 15px;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	display: block;

	margin: 10px 0;

}



/* Messages ---*/

#system-message {

	margin: 0 -15px 10px;

}



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul {

	margin: 0;

	padding: 0;

}



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

	background: none;

	color: #FFFFFF;

	margin: 0;

	padding: 5px;

}



/* System Standard Messages */

#system-message dd.message ul {

	background: #145077;

	border: 0;

}



/* System Error Messages */

#system-message dd.error ul {

	background: #9c162e;

	border: 0;

}



/* System Notice Messages */

#system-message dd.notice ul {

	background: #333;

	border: 0;

}



/* Tooltips --- */

.tool-tip {

	background: #fff;

	border: 1px solid #D4D5AA;

	float: left;

	max-width: 300px;

	padding: 5px;

	z-index: 1000;

}



.tool-title {

	background: url(../../system/images/selector-arrow.png) no-repeat;

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	margin-top: -15px;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 15px;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



.hasTip img {

	border: none;

	margin: 10px 5px 0 0;

}



/* MODULE STYLES

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

div.ja-moduletable h3, div.moduletable h3 {

	margin: 0 0 5px;

	padding: 0;

	font-size: 110%;

	text-transform: uppercase;

	color: #000;

}



div.ja-moduletable, div.moduletable {
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	
}



/* Tabs Module ---*/

div.moduletable_tabs h3 {


	padding: 5px 15px;

	margin-bottom: 0;

}



div.moduletable_tabs { padding: 0; }



/* Hilite Module ---*/

div.moduletable_hilite { background: #F9F9F8; }


div.moduletable_pdfdownload { background: #F9F9F8; }

/* JA Weather Module ---*/

#ja-widget-weather { margin: 0 -15px -15px; }



#ja-widget-weather .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }



#ja-widget-weather .ja-usersetting-form ul li { float: none; }



#ja-widget-weather .temp { color: #9c162e; }



/* Stock ---*/

#ja-widget-stock { margin: 0 -15px -15px; }



#ja-widget-stock .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }



#ja-widget-stock .graph { padding: 10px 15px; }



#ja-widget-stock .graph img {

	background: #fff;

	border: 1px solid #ddd;

	padding: 5px;

}



.graph, div.stock-list-v, div.last_update { padding: 0 15px; }



#jawidget-stock .paramlist { margin-bottom: 10px; }



div.last_update { font-size: 92%; color: #666; text-align: right; padding: 5px 15px; clear: both; display: block; }



/* Twitter Module ---*/

.twitter { padding: 15px 0 !important; }

.twitter h3 { padding: 0 15px !important; }

.ja-twitter { padding: 0 15px; }



.ja-twitter h4 {

	font-size: 92%;

	text-transform: uppercase;

	font-weight: normal;

	font-family: Arial, sans-serif;

	background: #f7f7f7;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	margin: 10px -15px;

	padding: 5px 15px;

}



.ja-twitter-avatar {

	float: left;

	margin-right: 5px;

	padding: 2px;

	border: 1px solid #ddd;

}



.ja-twitter center img { vertical-align: middle; }



div.ja-twitter div.ja-twitter-item {

	margin: 0 0 10px;

	padding: 0 0 10px;

	border-bottom: 1px dotted #ccc;

}



div.ja-twitter div.ja-twitter-source { font-weight: bold; }



div.ja-twitter div.ja-twitter-date { font-size: 92%; color: #666; }



/* Video thumbnail ---*/

div.ja-video-thumb img {

	width: 105px !important;

	margin: 0 2px;

	padding: 3px;

	border: 1px solid #ddd;

}



/* Badge Module ---*/

.badge {

	position: absolute;

	top: 0;

	right: 0;

	width: 45px;

	height: 46px;

}



.badge-hot .badge	{ background: url(../images/icon-badge.png) no-repeat 0px 0px; }

.badge-new .badge	{ background: url(../images/icon-badge.png) no-repeat 0px -46px; }

.badge-pick .badge{ background: url(../images/icon-badge.png) no-repeat 0px -92px; }

.badge-top .badge { background: url(../images/icon-badge.png) no-repeat 0px -138px; }



/* Poll Module ---*/

h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }



/* Advertisement ---*/

div.bannergroup_text div.banneritem_text {

	padding: 5px 0;

	border-bottom: 1px dotted #ddd;

}



div.bannergroup_text div.banneritem_text a {

	font-weight: bold;

}



div.bannergroup_text div.bannerheader,

div.bannergroup_text div.bannerfooter_text a {

	font-size: 92%;

	color: #999;

}



div.bannergroup_text div.bannerfooter_text {

	text-align: right;

	padding: 5px 0 0;

}



/* MAIN LAYOUT DIVS border-left: 1px solid #ddd; border-right: 1px solid #ddd;

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

.wrap {}

.main {

	background-color: #f9f9f8;

}



.ja-box { padding-top: 10px; padding-bottom: 10px; }



#ja-wrapper {}

#ja-container { z-index: 5; position: relative; }



/* 3 Columns - 2 Columns Right Layout [Default] ---*/

#ja-container.ja-r2 .main {
	background: url(../images/dot.gif) repeat-y 75.05% 0 #f9f9f8;
	z-index: 5;
}

#ja-container.ja-r1 .main { background: url(../images/dot.gif) repeat-y 80% 0 #fff; }



#ja-container.ja-r2 .ja-content-top, #ja-container.ja-r2 .ja-content-main, #ja-container.ja-r2 .ja-content-bottom { margin-right: 1px; }



/* 3 Columns - 2 Columns Left Layout  ---*/

#ja-container.ja-l2 .main {
	background: url(../images/dot-1pxfix.gif) repeat-y 24.95% 0 #fff;
	z-index: 6;
}

#ja-container.ja-l1 .main { background: url(../images/dot.gif) repeat-y 20% 0 #fff; }



#ja-container.ja-l2 #ja-left .ja-mass, #ja-container.ja-l2 #ja-left .ja-colswrap { margin-right: 1px; }



/* 3 Columns - Classic Layout ---*/

#ja-container.ja-l1r1 .main, #ja-container.ja-l1 .main { background: url(../images/dot-2pxfix.jpg) repeat-y 20% 0 #fff; }

#ja-container.ja-l1r1 .main-inner { background: url(../images/dot.gif) repeat-y 80% 0; }



/* Mass ---*/

.ja-mass-top {

}

.ja-mass-bottom {}

.ja-mass-bottom .moduletable,

.ja-mass-bottom .moduletable_default,

.ja-mass-bottom .moduletable_hilite {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}



.ja-mass-bottom .moduletable_pdfdownload {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/* MAIN COLUMN

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

#ja-mainbody {}



#ja-contentwrap {

	margin: 0 0px;

	

}



/* Content Top ---*/

.ja-content-top {}



/* Content Main ---*/

.ja-content-main {

	padding: 0px 0px;

}



/* Content Bottom ---*/

.ja-content-bottom {}

.ja-content-bottom .moduletable { border-top: 1px solid #ddd; border-bottom: 0; }



/* SIDE COLUMNS

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

.ja-colswrap { border-bottom: 1px solid #ddd; }

.ja-col { margin-bottom: -1px; } /* hide last bottom borders ---*/



/* Left Columns ---*/

#ja-left .ja-l2 { background: url(../images/dot.gif) repeat-y center; }



/* Right Columns ---*/

#ja-right .ja-r2 { background: url(../images/dot.gif) repeat-y center; }



/*common style for columns ---*/



/* HEADER

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

#ja-header { z-index: 10; position: relative; }



#ja-header .main { padding: 0px 0 0px; }



h1.logo, div.logo-text h1 {

	font-size: 300%;

	line-height: 1;

}



h1.logo, div.logo-text { float: left; }



/* Logo Image ---*/

h1.logo {

	width: 265px;

	height: 62px;

	margin: 0;

}



h1.logo a {

	width: 265px;

	height: 62px;

	display: block;

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

}



h1.logo a span {

	position: absolute;

	top: -1000px;

}



/* Logo Text ---*/

div.logo-text h1 a {

	letter-spacing: 1px;

	font-weight: bold;

	text-decoration: none;

	color: #000;

}



p.site-slogan {

	padding: 0 5px;

	margin: 0;

	color: #999999;

	background: #f7f7f7;

	display: block;

	letter-spacing: 1px;

	font-size: 85%;

	text-transform: uppercase;

	text-align: center;

}



/* Topbar ---*/

.ja-topbar {

	position: absolute;

	top: 0;

	width: 100%;

	border-bottom: 1px solid #ddd;

	font-size: 11px;

}



.ja-day, .ja-updatetime {

	float: left;

	background: #fff;

	color: #999;

	border-right: 1px solid #ddd;

	padding: 2px 10px 0;

}



.ja-updatetime em {

	margin-left: 5px;

	font-style: normal;

	color: #9c162e;

}



/* Headlines Module ---*/

.ja-healineswrap { float: left; padding-top: 2px; }



.ja-healineswrap em {

	font-style: normal;

	font-weight: bold;

	float: left;

	display: block;

	color: #999;

	padding: 0 10px 0 10px;

}



.ja-headlines { float: left; }



.ja-headlines a { color: #999; }



.ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus {

	color: #000;

	text-decoration: none;

}



.ja-headlines .separator { color: #999; }



/* RSS Module ---*/

.ja-syndicate { float: right; }



.ja-syndicate a {

	border-left: 1px solid #ddd;

	width: 40px;

	height: 19px;

	line-height: 19px;

	display: block;

	color: #999;

	text-align: center;

	font-weight: bold;

}



.ja-syndicate a:hover, .ja-syndicate a:active, .ja-syndicate a:focus  {

	border-left: 1px solid #ddd;

	background: #333;

	color: #fff;

	text-decoration: none;

}



/* NAVIGATION

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

/* Main Nav ---*/

#ja-mainnav {
	line-height: 1;
	position: relative;
	z-index: 9;
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;	

}



#ja-mainnav .inner { margin: 0; }



#ja-mainnav .main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #000000;
	background-color: #333333;
	color: #333333;
	text-align: center;	
}



#ja-mainnav a {

	color: #000;

	

}





/* Sub Nav ---*/

.ja-subnav {

	z-index: 9;

	position: relative;

	top: 1px;

	



}



.ja-subnav .main {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 10;
	line-height: 1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	

}

.ja-subnav-chairs ul.active {

	background-color: #339933;

}







.ja-subnav ul {

	padding: 0px 0 0px;

	overflow: hidden;

	

}



.ja-subnav ul a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;	

}


 



.ja-subnav li:last-item {

	border-right: 0;

}






.ja-subnav ul.active {

}



.ja-subnav li {

	background: none;

	display: block;

	float: left;

	

}



.ja-subnav li:first-child {

	border-left: 0;

}



.ja-subnav ul li a {

	color: #000;

	display: block;

	

}



.ja-subnav ul li a:hover {}



.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: #333333;

	text-decoration: none;

	background-color: #e0e0df;

}



.ja-subnav ul li#menu626 a:hover {

background-color: #ff0099;

}



.ja-subnav ul li.menu626 a,

.ja-subnav ul li.menu626 a:hover,

.ja-subnav ul li.menu626 a:active,

.ja-subnav ul li.menu626 a:focus {

	color: #333333;

	text-decoration: none;

	background-color: #ff0099;

}





.ja-subnav ul#menu626 li a:hover {}



.ja-subnav ul.menu626 li.active a,

.ja-subnav ul.menu626 li.active a:hover,

.ja-subnav ul.menu626 li.active a:active,

.ja-subnav ul.menu626 li.active a:focus {

	color: #333333;

	text-decoration: none;

	background-color: #ff0099; !important

}

.ja-subnav ul.active li a {
	color: #333333;
	padding-top: 9px;
	padding-bottom: 9px;
	text-decoration: none;
	text-align: center;
}







.ja-subnav ul.active li.menu626 a:active {

	background-color: #ff0099;

}

.ja-subnav-chairs ul.active li a {

	background-color: #FF00FF;	

}





/*

#menu626 {

	background-color: #ff0099;

	z-index: 99;

}*/







.ja-subnav ul li.empty {}



/* Sub Nav (lv2) ---*/

.ja-subnav ul li ul {

	display: block;

	height: auto;

	position: absolute;

	left: -999%;

	background: #fff;

	border: 1px solid #ccc;

	padding: 0;

}



.ja-subnav ul li.hover ul {

	display: block;

	height: auto;

	position: absolute;

	left: auto;

}



.ja-subnav ul li.hasChild a span {

	background: url(../images/arrow.png) no-repeat right center;

	padding-right: 8px;

}



.ja-subnav ul li.hover a span {

	background: url(../images/arrow-2.png) no-repeat right center;

}



.ja-subnav ul li.hasChild li a span, .ja-subnav ul li.hover li a span {

	background: none;

	padding-right: 0;

}



.ja-subnav ul li ul li {

	display: block;

	float: none;

	text-align: left;

	border-left: none;

	padding: 5px;

}



.ja-subnav ul li ul li a {

	border: 0 !important;

	text-decoration: none !important;

	color: #000 !important;

	background-image: none !important;

	font-weight: normal !important;

}



.ja-subnav ul li ul li a:hover {

	background-image: none !important;

}



.ja-subnav ul li ul li a.active {

	color: #145077 !important;

	font-weight: bold !important;

}



/* Breadcrumbs ---*/

.ja-navhelper .main {

	padding: 0px 0;

}



.ja-breadcrums {
	float: left;
	width: 80%;
	margin-left: 10px;
	margin-top: 1px;
	text-transform: uppercase;
	height: 14px;
	font-size: 9px;
}



.ja-breadcrums strong { margin-right: 5px; }



.ja-breadcrums img { margin: 1px 5px; }



/* Default Joomla! Menu ---*/

ul.menu { margin: 0; padding: 0; }



ul.menu li {

	margin: 0;

	padding: 0;

	background: none;

	border-bottom: 1px dotted #ddd;

	overflow: hidden;

}



ul.menu li a {

	display: block;

	outline: none;

	padding: 4px 0;

	text-indent: 2px;

}



ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus {

}



ul.menu li.active a {

	font-weight: bold;

}



ul.menu li ul {

	margin: 0 0 0 10px;

}



ul.menu li li {

	border-top: 1px dotted #ddd;

	border-bottom: 0;

	background: url(../images/arrow.png) no-repeat left 9px;

}



ul.menu li li a {

	font-weight: normal !important;

	text-indent: 8px;

}



ul.menu li li a:hover,

ul.menu li li a:active,

ul.menu li li a:focus {

	color: #333333;

}



/* SPOTLIGHT

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

#ja-topsl .ja-box, #ja-botsl .ja-box {

	padding: 0;

}



#ja-topsl li, #ja-botsl li {

	padding-left: 10px;

	background-position: 1px 7px;

}



/* Top spotlight ---*/

#ja-topsl .main {

	border-bottom: 1px solid #ddd;

}



#ja-topsl .moduletable {

	border-bottom: 0;

}



/* Bot spotlight ---*/

#ja-botsl .main {

	border-top: 1px solid #ddd;

}



.ja-box .moduletable, .ja-box .moduletable_default {

	margin-bottom: 0;

	border-bottom: 0;

	border-right: 1px solid #ddd;

}



.ja-box-right .moduletable, .ja-box-right .moduletable_default {

	border-right: 0;

}



/* FOOTER

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

#ja-footer { 

}



#ja-footer .main {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

}



#ja-footer small {

	color: #666;

	font-size: 100%;

}



/* Foot Links ---*/

#ja-footer .ja-footnav {

	background: #333;

	position: relative;

	overflow: hidden;

	margin: 0 0 10px;

	font-size: 100%;

}



.ja-footnav ul { float: left; line-height: normal; }



.ja-footnav li {

	display: block;

	float: left;

	padding: 0;

	border-left: 1px solid #666;

}



.ja-footnav li a {

	text-transform: uppercase;

	display: block;

	line-height: normal;

	color: #ccc;

	padding: 7px 10px;

}



.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus {

	color: #fff;

}



.ja-footnav ul.ja-links { float: right; }

.ja-footnav ul.ja-links li { background: none; border-left: 0; padding: 0; }

.ja-footnav ul.ja-links li a { padding: 7px 10px; }



.ja-footnav ul.ja-links li.top a {

	background: url(../images/arrow-3.png) no-repeat 9px center;

	padding-left: 18px;

	padding-right: 10px; 

}



.ja-footnav ul.ja-links li.top a:hover {

	background-color: #666;

	color: #fff;

	text-decoration: none;

}



.ja-footnav ul.ja-links li.layout-switcher a {

	background: #145077;

	color: #fff;

	text-decoration: none;

}



.ja-footnav ul.ja-links li.layout-switcher a:hover {

	background: #666;

	color: #fff;

	text-decoration: none;

}



.ja-footnav ul.ja-links li.user-reset a {

	background: #9c162e;

	color: #fff;

	text-decoration: none;

}



.ja-footnav ul.ja-links li.user-reset a:hover {

	background: #666;

	color: #fff;

	text-decoration: none;

}



.ja-footnav .ja-firstitem { border-left: 0; padding-left: 5px; }



/* Copyright Info. ---*/

.ja-copyright small { display: block; 

color: #000000;

	position: relative;

	overflow: hidden;

	

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

	font-size: 10px;

	letter-spacing: 1px;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;}






/* MISCELLANOUS

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

ul.accessibility {

	position: absolute;

	top: -100%;

}



/* User Tools ---*/

#ja-usertools { float: left; padding-top: 3px; }



#ja-usertools strong {

	font-weight: normal;

	float: left;

	padding: 0 5px 2px 8px;

	display: block;

}



#ja-usertools ul { float: left; }



#ja-usertools li {

	background: none;

	display: block;

	float: left;

	margin: 0;

	padding: 1px 0 0;

}



#ja-usertools li img:hover {

	border: 1px solid #999999;

	margin: 0;

	background: #fff;

}



#ja-usertools img { padding: 2px; margin: 1px; }



/* Font tools ---*/

.item_fonttool .childcontent { width: 150px !important; margin-left: -81px !important;}



.item_fonttool .childcontent .inner { padding: 10px 15px 5px !important; }



.ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li {

	background: none !important;

	margin: 0;

	padding: 0 3px 0 0;

	display: inline;

}



.ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img {

	border: 1px solid #ddd;

}



.ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img:hover {

	border: 1px solid #666;

	cursor: pointer;

}



/* User Settings ---*/

.ja-usersetting {

	margin: 0 -15px;

	background: #f7f7f7;

	color: #333;

}



a.ja-usersetting-loadform {

	position: absolute;

	right: 50px;

	top: 4px;

	width: 20px;

	text-indent: -9999px;

	height: 20px;

	background: url(../images/icon-setting.gif) no-repeat center;

}



form.ja-usersetting-form { padding: 5px 15px; }



.ja-usersetting-options {

	width: 100%;

	display: block;

}



.ja-usersetting-options ul {

	margin: 0;

	padding: 5px 0;

	overflow: hidden;

	clear: both;

	font-size: 92%;

}



.ja-usersetting-options ul li {

	background: none;

	float: left;

	display: block;

	padding: 0 15px 0 0 !important;

	margin: 0 !important;

}



.ja-usersetting-options ul.checkall { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }



.ja-usersetting-options ul.catselect { margin-top: 0; }

.ja-usersetting-options ul.catselect li { line-height: 20px; height: 20px; }

.ja-usersetting-options ul.catselect label { line-height: 20px; }

.ja-usersetting-options ul.catselect .checkbox { margin: 0 5px; line-height: 20px; }



.ja-usersetting-options p.actions { margin-bottom: 10px; }



/* Icon for min/max ---*/

.ja-mdtool {

	position: absolute;

	right: 10px;

	top: 4px;

	width: 20px;

	height: 20px;

}



/* Icon for move ---*/

.ja-mdmover {

	position: absolute;

	right: 30px;

	top: 4px;

	text-indent: -9999px;

	width: 20px;

	height: 20px;

	background: url(../images/icon-mover.gif) no-repeat center;

}



/* Others ---*/

#ja-banner {

	margin: 0;

	padding-top: 15px;

	text-align: center;

	overflow: hidden;

	width: 100%;

	border-top: 1px solid #ddd;

}



div.ja-innerdiv {

	clear: both;

	margin-bottom: 10px;

	padding-bottom: 12px;

	border-bottom: 1px dotted #ddd;

}



div.ja-innerdiv h4 {

	margin: 5px 0;

	padding: 0;

	font-family: Arial, sans-serif;

	font-size: 92%;

	font-weight: normal;

	text-transform: uppercase;

}



.ja-social-bookmarking { float: right; margin-top: 2px; }

.cufon-canvas { padding: 1px 0 3px; }



/* Comments ---*/

/*id*/

#idc-container-parent { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }



#idc-container .idc-share { position: relative; }



/*disqus*/

#disqus_thread { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }

button.dsq-button { padding: 4px 8px !important; }

div.dsq-post-fields { z-index: 20; position: relative; }

div.dsq-post-footer { z-index: 18; }



/* Grey box ---*/

#GB_middle .left,

#GB_middle .right {

	float: none;

}



/* For backend ---*/

.editor fieldset,

.publishing,

.metadata {

	border: 1px solid #ddd;

	padding: 10px;

}



.editor fieldset,

.metadata {

	margin: 20px 0;

}



.editor fieldset legend,

.publishing legend,

.metadata legend {

	background: #666;

	font-weight: bold;

	padding: 0 5px;

	color: #fff;

}



.editor fieldset,

.publishing label,

.metadata label {

	font-weight: bold;

	padding-right: 10px;

}



.publishing img.calendar {

	border: none;

	background: none;

	padding: 0 0 0 5px;

	vertical-align: middle;

}



.publishing div {

	padding: 6px 0;

}



.publishing div.wrap {

	display: none;

}



.metadata .inputbox {

	margin-bottom: 10px;

}



form.user div,

form.user table td {

	padding: 6px 0;

}



form.user label {

	font-weight: bold;

	padding-right: 10px;

}



div.save { margin-top: 10px; }



/* Form logout ---*/

div.name, div.pass, div.remember, div.contact_email {

	padding: 6px 0;

}



div.name label, div.pass label, div.remember label, div.contact_email label {

	font-weight: bold;

	padding-right: 10px;

}



div.contact_email_checkbox {

	margin-bottom: 10px;

}

#ja-search .inputbox {

}

/* Bulletin Home ---*/

#date-news {
	font-size: 12px;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


#title-news-home-newshome {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

#title-news-home-newshome a {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.mostread-newshome {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	
}

.mostread-newshome a {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	
}