/*------------------------------------------------------------------------
# JA Pollux 1.0 - Nov, 2006
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 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
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
body{color:#484848}

body#bd{background:#E7E7E7; /* a trick to stick the footer at the bottom:) */}

/* Normal link */
a{color:#4D84A7}

a:hover, a:active, a:focus{color:#484848}

ul li{background-image:url(../../images/red/bullet-list.gif)}

hr{border-top-color:#CCC}

.button{border:1px solid #CCC; background:url(../../images/red/button-bg.gif) top #E7E7E7; color:#666}

.button:hover, .button:focus{border:1px solid #A7A79F; color:#484848}

.inputbox{border:1px solid #CCC; background:#F2F2F2}

.inputbox:hover, .inputbox:focus{border:1px solid #A7A79F}

a.contentpagetitle{color:#D35A2B}

a.contentpagetitle:hover, 
a.contentpagetitle:active, 
a.contentpagetitle:focus{color:#484848}

.mosimage_caption{color:#888}

div.module{background-image:url(../../images/red/box-br.gif)}

div.module div{background-image:url(../../images/red/box-bl.gif)}

div.module div div{padding:0; background-image:url(../../images/red/box-tr.gif)}

div.module div div div{padding:9px 15px 20px; background-image:url(../../images/red/box-tl.gif)}

div.module-hilite{background-image:url(../../images/red/box-br-hilite.gif); color:#FFF}

div.module-hilite a, 
div.module-hilite a:hover, 
div.module-hilite a:active, 
div.module-hilite a:focus{color:#FFF}

div.module-hilite div{background-image:url(../../images/red/box-bl-hilite.gif)}

div.module-hilite div div{background-image:url(../../images/red/box-tr-hilite.gif)}

div.module-hilite div div div{background-image:url(../../images/red/box-tl-hilite.gif)}

div.module-hilite2{background-image:url(../../images/red/box-br-hilite2.gif); color:#000}

div.module-hilite2 a, 
div.module-hilite2 a:hover, 
div.module-hilite2 a:active, 
div.module-hilite2 a:focus{color:#db152e}

div.module-hilite2 div{background-image:url(../../images/red/box-bl-hilite2.gif)}

div.module-hilite2 div div{background-image:url(../../images/red/box-tr-hilite2.gif)}

div.module-hilite2 div div div{background-image:url(../../images/red/box-tl-hilite2.gif)}

div.module-hilite3{background-image:url(../../images/red/box-br-hilite3.gif); color:#000}

div.module-hilite3 a, 
div.module-hilite3 a:hover, 
div.module-hilite3 a:active, 
div.module-hilite3 a:focus{color:#db152e}

div.module-hilite3 div{background-image:url(../../images/red/box-bl-hilite3.gif)}

div.module-hilite3 div div{background-image:url(../../images/red/box-tr-hilite3.gif)}

div.module-hilite3 div div div{background-image:url(../../images/red/box-tl-hilite3.gif)}

table.blog .article_seperator{background:url(../../images/red/seperator.gif) repeat-x center}

table.contenttoc th{border-bottom:1px solid #CCC; color:#D8182D}

.componentheading{border-bottom:1px solid #CCC}

.createdate, .modifydate{color:#888}

a.pagenav, 
.pagenav_prev a, 
.pagenav_next a, 
.pagenavbar a{border:1px solid #CCC; background:url(../../images/red/button-bg.gif) top #E7E7E7; color:#666}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus, 
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, 
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, 
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus{border:1px solid #A7A79F; color:#484848}

.sectiontableheader{background:#E7E7E7}

.small{color:#888}

#ja-containerwrap{clear:both; border-top:1px solid #A7A79F; background:url(../../images/red/containerwrap-bg.gif) repeat-x top #FFF}

#ja-header{background:url(../../images/red/header-deco.gif) no-repeat bottom right}

#ja-usertoolswrap{background:url(../../images/red/usertools-left-bg.gif) no-repeat top left}

#ja-usertools{background:url(../../images/red/usertools-right-bg.gif) no-repeat top right}

#ja-usertools .inputbox{color:#888}

#ja-subnavwrap{background:#D66236}

a.mainlevel{border-bottom:1px solid #CCC; color:#484848}

a.mainlevel:hover, 
a.mainlevel:active, 
a.mainlevel:focus, 
a.mainlevel#active_menu{border-bottom:1px solid #CCC; background-color:#E7E7E7!important; color:#484848}

#ja-leftcol #active_menu, #ja-rightcol #active_menu{color:#484848; background-color:#E7E7E7; border:1px solid #CCC}

.ja-box li a{border-bottom:1px solid #CCC}

.ja-box li a:hover, 
.ja-box li a:active, 
.ja-box li a:focus{background-color:#CCC}

#ja-footerwrap{background:url(../../images/red/footer-bg.gif) repeat-x top #E7E7E7}

#ja-footer a{color:#666}

div.back_button a, 
div.back_button a:hover, 
div.back_button a:active{color:#888}

/* Split Menu
----------------------------------------------------------- */
#ja-splitmenu a{background-image:url(../../images/red/tableft.gif) !important}

#ja-splitmenu a span{background-image:url(../../images/red/tabright.gif) !important}

#ja-splitmenu li.active_menu a, 
#ja-splitmenu li.active_menu a:hover, 
#ja-splitmenu li.active_menu a:active, 
#ja-splitmenu li.active_menu a:focus{background:url(../../images/red/tableft-active.gif) no-repeat left top #D66236 !important}

#ja-splitmenu li.active_menu a span, 
#ja-splitmenu li.active_menu a:hover span, 
#ja-splitmenu li.active_menu a:active span, 
#ja-splitmenu li.active_menu a:focus span{background:url(../../images/red/tabright-active.gif) no-repeat right top #D66236 !important}

/* Son of Suckerfish Dropdowns
--------------------------------------------------------- */
#ja-mainnav div.sfmenu-inner{background:url(../../ja_cssmenu/img/tableft-grey.gif) no-repeat top left #E7E7E7 !important}

#ja-cssmenu{background:url(../../ja_cssmenu/img/tabright-grey.gif) no-repeat top right #E7E7E7 !important}

#ja-cssmenu li ul{border:1px solid #A7A79F; background:url(../../ja_cssmenu/img/child-bg-grey.gif) top #E7E7E7 !important}

#ja-cssmenu li li a.active{background:none!important; color:#484848!important}

#ja-cssmenu li a.active{background:url(../../ja_cssmenu/img/tabactive-bg-red.gif) repeat-x top #D66236 !important}

#ja-cssmenu li:hover, 
#ja-cssmenu li.sfhover{background:url(../../ja_cssmenu/img/tabhover-bg-grey.gif) repeat-x top #DFDFDF !important}

#ja-cssmenu ul li:hover, #ja-cssmenu ul ul li:hover, 
#ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li.sfhover{background:url(../../ja_cssmenu/img/childhover-bg-grey.gif) repeat-x top #DFDFDF !important}

/* TransMenu
-------------------------------------------------*/
.transMenu .background{background-color:#E7E7E7!important}

.transMenu .item.hover{color:#484848; background:#DFDFDF!important}

.transMenu .item#active, .transMenu .item#active:hover{background:#A3A3A3!important; color:#FFF!important}

#ja-mainnav div.transmenu-inner{background:url(../../ja_transmenu/img/tableft-grey.gif) no-repeat top left #E7E7E7 !important}

#ja-transmenu{background:url(../../ja_transmenu/img/tabright-grey.gif) no-repeat top right #E7E7E7 !important}

a.havechild-mainlevel-active-trans, 
a.havechild-mainlevel-active-trans:active{background:url(../../ja_transmenu/img/havechild-active-bg-red.gif) no-repeat top right #D66236 !important}

a.jahover{background:url(../../ja_transmenu/img/havechild-on-bg-grey.gif) no-repeat top right #DFDFDF !important}

a.jahover-active{background:url(../../ja_transmenu/img/havechild-active-bg-red.gif) no-repeat top right #D66236 !important}

a.mainlevel-trans:hover, 
a.mainlevel-trans:active{background:url(../../ja_transmenu/img/tabhover-bg-grey.gif) top #DFDFDF !important}

a.mainlevel-active-trans, 
a.mainlevel-active-trans:hover, 
a.mainlevel-active-trans:active{background:url(../../ja_transmenu/img/tabactive-bg-red.gif) top #D66236 !important}

a.mainlevel:hover {
 	color:#D8182D;
}

/* Script Dropline Menu
--------------------------------------------------------- */
#jasdl-mainnav a{background-image:url(../../images/red/tableft.gif) !important}

#jasdl-mainnav a span{background-image:url(../../images/red/tabright.gif) !important}

#jasdl-mainnav li.active a, 
#jasdl-mainnav li.active a:hover, 
#jasdl-mainnav li.active a:active, 
#jasdl-mainnav li.active a:focus{background-image:url(../../images/red/tableft-active.gif) !important}

#jasdl-mainnav li.active a span, 
#jasdl-mainnav li.active a:hover span, 
#jasdl-mainnav li.active a:active span, 
#jasdl-mainnav li.active a:focus span{background-image:url(../../images/red/tabright-active.gif) !important}

#jasdl-subnav ul li.active a{font-weight:bold;  color:#DF182F}
