/* JA Rave
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
/*
# ------------------------------------------------------------------------
# JA Rave template for Joomla 1.5.x
# ------------------------------------------------------------------------
# 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 {
	color: #333;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 1.6;
}

body#bd {
	background: #FFB200; 
	color: #333; 
}

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

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

/* Readon links ---*/
a.readon {
	display: inline;
	width: 100%;
	margin-bottom: 13px;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1.componentheading, .componentheading {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: solid 5px #ddd;
	padding: 0px 0px 10px;
	font-size: 100%;
	margin-bottom: 6px;	
	font-family:  Arial, Helvetica, sans-serif;
	color: #555;
}

h2.contentheading, .contentheading{
	font-weight: normal;
	font-size: 165%;
	padding: 0px;
	margin-bottom: 5px;
}

h2.contentheading a , .contentheading a {
	color: #111;
}

h2.contentheading a:hover , .contentheading a:hover {
	color: #9a2016;
}
.contentheading { font-size: 200%; }
.blog .contentheading
.blog .contentheading { font-size: 165%; }

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

.items-row .hasTip a { padding-left: 18px;}
/* Others ---*/
hr { border-top: 1px solid #ddd; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
}

.inputbox { border: solid 1px #ddd;  background: #fff; }

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

/* Search ---*/
form#searchForm {  }

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

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

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

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.leading, .items-row .item {}

.article_row { }

/* Meta ---*/
.article-meta { color: #999; width: 90%; }

.createby { color: #9a2016; }

.article-section {
	padding-left: 10px;
}

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

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

/* Tables ---*/
.sectiontableheader {
	background: #333;
	color: #fff;
	padding: 5px;
}

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

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 { border-bottom: 1px solid #ddd; padding: 5px; }

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background: #ffffcc; }

.sectiontableentry2 { background-color: #f6f6f6; }

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

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

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

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

/* Poll */

.moduletable_poll {
	border-bottom: solid 1px #ddd;
}
h4.poll-title {
	font-family: Helvetica, Arial, sans-serif;
	margin: 15px 0px;
	font-weight: bold;
	text-transform: none;
}
form#poll {
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
}

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

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

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

/* Pagination ---*/
.pagination ul li span{
	display: none;
}

.pagination ul li span.pagenav {
	display: inline;
}
.pagination ul li span, .pagination ul li strong {
	border: solid 1px #ddd;
	background: #f8f8f8;
	padding: 5px !important;
}
.ja-content-main ul.pagination li {
	background: #F8F8F8;
	border: solid 1px #ddd;
	margin: 0px 2px;
}

.ja-content-main:hover .componentheading {
	border-bottom: solid 5px #333;
	color: #333;
}

.ja-content-main .counter {
	float: left;
}
.ja-content-main .counter span {
	padding: 0px 5px;
}

.pagination .pagination {
	float: left;
}

.ja-content-main .logout_form h1 {
	background: none;
}

.ja-content-main ul.pagination li span { color: #9a2016; }

.ja-content-main ul.pagination li a{ color: #333; }

.ja-content-main ul.pagination li a:hover{ color: #9a2016;}

.ja-content-main ul.pagination li span,
.ja-content-main ul.pagination li strong { line-height: 20px; }

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

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

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	font-size: 100%;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: solid 5px #ddd;
	font-weight: bold;
	padding: 0px 0px 10px;
	color: #555;
}
.ja-inset1 {
	margin-top: -10px;
}
.ja-inset1 div.ja-moduletable:hover h3, .ja-inset1 div.moduletable:hover h3,
#ja-right div.ja-moduletable:hover h3, #ja-right div.moduletable:hover h3,
.ja-content-main:hover h1 {
	border-bottom: solid 5px #333;
	color: #333;
}

.ja-content-main:hover .item-page h1 {
	border: none;
}
#ja-right div.moduletable_jatabs:hover h3 {
	border: none;
	color: #555;
}
/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ddd; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
	background: #fff;
}
.main .main-inner1 { margin-left: 0; margin-right: 0; }

.ja-mass-top .ja-module, .ja-mass-top .ja-moduletable  { overflow: hidden; padding: 0px;}

/* HEADER
--------------------------------------------------------- */
#ja-header .main {
	padding: 0px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#ja-header .main .main-inner1 {
	padding: 20px 0px 20px;
	margin: 0px 15px;
	border-bottom: solid 1px #ddd;
}

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

/* Logo Image ---*/
h1.logo { width: 162px; height: 40px; }

h1.logo a {
	background: url(../images/logo.png) no-repeat left !important;
	display: block;
	width: 124px;	
	height: 42px;
	margin-left: 0px;
}

/* Logo Text ---*/
div.logo-text h1 {
	font-size: 200%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-left: 0px;
}

div.logo-text h1 a {
	text-decoration: none;
}

p.site-slogan {
	color: #ccc;
	display: block;
	font-size: 85%;
	margin: 3px 0 0;
	padding: 0 5px;
	text-transform: uppercase;
}

#ja-top-header {
	margin-top:-5px;
	position:absolute;
	right:180px;
	text-align:right;
	width:50%;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	padding-top: 25px;
}
#ja-mainnav .main {
	background: none;
}
#ja-mainnav .main .main-inner1{
	background: url(../images/mainnav-bg.png) repeat-x left top !important;
 }

/* Breadcrumbs ---*/
#ja-navhelper .main {
	text-transform: uppercase;
}

