/* Default Joomla! Menu */ #ja-container2 ul.menu { margin: 15px 0; padding: 1px 0 0; list-style: none; background: url(../../images/mcs/hdot2.gif) repeat-x top; } #ja-container2 ul.menu li { margin: 0 !important; padding: 0 !important; background: none !important; } #ja-container2 ul.menu li a { padding: 2px 0; display: block; color: #333333; background: url(../../images/mcs/hdot2.gif) repeat-x bottom; text-decoration: none; outline: none; } #ja-container2 ul.menu li a span { padding-left: 16px; background: url(../../images/mcs/bullet.gif) no-repeat 5px 5px; } #ja-container2 ul.menu li a:hover, #ja-container2 ul.menu li a:active, #ja-container2 ul.menu li a:focus { color: #333333; background: url(../../images/mcs/hdot2.gif) repeat-x bottom #DDDDDD; text-decoration: none; } #ja-container2 ul.menu li.active a { /*background: url(../../images/mcs/hdot2.gif) repeat-x bottom #FFFFFF;*/ color: #7BA566; font-weight: bold; text-decoration: none; } #ja-container2 ul.menu li.active a span { background: url(../../images/mcs/bullet3.gif) no-repeat 5px 5px; } #ja-container2 ul.menu li li a span { background: none; } #ja-container2 ul.menu li ul { margin: 0; padding: 0; list-style: none; } #ja-container2 ul.menu li li { padding: 0 0 0 15px !important; list-style: none; } #ja-container2 ul.menu li li a { color: #333333; /*background: none !important;*/ font-size: 92%; font-weight: normal; } #ja-container2 ul.menu li li a:hover, #ja-container2 ul.menu li li a:active, #ja-container2 ul.menu li li a:focus { color: #006699; } #ja-container2 ul.menu li li a span { background: url(../../images/mcs/bullet.gif) no-repeat 5px; font-weight: normal; } /****menu end***/ #ja-headerwrap { background: #006699; color: #C3DFED; } .ja-headermask { background: url(../../images/mcs/header/header-mask.png) no-repeat top right; } #ja-header a { color: #C3DFED; } h1.logo-text a { color: #C3DFED !important; } p.site-slogan { background: #1E7CAB; } #ja-search { background: url(../../images/mcs/icon-search.gif) no-repeat; background-position: 0px 28px; } #ja-search .inputbox { border: 1px solid #005A87; color: #C3DFED; background: #1E7CAB; } .sectiontableheader { background: #1374A5; } #ja-botslwrap { background: #006699; color: #C3DFED; } .ja-box-right div.moduletable { background: url(../../images/mcs/vdot2.gif) repeat-y left; } .ja-box-center div.moduletable { background: url(../../images/vdot2.gif) repeat-y left; } #ja-botsl a { color: #C3DFED; } /*--------------------------- VISUAL ----------------------------*/ /* -------- All levels -------- */ #ja-mainnavwrap { border-top: 1px solid #4394BD; background: #1374A5; } #ja-mainnav ul, #ja-mainnav li { background-image: none; list-style: none; } #ja-mainnav span.separator { display: none; } /* -------- Top level -------- */ #ja-mainnav > ul { background-color: #1374A5; padding-left: 20px; margin: 0; line-height: 20px; } #ja-mainnav > ul > li { float: left; margin: 0; padding: 0; background-color: #1374A5; border-left: 1px solid #4394BD; border-right: 1px solid #005A87; } #ja-mainnav > ul > li.active { background: url(../../images/mcs/arrow2.png) no-repeat bottom center #1374A5; color: #C3DFED; } #ja-mainnav > ul > li:hover, #ja-mainnav > ul > li:active, #ja-mainnav > ul > li:focus { background: url(../../images/mcs/arrow2.png) no-repeat bottom center #2A84B1; color: #C3DFED; } /* -------- sub-levels -------- */ #ja-mainnav ul ul li { border-left: 1px solid #4394BD; border-right: 1px solid #005A87; border-top: 1px solid #4394BD; border-bottom: 1px solid #005A87; margin-bottom: 1px; } #ja-mainnav li ul { /* second-level lists */ background-color: #2A84B1; margin: 0; position: absolute; top: 100%; left: 0; /*display: none;*/ z-index: 1; } #ja-mainnav li a { display: block; line-height: 20px; padding: 10px 20px; color: #C3DFED; font-weight: bold; text-decoration: none; } #ja-mainnav ul ul li:hover, #ja-mainnav ul ul li:active, #ja-mainnav ul ul li:focus { background: #006699; color: #C3DFED; } a { color: #006699; text-decoration: underline; } a.readon { color: #006699; } #ja-container2 ul.menu li li a:hover, #ja-container2 ul.menu li li a:active, #ja-container2 ul.menu li li a:focus { color: #006699; } .bignumber { color: #006699; } #ja-container2 ul.menu li.active a { color: #006699; line-height: 35px; } #ja-container2 ul.menu li.active .current a { background-color: #fff; } #ja-container2 ul.menu li.active a:hover { color: #0085c4; background-color: #fbfbfb; } div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3 { color: #006699; } div.module h3 { color: #006699; } #ja-container2 ul.menu li.active a span { background: url(../../images/mcs/bullet3.gif) no-repeat 5px; } /* BONUS TYPOGRAPHY STYLES --------------------------------------------------------- */ pre, .code { border-left: 5px solid #999999; background: #F6F6F6; } blockquote span.open { background: url(../../images/mcs/so-q.gif) no-repeat left top; } blockquote span.close { background: url(../../images/mcs/sc-q.gif) no-repeat bottom right; } /* Quote hilight */ .quote-hilite { border: 1px solid #CACACC; background: #FFFFFF; } /* Small quote */ .small-quote span.open-quote { background: url(../../images/mcs/so-q.gif) no-repeat center left; } .small-quote span.close-quote { background: url(../../images/mcs/sc-q.gif) no-repeat center right; } .small-quote span.author { border-top: 1px solid #DCDDE0; } /* Rropcap */ .dropcap { color: #999999; } /* Tips, Error, Message, Hightlight*/ .error { color: #666666; } .message { color: #999999; } .tips { color: #666666; } .highlight { background: #FFFFCC; } /* Note Style */ p.stickynote { border: 1px solid #CACACC; background: url(../../images/mcs/sticky-bg.gif) no-repeat 5px center #FFFFFF; } p.download { border: 1px solid #CACACC; background: url(../../images/mcs/download-bg.gif) no-repeat 5px center #FFFFFF; } /* Check list */ ul.checklist li { background: url(../../images/mcs/checklist-bg.gif) no-repeat 0 3px; } /* Small checklist */ ul.small-checklist li { background: url(../../images/mcs/icon_list.gif) no-repeat 0 3px; } /* Check list */ ul.stars li { background: url(../../images/mcs/star-bg.gif) no-repeat 0 3px; } /* Bignumber */ .bignumber { background: url(../../images/mcs/ol-bg.gif) no-repeat top left; color: #7BA566; } /* Talking box. Thinking box. */ div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { } div.bubble1 div { background: url(../../images/mcs/bub1-br.gif) no-repeat bottom right; } div.bubble1 div div { background: url(../../images/mcs/bub1-bl.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../../images/mcs/bub1-tr.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../../images/mcs/bub1-tl.gif) no-repeat top left; } div.bubble2 div { background: url(../../images/mcs/bub2-br.gif) no-repeat bottom right; } div.bubble2 div div { background: url(../../images/mcs/bub2-bl.gif) no-repeat bottom left; } div.bubble2 div div div { background: url(../../images/mcs/bub2-tr.gif) no-repeat top right; } div.bubble2 div div div div { background: url(../../images/mcs/bub2-tl.gif) no-repeat top left; } div.bubble3 div { background: url(../../images/mcs/bub3-br.gif) no-repeat bottom right; } div.bubble3 div div { background: url(../../images/mcs/bub3-bl.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../../images/mcs/bub3-tr.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../../images/mcs/bub3-tl.gif) no-repeat top left; } div.bubble4 div { background: url(../../images/mcs/bub4-br.gif) no-repeat bottom right; } div.bubble4 div div { background: url(../../images/mcs/bub4-bl.gif) no-repeat bottom left; } div.bubble4 div div div { background: url(../../images/mcs/bub4-tr.gif) no-repeat top right; } div.bubble4 div div div div { background: url(../../images/mcs/bub4-tl.gif) no-repeat top left; } /* Legend */ .legend-title { background: #FFFFFF; } .legend { border: 1px solid #CACACC; background: #FFFFFF; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-wrapper { background: #F2F2F2; } #ja-containerwrap { background: url(../../images/mcs/cw-bg1.gif) repeat-y 50% 0; } #ja-containerwrap2 { background: url(../../images/mcs/cw-bg2.gif) no-repeat 50% 0; } #ja-container { background: url(../../images/mcs/c-bg1.gif) repeat-y 18% 0; } #ja-container2 { padding: 20px 0; background: url(../../images/mcs/c-bg2.gif) no-repeat 18% 0; } /* Full */ #ja-containerwrap-f { background: url(../../images/mcs/cwf-bg.gif) repeat-x top left #FFFFFF; } /* Full left */ #ja-containerwrap-fl { background: url(../../images/mcs/cwf-bg.gif) repeat-x top left #FFFFFF; } /* Full right */ #ja-containerwrap-fr { background: url(../../images/mcs/cw-bg1.gif) repeat-y 50% 0; } #ja-containerwrap-fr #ja-containerwrap2 { background: url(../../images/mcs/cw-bg2.gif) no-repeat 50% 0; } /* Module rounded */ div.module h3 { border-bottom: 1px solid #E9E9E9; color: #7BA566; } div.module_black, div.module_green, div.module_blue, div.module_red, div.module { background: url(../../images/mcs/b-br.gif) no-repeat bottom right #FFFFFF; } div.module div { background: url(../../images/mcs/b-bl.gif) no-repeat bottom left; } div.module div div { background: url(../../images/mcs/b-tr.gif) no-repeat top right; } div.module div div div { background: url(../../images/mcs/b-tl.gif) no-repeat top left; } div.module_text span { background: #FFFFFF; } div.module_text { background: url(../../images/mcs/bt-br.gif) no-repeat bottom right #F6F6F6; } div.module_text div { background: url(../../images/mcs/bt-bl.gif) no-repeat bottom left; } div.module_text div div { background: url(../../images/mcs/bt-tr.gif) no-repeat top right; } div.module_text div div div { background: url(../../images/mcs/bt-tl.gif) no-repeat top left; } /* red */ div.module_black h3, div.module_green h3, div.module_blue h3, div.module_red h3 { border-bottom: 1px solid #F6F6F6; color: #FFFFFF; } div.module_red { background: url(../../images/mcs/br-br.gif) no-repeat bottom right #BF0000; color: #FFFFFF; } div.module_red div { background: url(../../images/mcs/br-bl.gif) no-repeat bottom left; } div.module_red div div { background: url(../../images/mcs/br-tr.gif) no-repeat top right; } div.module_red div div div { padding: 0 15px 10px; background: url(../../images/mcs/br-tl.gif) no-repeat top left; } /* blue */ div.module_blue { background: url(../../images/mcs/bb-br.gif) no-repeat bottom right #025291; color: #FFFFFF; } div.module_blue div { background: url(../../images/mcs/bb-bl.gif) no-repeat bottom left; } div.module_blue div div { background: url(../../images/mcs/bb-tr.gif) no-repeat top right; } div.module_blue div div div { background: url(../../images/mcs/bb-tl.gif) no-repeat top left; } /* green */ div.module_green { background: url(../../images/mcs/bg-br.gif) no-repeat bottom right #7BA566; color: #FFFFFF; } div.module_green div { background: url(../../images/mcs/bg-bl.gif) no-repeat bottom left; } div.module_green div div { background: url(../../images/mcs/bg-tr.gif) no-repeat top right; } div.module_green div div div { padding: 0 15px 10px; background: url(../../images/mcs/bg-tl.gif) no-repeat top left; } /* black */ div.module_black { background: url(../../images/mcs/bl-br.gif) no-repeat bottom right #333333; color: #FFFFFF; } div.module_black div { background: url(../../images/mcs/bl-bl.gif) no-repeat bottom left; } div.module_black div div { background: url(../../images/mcs/bl-tr.gif) no-repeat top right; } div.module_black div div div { background: url(../../images/mcs/bl-tl.gif) no-repeat top left; } /* JOOMLA STYLE --------------------------------------------------------- */ a.readon { border: 1px solid #ECECEC; background: url(../../images/mcs/arrow.png) no-repeat 5px 48%; color: #006699; } a.readon:hover, a.readon:active, a.readon:focus { border: 1px solid #DDDDDD; background: url(../../images/mcs/arrow.png) no-repeat 5px 48% #F6F6F6; } ul.menu li.active a { background-color: #ECECEC; } ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus { background-color: #F6F6F6; }