/*------------------------------------------------------------------------ # JA Utahia II - April, 2007 # ------------------------------------------------------------------------ # Copyright (C) 2004-2007 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#bd { color: #333333; } a { color: #CF3020; } a:hover, a:active, a:focus { color: #333333; } h1, h2, h3, h4, h5, h6 { color: #333333; } hr { border-top: 2px solid #D2D2D2; } select, textarea, .inputbox { color: #333333; } .button, .button:hover { background: url(../../images/hot/but-bg.gif) repeat-x center #CF3020; border: 1px solid #D2D2D2; } .inputbox { border: 2px solid #D2D2D2; } .inputbox:hover, .inputbox:focus { border-color: #666666; } div.moduletable h3 { color: #666666; } table.contenttoc th { background: url(../../images/hot/but-bg.gif) repeat-x center #CF3020; } .blog_more { background: url(../../images/hot/seperator.gif) no-repeat top left; } .blog_more strong { color: #333333; } .componentheading { color: #333333; background: url(../../images/hot/seperator.gif) no-repeat bottom left; } .contentheading { color: #333333; } .createdate, .modifydate, .mosimage_caption, .small, .smalldark { color: #999999; } .sectiontableheader { background: url(../../images/hot/but-bg.gif) repeat-x center #CF3020; } tr.sectiontableentry1 td { background: #FFFFFF; border-bottom: 1px solid #D2D2D2; } tr.sectiontableentry2 td { background: #F2F2F2; border-bottom: 1px solid #D2D2D2; } div.module { background: url(../../images/hot/box-tl.gif) no-repeat top left; } div.module-hilite { background: url(../../images/hot/box-hilite-br.gif) no-repeat bottom right #CF3030; } div.module-hilite div { background: url(../../images/hot/box-hilite-bl.gif) no-repeat bottom left; } div.module-hilite div div { background: url(../../images/hot/box-hilite-tr.gif) no-repeat top right; } div.module-hilite div div div { background: url(../../images/hot/box-hilite-tl.gif) no-repeat top left; } #ja-containerwrap { background: url(../../images/hot/containerwrap-bg.gif) repeat-x; } #ja-container, #ja-container-fr { background: url(../../images/hot/container-bg.gif) no-repeat 20% 0% #FFFFFF; } #ja-headerwrap { background: url(../../images/hot/header-bg.gif) repeat-x bottom #F2F2F2; } #ja-mainnavwrap { background: url(../../images/hot/mainnavwrap-bg.gif) repeat-y top #333333; border-top: 1px solid #9F0E00; border-bottom: 1px solid #000000; } #ja-mainnav { background: url(../../images/hot/mainnav-bg.gif) no-repeat 20% 0% #333333; } a.mainlevel { color: #666666; } a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { color: #333333; border: 2px solid #D2D2D2; } a.mainlevel#active_menu { background: #CF3020; border: 2px solid #CF3020; } #active_menu { color: #CF3020; } #ja-topslwrap { background: #CF3020; } #ja-topsl { background: url(../../images/hot/topsl-bg.gif) repeat-y 20% 0% #D54536; } #ja-botslwrap2 { background: url(../../images/hot/botsl-right-bg.gif) no-repeat top right; } #ja-botsl { background: url(../../images/hot/botsl-left-bg.gif) no-repeat top left; } #ja-botsl div.ja-box-left, #ja-botsl div.ja-box-center { background: url(../../images/hot/botsl-vseperator.gif) no-repeat center right; } #ja-botsl div.moduletable { color: #999999; } #ja-botsl h3 { color: #999999; } #ja-pathwaywrap { background: url(../../images/hot/pathwayleft-bg.gif) no-repeat bottom left; } #ja-pathway { background: url(../../images/hot/pathwayright-bg.gif) no-repeat bottom right #F2F2F2; } #ja-footerwrap { border-top: 2px solid #D2D2D2; background: #F2F2F2; } #ja-footer { color: #999999; background-image: url(../../images/hot/sublogo.gif) } #ja-footer a { color: #999999; } #ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus { color: #333333; } div.gradline { background: url(../../images/hot/grad-line.gif) repeat-y 80% 0% #CF3020; border-top: 1px solid #9F0E00; border-bottom: 1px solid #9F0E00; } /* BONUS TYPO --------------------------------------------------------- */ pre, .code { background: url(../../images/hot/tp-code.gif) no-repeat top left #FFFFF0; } /* Quote */ blockquote { background: url(../../images/hot/quote.gif) 15px 5px no-repeat; } div.blockquote { background: url(../../images/hot/quote-right.gif) no-repeat bottom right; } .dropcap, .message, .tips { color: #CF3020; } .highlight { border: 1px dotted #999999; background: #FFFFF0; } p.stickynote { background: url(../../images/hot/sticky-bg.gif) no-repeat top right #FFFFF0; } p.pinnote { background: url(../../images/hot/pin-bg.gif) no-repeat top right #FFFFF0; } p.clipnote { background: url(../../images/hot/clip-bg.gif) no-repeat top right #FFFFF0; } ul.checklist li { background: url(../../images/hot/checklist-bg.gif) no-repeat top left; } .bignumber { background: url(../../images/hot/ol-bg.gif) no-repeat top left; } div.bubble1 div { background: url(../../images/hot/bub-br-bg.gif) no-repeat bottom right; } div.bubble1 div div { background: url(../../images/hot/bub-bl-bg.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../../images/hot/bub-tr-bg.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../../images/hot/bub-tl-bg.gif) no-repeat top left; } div.bubble2 { background: url(../../images/hot/bub-arrow-bg.gif) no-repeat bottom left; } div.bubble2 div { border-color: #D2D2D2; background-color: #FFFFF0; } div.bubble3 div { background: url(../../images/hot/bub2-br-bg.gif) no-repeat bottom right; } div.bubble3 div div { background: url(../../images/hot/bub2-bl-bg.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../../images/hot/bub2-tr-bg.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../../images/hot/bub2-tl-bg.gif) no-repeat top left; } div.bubble4 { background: url(../../images/hot/bub2-arrow-bg.gif) no-repeat bottom left; } div.bubble4 div { border-color: #D2D2D2; background-color: #FFFFF0; } a.but-download { background: url(../../images/hot/download-right-bg.gif) no-repeat top right #CF3020; } span.download { background: url(../../images/hot/download-left-bg.gif) no-repeat top left; } span.download span { color: #D2D2D2; } a.but-signup { background: url(../../images/hot/signup-right-bg.gif) no-repeat top right #CF3020; } a.but-signup:hover span.signup strong { color: #FFFF66; } span.signup { background: url(../../images/hot/signup-left-bg.gif) no-repeat top left; } span.signup span { color: #D2D2D2; } .cb a { background: url(../images/hot/mainnav-sep.gif) no-repeat top right; } a.ja-ob { background: url(../../images/hot/ob.gif) no-repeat top right; } a.ja-ob:hover, a.ja-ob:active, a.ja-ob:focus { background: url(../../images/hot/ob-on.gif) no-repeat top right; } a.ja-cb { background: url(../../images/hot/cb.gif) no-repeat top right; } a.ja-cb:hover, a.ja-cb:active, a.ja-cb:focus { background: url(../../images/hot/cb-on.gif) no-repeat top right; } /* SPLIT MENU --------------------------------------------------------- */ #ja-splitmenu a { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right !important; } #ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right #575757 !important; } #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/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } #ja-subnav a { background: url(../../images/hot/submenu-bg.gif) repeat-x center left #333333 !important; border: 1px solid #333333 !important; } #ja-subnav a:hover, #ja-subnav a:active, #ja-subnav a:focus { background: url(../../images/hot/submenu-hover-bg.gif) repeat-x center left #CF3020 !important; border: 1px solid #CF3020 !important; } #ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus { background: url(../../images/hot/submenu-hover-bg.gif) repeat-x center left #CF3020 !important; border: 1px solid #CF3020 !important; } /* SOSD MENU --------------------------------------------------------- */ #ja-cssmenu li ul { border-top: 1px solid #575757 !important; border-right: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important; border-left: 1px solid #575757 !important; background: #333333 !important; } #ja-cssmenu li ul li { border-top: 1px solid #444444 !important; } #ja-cssmenu li a { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right !important; } #ja-cssmenu li li a { background: none !important; } #ja-cssmenu li li a.active { background: none !important; } #ja-cssmenu li a.active { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } #ja-cssmenu ul li:hover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover { background: #CF3020 !important; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechildsfhover, #ja-cssmenu li.havechild-activesfhover, #ja-cssmenu li:hover a.first-item, #ja-cssmenu li.sfhover a.first-item, #ja-cssmenu li.havechildsfhover a.first-item, #ja-cssmenu li.havechild-activesfhover a.first-item { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right #575757 !important; } #ja-cssmenu li a.active-first-item { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } /* TRANSMENU ---------------------------------------------------------*/ .transMenu .background { background-color: #333333 !important; } .transMenu .item.hover { background: #999999 !important; } .transMenu .item#active, .transMenu .item#active:hover { background: #CF3020 !important; } #ja-transmenu li a { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right !important; } #ja-transmenu a.havechild-mainlevel-active-trans, #ja-transmenu a.havechild-mainlevel-active-trans:hover, #ja-transmenu a.havechild-mainlevel-active-trans:active, #ja-transmenu a.havechild-mainlevel-active-trans:focus { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } #ja-transmenu a.jahover { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right #575757 !important; } #ja-transmenu a.jahover-active { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } #ja-transmenu a.mainlevel-trans:hover, #ja-transmenu a.mainlevel-trans:active, #ja-transmenu a.mainlevel-trans:focus { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right #575757 !important; } #ja-transmenu a.mainlevel-active-trans, #ja-transmenu a.mainlevel-active-trans:hover, #ja-transmenu a.mainlevel-active-trans:active, #ja-transmenu a.mainlevel-active-trans:focus { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } /* First item */ #ja-transmenu a.havechild-mainlevel-active-trans-first, #ja-transmenu a.havechild-mainlevel-active-trans-first:hover, #ja-transmenu a.havechild-mainlevel-active-trans-first:active, #ja-transmenu a.havechild-mainlevel-active-trans-first:focus, #ja-transmenu a.mainlevel-active-trans-first, #ja-transmenu a.mainlevel-active-trans-first:hover, #ja-transmenu a.mainlevel-active-trans-first:active, #ja-transmenu a.mainlevel-active-trans-first:focus { background: url(../../images/hot/mainnav-active-bg.gif) no-repeat top right #CF3020 !important; } #ja-transmenu a.havechild-mainlevel-trans-first:hover, #ja-transmenu a.havechild-mainlevel-trans-first:active, #ja-transmenu a.havechild-mainlevel-trans-first:focus, #ja-transmenu a.mainlevel-trans-first:hover, #ja-transmenu a.mainlevel-trans-first:active, #ja-transmenu a.mainlevel-trans-first:focus { background: url(../../images/hot/mainnav-sep.gif) no-repeat top right #575757 !important; }