.ja-breadcrums {
	text-indent: 10px;
}

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

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

/* Default Joomla! Menu ---*/
#ja-container .main { padding: 20px 0 0; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}

#ja-container ul.menu {
	margin-top: 10px;
}
#ja-container ul.menu li a {color: #333;} 
#ja-container ul.menu li a:hover, #ja-container ul.menu li a:active {color: #9a2016;} 
#ja-container ul.menu li.active a { color: #9a2016;}
#ja-container ul.menu li { 
	border-bottom: 1px dotted #ddd; 
	background: url(../images/arrow5.png) no-repeat scroll 96% 13px ;
}

#ja-container ul.menu li:hover { 
	background: url(../images/arrow9.png) no-repeat scroll 96% 13px ;
}
#ja-container ul.menu li ul li a {
	color: #333 !important;
}

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ddd; }

#ja-container ul.menu li ul { margin: 0px;}
#ja-container ul.menu li li {
	background: url(../images/arrow6.png) no-repeat scroll 0% 13px ;
	text-indent: 10px;
}

#ja-container ul.menu li li:hover {
	background: url(../images/arrow10.png) no-repeat scroll 0% 13px ;
	text-indent: 10px;
}

#ja-container ul.menu li ul li a:hover,#ja-container ul.menu li ul li a:active {
	color: #9a2016 !important;
}

#ja-container ul.menu li.active li.active a {
	color: #9a2016 ;
}
#ja-container ul.menu li ul ul {
	margin-left: 7px;
}
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 10px;
	margin-bottom: 10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 {
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #888;
	font-weight: bold;
	border-bottom: none;	
	background: none;
	font-size: 100%;
}

#ja-topsl div.ja-box-ct ,
#ja-botsl div.ja-box-ct {
	color: #aaa;
}
#ja-botsl ul.contentuser {
	margin-top: 15px;
}
#ja-botsl div.ja-box-ct li {
	background-image: url(../images/bullet.png);
}

#ja-botsl div.ja-box-ct .color-link li {
	display: inline;
	background: none;
	padding-left: 0px;
}

#ja-botsl div.ja-box-ct li a {
	color: #aaa;
}

#ja-botsl div.ja-box-ct li a:hover {
	color: #9a2016;
}
#ja-botsl .ja-box-left {
	width: 17% !important;
}

#ja-botsl .ja-box-right {
	width: 35% !important;
}

#ja-botsl .ja-box-center {
	width: 24% !important;
}

/* Top spotlight ---*/
#ja-topsl .main { padding: 0; }
#ja-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #ddd; }

/* Bot spotlight ---*/
#ja-botsl{ 
	background: #252525;
	border-top: solid 4px #9a2016;
}
#ja-botsl .main {
	background: #252525; 
}

/* Navhelpert ---*/

/* Footer ---*/

#ja-footer {
	padding: 0px;
	background: #252525;
}

#ja-footer .main {
	color: #666;
	padding: 10px 0px 25px 0px;
	position: relative;
	text-align: center;
	background: #252525;
	position: relative;
}

#ja-footer .ja-copyright {
	border-top: solid 5px #333;
	margin: 0px 15px;
	padding: 15px 0px 0px; 
	position: relative;
}

#ja-footer .ja-copyright div.bannergroup {
	display: none;
}

#ja-footer .ja-copyright small {
	text-align: left;
	color: #aaa;
}

#ja-footer .ja-copyright a { color: #aaa;}

#ja-footer .ja-copyright a:hover { color: #9a2016;}


#ja-poweredby {
	position: absolute;
	right: 15px;
	display: block;
	top: 25px;
	text-indent: -3000px;	
}

#ja-footer .ja-footnav { margin: 0px 15px; clear: left;}

.ja-footnav ul  { float: left; margin-left: -10px;}

.ja-footnav ul li  {
	background: url(../images/line-footer.gif) no-repeat left center;
	padding: 0px 10px;
}

.ja-footnav ul li a {
	color: #888;
}

.ja-footnav ul li a:hover {
	color: #9a2016;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Search ---*/
#ja-search {
	right: 15px;
	border: solid 1px #ddd;
	padding: 6px 2px;
	bottom: 20px;
}

#ja-search .inputbox{ 
	width: 280px; border: none; font-style: italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #999;
}

#ja-search input.button {
	background: url(../images/search-sm.png) no-repeat left center;
	text-indent: -3000px;
	line-height: 0px;
	position: relative;
	width: 20px;
	border: none;
	height: 20px;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus {
	background: #fff;
}
/* Others ---*/
#ja-banner { border-top: 1px solid #ddd; }

div.ja-innerdiv { border-bottom: 1px dotted #ddd; }

div.ja-innerdiv h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}

.ja-box-ct p .img, .article-content p img {
	border: solid 1px #ddd;
	padding: 4px;
	float: right;
	margin-left: 20px;
	background: #f2f2f2;
}

.ja-box-ct p, .article-content p {
	vertical-align: top;
}

img.left { float: left; }


img.right { float: right; }

img.img {
	padding: 4px;
	border: solid 1px #ddd;
	background-color: #f2f2f2;
}

.ja-tab-subcontent li img {
	float: left;
}

.ja-tab-subcontent li .img-tabs {
	margin-left: 48px;
}

body.contentpane p {
	margin: 10px 0px;
	font-size: 90%;
	color: #333;
}
.ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {
	margin-left: 0px;
}

#form-login input.inputbox {
	border: solid 1px #ddd;
	width: 98%;
	color: #999;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-weight: normal;
}

#form-login input#modlgn_remember {
	width: auto;
	border: none;
}

#form-login ul li a { color: #333;}

#form-login ul li a:hover { color: #9a2016;}

input.button {
	background: url(../images/button-bg.gif) repeat-x top center;
	border: solid 1px #ddd;
	padding: 3px 10px;
	font-weight: bold;
	cursor: pointer;
	height: 25px;
}

input.button:hover {
	background: url(../images/button-hover-bg.gif) repeat-x top center;
	color: #9a2016;
}
form.poll {
	clear: left;
	display: block;
}

form.poll input.button {
	float: left;
	margin-top: 10px;
}

a.poll-result {
	background: url(../images/button-bg.gif) repeat-x center center;
	border: solid 1px #ddd;
	padding: 0px 10px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	margin-top: 10px;
	vertical-align: middle;
	text-transform: none !important;
	font-size: 98%;
	height: 23px;
	line-height: 24px;
}
p.img-photo {
	margin-left: 10px;
}

p.img-photo img {
	padding: 4px;
	border: solid 1px #ddd;
	background-color: #f2f2f2;
	margin: 2px;
}
p.readmore {
	border-bottom: solid 1px #ddd;
	padding: 0px 0px 10px 0px;
}
p.readmore a {
	font-size: 95%;
	line-height: 10px;
}

fieldset span.small {
	font-size: 100%;
	color: #9a2016;
}

.contentpaneopen td ul li {
	background: none !important;
	float: left;
	padding: 0px 5px ;
	margin: 0px;
}
.group-content .ja-box-ct p img {
	padding: 4px;
	border: solid 1px #ddd;
	float: left;
	margin-right: 10px;
} 

.group-content .ja-box-ct p strong {
	color: #9a2016;
	display: block;
} 

.group-content .ja-box-ct span {
	font-size: 90%;
} 
/* Twitter ---*/
.ja-twitter {
	padding: 5px 0px 0px 0px;
}

.ja-twitter h4 {
	display: none;
}

div.ja-twitter div.ja-twitter-date {
	color: #888;
	font-size: 85%;
}

div.ja-twitter center {
	background: #252525;
	margin-top: -11px;
	padding: 13px 0px;
}

div.ja-twitter center:hover {
	background: #9a2016;
	margin-top: -11px;
	padding: 13px 0px;
}

.ja-twitter center a {
	color: #fff !important;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 110%;
}

ul.contentuser {
	float: left;
}

.t3-logo-light a:hover {
	border: none !important;
	text-decoration: none !important;
}

body.contentpane {
	padding: 0px;
}

#jac-social-links {
	display: none;
}
/*------Comment--------------*/

.jac-add-button {
	position: relative;
	left: 65px;
	font-size: 95%;
	bottom: 32px;
	border-left: solid 1px #ddd;
	padding-left: 5px;
}

.leading .jac-add-button {
	bottom: 43px;
}

.blog.section .jac-add-button {
	bottom: 25px;
	left: 65px;
}

.blog.section .leading .jac-add-button {
	bottom: 36px;
}
.items-leading .leading {
	position: relative;
	padding-bottom: 0px;
}


dl.article-info {
	width: auto; 
}
dl.article-info dd, dl.article-info dt {
	color: #888;
}

.items-leading {
	padding-bottom: 10px;
}

#ja-right .moduletable_noborder {
	padding: 0px;
	margin-bottom: 0px !important; 
	margin-top: 0px !important; 
}

#ja-right .moduletable_noborder p {
	margin-bottom: 10px;
}

.ja-mass-top .moduletable_slideshow{
	background: #f2f2f2;
	border: solid 1px #ddd;
	padding: 4px;
	margin-bottom: 15px;
}

.ja-mass-top .moduletable_highlight {
	margin-top: 25px !important;
}

.ja-mass-top div.ja-moduletable, .ja-mass-top div.moduletable {
	margin-top: 0px;
	margin-bottom: 0px;
}

.items-row {
	padding-top: 10px;
	padding-bottom: 10px;
}

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

div.article-image .img_caption {
	width: 125px;
	height: 125px;
	float: right;	
	margin-left: 10px;
}

.haveimage, .article_column .haveimage {
	padding-right: 140px !important;
	position: relative;
}

.leading  .contentpaneopen {
	margin-bottom: 12px;
}

.contentpaneopen {
	border-bottom: solid 1px #ddd;
	padding-bottom: 13px;
}

.section .contentpaneopen {
	border-bottom: none;
	padding-bottom: 0px;
}
.pagination  {
	float: right;
}
div.moduletable_gallery {
	margin-bottom: 0px !important;
	padding: 0px !important;
}

a.jac-links {
	background: none !important;
	padding-left: 0px !important;
	float: left;
}

.pagination-start, .pagination-prev, .pagination-end, .pagination-next {
	display: none !important;
}

#ja-botsl div.ja-moduletable h3 {
	padding:0px !important;
}
.article_row .contentpaneopen_edit {
	padding-left: 0px;
}

#jac-wrapper h2.componentheading {
	border-top: none;
}

#jac-wrapper input.text, #jac-wrapper input.search, #jac-wrapper textarea.textarea {
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #999;
}

.moduletable_highlight:hover h3 {
	color: #333;
	border-color: #333;
}

div.catItemCommentsLink a {
	float: left;
}

.leading {
	padding: 0px;
	margin: 0px ;
}

.moduletable_video p {
	float: left;
	z-index: 100;
	position: relative;
	z-index: 1;
}

.blog .leading {
	border: solid 1px transparent;
}

#ja-poweredby a {
	text-indent: -9900em !important;
}