/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: structure.css ++ Structural Style Sheet - contains core structural css for layout ------------------------------------------------------------------------------*/ /* LOGO image on H1 tag: */ #jjTop h1{ margin: 0; padding: 0; } #jjTop h1 a { padding: 0; margin: 15px 0 0 8px; text-indent: -7887px; display: block; float: left; } #jjTop.txt-logo a{ font: bold 50px Arial; text-decoration: none; display: block; margin: 15px 0 0 8px; width: 70%; float: left; } #jjTop.txt-logo.slogan a{ font: bold 50px Arial; text-decoration: none; margin: 0 0 0 8px; } #jjTop.txt-logo.slogan a span{ font: bold 17px Arial; text-decoration: none; display: block; color: #40889a; } #jjTop.img-logo img{ margin: 15px 0 0 8px; } #jjTop.img-logo a{ float: left; } #jjPrimary .article-options a{ border: 0px none; text-decoration: none } body { text-align: center; } html { background: url('../images/body-bg.png') repeat-x 0 28px; } /*Start global resets*/ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { padding: 0.3em 0 0.6em; } blockquote, ul, ol, dl, fieldset, address { margin: 0.5em 0; } p { padding-bottom: 1.2em; } fieldset { padding: 0.5em; } img { border: 0px none; } a img { border: 0px none; } label { text-align: left; } select option { padding: 0 3px; } /*This helps fix the relative font sizing problem with tables in internet explorer*/ table { font-size: 1em; border-collapse: collapse; border-spacing: 0; } .hidden { display: none; } .clearer { clear: both; } .left { float: left; } .right { float: right; } /*End global resets Control Styles*/ .jjOuterBrdr { border: 1px solid #ccc; } .jjInnerBrdr { border: 1px solid white; border-bottom: none; } .jjCenter { width: 960px; margin: 0 auto; text-align: left; } /*Clear Fix*/ #jjPathway { height: 15px; font-size: 0.9em; padding: 0 20px 10px 0px; color: #333; } #jjPathway a:link, #jjPathway a:visited, #jjPathway a:hover { padding: 0 2px 0 5px; text-decoration: underline; font-size: 1em; color: #000; } .jjClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /*Hides From IE Mac \*/ * html .jjClear { height: 1%; } .jjClear { display: block; } /*End Hide from IE Mac End Control Styles*/ /* #jjToolbar { background: url('../images/toolbar-bg.png') repeat-x top left; height: 26px; line-height: 21px; color: #000; font-size: 0.9em; padding-top: 2px } */ /*Remove padding from all elements in Toolbar **********************************************/ #jjToolbar p, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar ul { margin: 0; padding: 0; } #jjToolbar h6 { display: inline; float: left; color: #000; margin: 0; padding: 0; } #jjToolsWrap { } #jjNewsticker { float: left; width: 480px; } #jjMininav { float: right; } #jjTop { height: 100px; overflow: hidden; line-height: 90px; } #jjTop h1 { margin: 0; padding: 0; } #jjTop h1 { float: left; } #jjTopOptions { float: right; padding-top: 30px; } #jjHeader { background: white; } #jjUser1 { background: #FFFFFF; height: 100%; padding: 0; } /*#jjNavigation { background: #000000 url('../images/menu-bg.jpg') repeat-x; height:31px; line-height:31px; width:40%; border-bottom:1px solid #ccc; } */ #jjSearch { background: url('../images/searchbox.jpg') no-repeat left top; float: right; height: 27px; width: 164px; margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0 } #jjSearch input.inputbox { background: none; border: none; color: #102537; float: left; font-size: 1.1em; font-weight: bold; margin: 1px 0 0 6px; padding: 4px 0 0; width: 113px; } /*#jjMain { height: 100%; background: #FBFBFB url('../images/content-bg.jpg') repeat-x top left; position: relative } */ #jjSecondary { display: inline; } #jjBtmShelf { margin-top: 15px; line-height: 140%; position: relative; } #jjUser2 { height: 100%; padding: 0px; background: #FFFFFF; } #jjFooter { position: relative; top: 12px; font-size: 1.1em; background: none; margin: 0 auto; clear: both; height: 63px; font-size: 0.9em; color: #0033CC; margin-top: 1px; } #joomlajunkie-swish a:link, #joomlajunkie-swish a:visited { float: left; background: url('../images/jjswish.png') no-repeat 0px 0px; width: 53px; height: 50px; padding: 0; text-indent: -7887px; z-index: 100; outline: 0; margin-left:10px; margin-right:0; margin-top:-5px; margin-bottom:0px } #joomlajunkie-swish a:hover { background: url('../images/jjswish.png') no-repeat 0px -50px; } #nav-and-credits { line-height: 20px; position: relative; } #nav-and-credits .left, #copyright .left { float: left; clear: right; padding: 0; margin: 0; padding-left: 10px; } #nav-and-credits .right, #copyright .right { float: right; padding: 0; margin: 0; padding-right: 20px; } #copyright .right a { text-decoration: underline; color: #333; } a.w3c-valid-xhtml, a.w3c-valid-css, .footer-rss a{ padding-left: 30px; text-transform: uppercase; } #nav-and-credits a.w3c-valid-xhtml { color: #0033CC; background: url('../images/tickle_red.gif') no-repeat 10px 1px; } #nav-and-credits a.w3c-valid-css { color: #0033CC; background: url('../images/tickle_blue.gif') no-repeat 10px 1px; } #nav-and-credits .footer-rss{ display: inline; } #nav-and-credits .footer-rss a{ color: #0033CC; background: url('../images/tickle_orange.gif') no-repeat 10px 1px; } #nav-and-credits .footer-rss a img{ display: none; } span.jjDate { margin: 0 0 0 830px; } /*Intelli Mods Code *****************************************/ .jjSpan1 div.moduletable, .jjSpan2 div.moduletable, .jjSpan3 div.moduletable, .jjSpan4 div.moduletable, .jjSpan1 div.module, .jjSpan2 div.module, .jjSpan2 div.module, .jjSpan3 div.module, .jjSpan4 div.module { float: left; margin: 0 0.9%; padding: 15px 0 10px; display: inline; } .jjSpan1 div.module, .jjSpan1 div.moduletable { width: 98%; } .jjSpan2 div.module, .jjSpan2 div.moduletable { width: 48%; } .jjSpan3 div.module, .jjSpan3 div.moduletable { width: 31.2%; } .jjSpan4 div.module, .jjSpan4 div.moduletable { width: 23%; } /*Collapsable and configurable columns **************************************** NOTE: jjPrimary refers to the main content NOTE: jjSecondary refers to the sidebar *** Sidebar on the Left ****/ #jjWrapper.scheme_2 #jjSecondary.first-in-scheme { float: left; width: 196px; border: 1px solid #CCC9BE; background: #B1D7E0; display: inline; } #jjWrapper.scheme_2 #jjPrimary.second-in-scheme { display: inline; float: left; width: 730px; margin: 5px 0 -2px 20px; } /**** Sidebar on the Right ****/ #jjWrapper.scheme_2 #jjSecondary.second-in-scheme { width: 196px; float: right; border: 1px solid #bcc6c9; background: #e6f0f3; display: inline; } #jjWrapper.scheme_2 #jjPrimary.first-in-scheme { display: inline; float: left; width: 725px; margin: 5px 0 15px 15px; } /**** No Sidebar ****/ #jjWrapper.scheme_1 .first-in-scheme { width: 920px; margin: 0 auto; display: block; padding: 5px 20px; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: typography.css ++ Typography Style Sheet ------------------------------------------------------------------------------*/ body { font: normal 78%/160% Arial, Helvetica, sans-serif; color: #3C372B; } h1 { font-size: 2em; } h2 { color: #736644; font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { color: #736644; font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { color: #736644; font-size: 1em; } a { color: #504527; } pre { background: #F2EFE1; border-left: 3px solid #FFFFFF; padding: 5px 5px 5px 10px; margin: 10px 0px 15px; width: 96%; font-size: 11px; } #jjPrimary table.contentpaneopen pre p { margin: 0; padding: 10px 10px 10px 20px; font-size: 12px; } p.color-green { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #98CB00; border-bottom: 3px solid #98CB00; background: #FFFFFF; color: #010101; } p.color-blue { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #7DB6FB; border-bottom: 3px solid #7DB6FB; background: #ECF2FE; color: #010101; } p.color-orange { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #F18B41; border-bottom: 3px solid #F18B41; background: #FDF6E4; color: #010101; } p.color-pink { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #D5688F; border-bottom: 3px solid #D5688F; background: #FAE8E8; color: #010101; } p.color-grey { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; background: #FAFAFA; color: #010101; } /*@group Notice Styles*/ p.error, p.tips, p.info { display: block; padding: 8px 10px 8px 35px; margin: 15px 0; } p.error { color: #CD3301; border-top: 3px solid #CD3301; border-bottom: 3px solid #CD3301; background: #FAE8E8 url(../images/icon-typo-error.jpg) no-repeat 10px 50%; } p.tips { color: #2D84E3; border-top: 3px solid #ADCEFB; border-bottom: 3px solid #ADCEFB; background: #ECF2FE url(../images/icon-typo-tips.jpg) no-repeat 10px 50%; } p.info { color: #CA6701; border-top: 3px solid #F2A378; border-bottom: 3px solid #F2A378; background: #FDF6E4 url(../images/icon-typo-info.jpg) no-repeat 10px 50%; } /*@end*/ .highlight { background: #736644; color: #FFF; } #jjPrimary .img-center{ margin: 0 auto; display: block; } #jjPrimary .img-left{ margin: 0 20px 0 0; float: left; padding: 2px; border: 1px solid #ccc; } #jjPrimary .img-right{ margin: 0 0 0 20px; float: right; padding: 2px; border: 1px solid #ccc; } table.tbl-center{ margin: 0 auto; } /* Lists Style *****************************************/ #jjPrimary ul, #jjSecondary ul { list-style-position: inside; } #jjPrimary ol, #jjSecondary ol { padding: 0; list-style-position: inside; } #jjPrimary ol li { padding: 2px 0 2px 5px; } #jjPrimary ul ul, #jjPrimary ul ul ul, #jjPrimary ul ul ul ul { margin-left: 25px; } #jjPrimary ol ol, #jjPrimary ol ol ol, #jjPrimary ol ol ol ol li, ul.li-style1, ul.li-style2, ul.li-style3, ul.li-style4 { padding-left: 2px; margin-left: 0; } ul.li-style1 li, ul.li-style2 li, ul.li-style3 li, ul.li-style4 li { list-style: none; margin-left: 0; padding-bottom: 3px; margin-bottom: 5px; padding-left: 21px; } ul.li-style1 li { background: url(../images/li-style1.jpg) no-repeat -1px 1px; } ul.li-style2 li { background: url(../images/li-style2.jpg) no-repeat 0px 2px; } ul.li-style3 li { background: url(../images/li-style3.jpg) no-repeat 0px 1px; } ul.li-style4 li { background: url(../images/li-style4.jpg) no-repeat 0px 1px; } /*Latest News Module*/ #content ul.latestnews li, #content ul.mostread li { list-style-type: none; margin: 0; font-size: 1.2em; } /*UL.mostread-news L*/ ul.mostread-news li a:link, ul.mostread-news li a:visited { color: white; display: block; } /*Horizontal Rules *****************************************/ hr { border: none; height: 1px; margin: 10px 0; border-top: 1px solid #EBE3D1; width: 96%; } /*Links Styling *****************************************/ a:link, a:visited { text-decoration: underline; } a:hover, a:active { } #jjPrimary a:link, #mainbody a:active{ text-decoration: none; border-bottom: 1px dotted #999; color: #000; } #jjPrimary a:hover, #mainbody a:active{ text-decoration: none; border-bottom: 1px solid #999; } #jjPrimary a:visited{ text-decoration: none; border-bottom: 1px solid #999; color: #666; } a.readon:link, a.readon:visited, a.readon:hover { display: inline-block; text-decoration: none; background: #413B33 url(../images/button-bg.jpg) repeat-x; padding: 1px 8px 2px 10px; margin-top: 13px; color: #FFF; border: 1px solid #413B33; } #jjPrimary a.readon:link, #jjPrimary a.readon:visited{ color: #fff; border: none; } #jjPrimary a.readon:hover{ color: #999; border: none; } li span.small { font-size: 0.9em; } li br { display: none; } /*System Messages *****************************************/ /* OpenID icon style */ input.system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 1px solid #c4d3df; border-bottom: 1px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; } #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 1px solid #84A7DB; border-bottom: 1px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { background: #B3C4DC } /* System Error Messages */ #system-message dt.error { background: url(../images/icons/icon-05.png) no-repeat; padding-left: 20px; color: #f00; text-transform: uppercase; font-size: 1.2em; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 1px solid #DE7A7B; border-bottom: 1px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { background: url(../images/icons/icon-05.png) no-repeat; padding-left: 20px; color: #F0DC7E; text-transform: uppercase; font-size: 1.2em; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 1px solid #F0DC7E; border-bottom: 1px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;}/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: joomla.css ++ Joomla Specific Style Sheet - general Joomla styles ------------------------------------------------------------------------------ Joomla Specific *****************************************/ .contentheading { width: 100%; color: #333; } .contentheading, .componentheading { font-size: 2em; font-weight: bold; line-height: 1.2em; padding: 0; margin: 15px 0; clear: both; } .contentpaneopen img { padding: 0; } .img_caption.left p, .img_caption.right p { color: #666666; font-size: 92%; text-align: center; } .contentpaneopen, .contentpane { font-size: 1em; line-height: 150%; } #jjPrimary .contentpaneopen p, #jjPrimary .contentpane p { margin: 9px 10px 0 0px; } #jjSecondary .contentpaneopen, #jjSecondary .contentpane { margin: 0 0 20px; } .moduletable .contentpaneopen, .moduletable .contentpane { line-height: 135%; } /* section table headers */ .sectiontableheader { background: #d7caa8 url(../images/toolbar-bg.png) repeat-x; color: #736644; text-align: left; font-weight: bold; line-height: 20px; } .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-indent: 5px; padding: 4px 0 5px; } .sectiontableheader { font-weight: bold; } .sectiontableentry1 { background: #F2EFE1; color: #333; font-size: 11px; border-top: 1px solid #FFF; border-bottom: 1px solid #D7CAA8; } .sectiontableentry2 { background: #F8F5E8; color: #333; font-size: 11px; border-top: 1px solid #FFF; border-bottom: 1px solid #D7CAA8; } table.poll-sfx td { font-size: 12px; padding: 2px 3px; } table.poll-sfx thead tr td { font-size: 12px; } span.small { color: #333; font-size: 11px; } .author { background: transparent url(../images/author.gif) no-repeat 0 50%; padding: 4px 0pt 5px 0px; text-indent: 20px; color: #999; font-size: 1em; padding: 3px 2px 3px 5px; margin: 0; line-height: 1.2em; display: block; } .createdate { background: transparent url(../images/date.gif) no-repeat 0 45%; padding: 4px 0pt 5px 0px; text-indent: 20px; color: #999; font-size: 1em; padding: 3px 2px 3px 5px; margin: 0; line-height: 1.2em; display: block; } .modifydate { border-top: 1px solid #efefef; margin-top: 10px; color: #cccccc; text-align: right; font-size: 1em; padding: 5px 2px 3px 5px; line-height: 1.2em; display: block; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; } table.searchintro { padding: 10px 0; width: 100%; } td.buttonheading a { background: none; } .mosimage { padding: 0; margin: 2px 10px 6px 3px; border: 3px solid #F4F4F4; } .mosimage img { padding: 0; margin: 0 !important; /*[e]0*/ } .mosimage_caption { margin-top: 2px; padding: 1px 2px; color: #333; background: #F2EFE1; } .fleftimgtc, .fleftimg { display: inline; float: left; margin: 5px 0pt 10px 10px; padding-right: 15px; } /* article index */ table.contenttoc { margin: 7px; margin-right: 0; border: 1px solid #DACCAF; width: 150px; float: right; } table.contenttoc td { padding: 5px 7px; background: #fff; } table.contenttoc th { background: url(../images/modules/h3style-03.jpg) repeat-x; padding: 0 10px; font-size: 1em; color: #000; text-align: center; height: 27px; } .pagenav { border: 1px solid #dedede; font-weight: bold; margin: 5px 1px; padding: 1px 10px; text-align: center; width: auto; color: #ccc; background: #efefef; } a.pagenav { border: 1px solid #E3D4B0; color: #957F6C; background: #F7EFDE; } .pagination-links { float: left; clear: both; width: 100%; text-align: center; margin-bottom: 5px; color: #ccc; } .pagination-counter { float: left; clear: both; width: 100%; text-align: center; padding: 10px 0; } .blog_more { float: left; clear: both; padding: 10px 0 0 10px; width: 97%; background: #EAE6DA url(../images/inset-bg.jpg) repeat-x; border-bottom: 1px solid #DACCAF; border-top: 1px solid #DACCAF; margin-bottom: 20px; } p.more-link { margin: 0; padding: 0; } p.more_link { margin: 0; text-transform: uppercase; } .article_seperator { border-top: 1px solid #E9E5E5; border-bottom: 1px solid #FFF; height: 0px; display: block; margin: 2% 10%; width: 80%; } /* remove article seperator in sidebar */ #jjSecondary .article_seperator { display: none; } .moduletable span.article_seperator, #inset .moduletable .article_seperator { display: none !important; } th.pagenav_prev, th.pagenav_next { width: 79%; } th.pagenav_prev a:link, th.pagenav_prev a:visited, th.pagenav_next a:link, th.pagenav_next a:visited { padding: 5px 14px; color: #716956; text-decoration: none; background: #E3DAC5; } th.pagenav_prev a:hover, th.pagenav_next a:hover { color: #FFF; text-decoration: none; } .back_button { margin: 16px 10px; } .back_button a { padding: 5px 12px; color: #FFF; text-decoration: none; border: 1px solid #E5E5E5; background: #716956; } .back_button a:hover { color: #FFF; text-decoration: none; border: 1px solid #E5E5E5; } /* send to a friend popup */ body.contentpane form table { margin: 20px; font-size: 12px; } body.contentpane form table .inputbox { width: 200px; margin-bottom: 5px; } body.contentpane form table input.button { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #DDD; border-left: 1px solid #DDD; padding: 3px 7px; background: #EEE; color: #999; } /* print styling *****************************************/ body.contentpane { background: #FFF; } body.contentpane table.contentpaneopen { padding: 20px; background: #FFF; } body.contentpane a span.small { font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; } /* form styling *****************************************/ #jjSearch input.button { background: none; border: none; color: #FFFFFF; cursor: pointer; float: left; padding: 4px 0; text-indent: -7887px; width: 33px; line-height: 100em; } input.button { background: #29200B url(../images/modules/h3style-01.jpg) repeat-x scroll 0pt 50%; color: #FFF; padding: 4px 15px; cursor: pointer; border: 1px solid white; } select, select.inputbox { border: 1px solid #D8C69D; background-color: #FAF9F9; color: #302A1A; } #jjPrimary fieldset { border: 1px solid #E3D4B0; } #form-login fieldset { border: none; margin: 0; padding: 0; } #form-login fieldset #form-login-remember label { padding: 0 10px 0 0; margin: 0; } #form-login-username { border: none; margin: 0; padding: 4px 0; } a.readon:link, a.readon:visited, a.readon:hover { display: inline-block; text-decoration: none; background: #413B33 url(../images/button-bg.jpg) repeat-x; padding: 1px 8px 2px 10px; margin-top: 13px; color: #FFF; border: 1px solid #413B33; } blockquote { border: 1px solid #E9E5D9; padding: 10px 60px 10px 10px; background: #F2EFE1; } #jjBtmShelf a.readon:link, #jjBtmShelf a.readon:visited, #jjBtmShelf a.readon:hover, #jjUser1 a.readon:link, #jjUser1 a.readon:visited, #jjUser1 a.readon:hover { text-decoration: none; background: none; font-weight: bold; margin-top: 3px; color: #333333; border: none; font-size: 1em; } .cols_1 { width: 98%; } .cols_2 { width: 47.5%; } .cols_3 { width: 30%; } .cols_4 { width: 22%; } #jjPrimary .article-options { float: right; height: 24px; margin-top: 0px; } #jjPrimary .article-options li { margin: 0; padding: 0; list-style: none; display: inline-block; } #jjPrimary .article-options li a { padding-right: 5px; border: 0; } #jjPrimary .article-options a:hover { border: 0; } .article_column { padding-right: 1em; float: left; clear: none; } .column_separator { padding: 0 0 0 1.5em; } .article_separator { display: block; margin-top: 2em; height: 2em; background: url(../images/article_separator.png) repeat-x top left; } .tool-tip{ border: 1px solid #D5BD97; background: #F7ECD7; text-align: left; } .tool-tip div{ border: 1px solid #fff; padding: 5px 5px 3px 5px; } .tool-tip div div{ border: 0; } .tool-title{ margin: -5px -5px 0 -5px; background: #D5BD97; padding: 5px; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: modules.css ++ Module Style Sheet - styling for joomla modules ------------------------------------------------------------------------------ Normal Module Styles *************************************/ .module h3, .moduletable h3, .module-sfx h3, .module_menu h3 { font-size: 17px; margin: 0 -10px; height: 37px; padding: 8px 0 6px 10px; line-height: 37px; } /* footer and top shelf module adjustments */ #jjBtmShelf .moduletable h3, #jjUser1 .moduletable h3, #jjUser5 .moduletable h3, #jjUser6 .moduletable h3, #jjUser7 .moduletable h3, #jjUser8 .moduletable h3, #jjUser9 .moduletable h3 { margin: 0; padding: 0; line-height: 20px; } #jjUser1 .moduletable { padding-bottom: 24px; } #jjBtmShelf .moduletable, #jjUser1 .moduletable { margin-bottom: 10px; margin-top: 5px; } #jjBtmShelf .moduletable ul, #jjUser1 .moduletable ul { margin-top: -6px; } #jjBtmShelf .moduletable ul { border-top: 1px solid #DACDAD; border-bottom: 1px solid #fff; } #jjBtmShelf .moduletable ul li, #jjUser1 .moduletable ul li { list-style-type: none; border-top: 1px solid #FFF; line-height: 24px; border-bottom: 1px solid #DACDAD; } #jjBtmShelf .moduletable ul li a, #jjUser1 .moduletable ul li a { padding: 0 0 0 10px; color: inherit; display: block; } #jjBtmShelf .moduletable ul li a:hover, #jjUser1 .moduletable ul li a:hover { background: #FFFCF3; display: block; } .module, .module-sfx, .module_menu { margin: 3px 10px 0px; } table.contentpaneopen-sfx td { padding-bottom: 8px; } div.moduletable-sfx.nopadding { padding: 0; width: auto; } /* Module Header Background Options *************************************/ .h3style-01 h3 { background: url(../images/modules/h3style-01.jpg) repeat-x; height: 33px; padding-top: 0px; line-height: 33px; } .h3style-02 h3 { background: url(../images/modules/h3style-02.jpg) repeat-x; height: 33px; padding-top: 0px; line-height: 33px; border-bottom: 1px solid #333; } .h3style-03 h3 { background:#dacdaf url(../images/modules/h3style-03.jpg) repeat-x top left; } .h3style-04 h3 { background: url(../images/modules/h3style-04.jpg) repeat-x top left; } .h3style-05 h3 { background: url(../images/modules/h3style-05.jpg) repeat-x; } .h3style-06 h3 { background: url(../images/modules/h3style-06.jpg) repeat-x; } .h3style-07 h3 { background: url(../images/modules/h3style-07.jpg) repeat-x; height: 33px; line-height: 33px; } .h3style-08 h3 { background: url(../images/modules/h3style-08.jpg) repeat-x; height: 33px; line-height: 33px; } .h3style-03 h3, .h3style-04 h3, .h3style-05 h3{ color: #55503D; padding: 0px 10px; margin-bottom: 3px; } .h3style-01 h3, .h3style-02 h3, .h3style-06 h3, .h3style-07 h3 { color: #FFFFFF; padding: 0px 10px; margin-bottom: 3px; } .h3style-08 h3 { color: #000; padding: 0px 10px; margin-bottom: 3px; } .h3style-03 h3, .h3style-04 h3 { padding: 10px 10px 7px 10px; height:25px; margin-bottom: 0; } /*Module Background Suffix Colors *************************************/ .inset { color: red; } .bgstyle-01 div, .bgstyle-02 div, .bgstyle-03 div, .bgstyle-04 div, .bgstyle-05 div, .bgstyle-06 div, .bgstyle-07 div, .bgstyle-08 div, .bgstyle-09 div { color: #FFF; margin: 0 -10px; padding: 0 10px; display: inline-block; width: 100%; } .bgstyle-01 div div div div, .bgstyle-02 div div div div, .bgstyle-03 div div div div, .bgstyle-04 div div div div, .bgstyle-05 div div div div, .bgstyle-06 div div div div, .bgstyle-07 div div div div, .bgstyle-08 div div div div, .bgstyle-09 div div div div{ background: transparent; padding: 0; margin: 0; border: none; clear: both; } /*@group background colors*/ .bgstyle-01 div div div { background: #645636 url(../images/modules/bgstyle-01.jpg) repeat-x top left; } .bgstyle-02 div div div { background: #D7DBC0 url(../images/modules/bgstyle-02.jpg) repeat-x top left; color: #333; } .bgstyle-03 div div div { background: #dacdaf url(../images/modules/bgstyle-03.jpg) repeat-x bottom left; padding-bottom: 20px; color: #000; margin-bottom: 20px; } .bgstyle-04 div div div { background: #ddd7bf url(../images/modules/bgstyle-04.jpg) repeat-x bottom left; padding-bottom: 20px; color: #000; margin-bottom: 20px; } .bgstyle-05 div div div { background: #ffffff url(../images/modules/bgstyle-05.jpg) repeat-x top left; color: #666; } .bgstyle-06 div div div { background: #101010 url(../images/modules/bgstyle-06.jpg) repeat-x top left; color: #ccc; } .bgstyle-07 div div div { background: #7d7254 url(../images/modules/bgstyle-07.jpg) repeat-x top left; } .bgstyle-08 div div div { background: #ada187 url(../images/modules/bgstyle-08.jpg) repeat-x top left; } .bgstyle-09 div div div { background: #f2efe0 url(../images/modules/bgstyle-09.jpg) repeat-x top left; color: #666; } #jjInset .module div div div { background:#FFFFFF; color: #3D382B; padding: 8px 20px 10px; border: 1px solid white; } #jjInset .module { border: 1px solid #E1E0DD; margin: 0; } .inset div div div, .brownbg div div div, .greenbg div div div, .litebg div div div, .darkbg div div div { padding-bottom: 15px; border-bottom: 1px solid white; } /*@end*/ /*@group icons */ .icon-01 h3 span{ float: left; background: url(../images/icons/icon-01.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-02 h3 span{ float: left; background: url(../images/icons/icon-02.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-03 h3 span{ float: left; background: url(../images/icons/icon-03.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-04 h3 span{ float: left; background: url(../images/icons/icon-04.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-05 h3 span{ float: left; background: url(../images/icons/icon-05.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-06 h3 span{ float: left; background: url(../images/icons/icon-06.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-07 h3 span{ float: left; background: url(../images/icons/icon-07.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-08 h3 span{ float: left; background: url(../images/icons/icon-08.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-09 h3 span{ float: left; background: url(../images/icons/icon-09.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-10 h3 span{ float: left; background: url(../images/icons/icon-10.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-11 h3 span{ float: left; background: url(../images/icons/icon-11.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-12 h3 span{ float: left; background: url(../images/icons/icon-12.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-13 h3 span{ float: left; background: url(../images/icons/icon-13.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-14 h3 span{ float: left; background: url(../images/icons/icon-14.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-15 h3 span{ float: left; background: url(../images/icons/icon-15.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-16 h3 span{ float: left; background: url(../images/icons/icon-16.gif) no-repeat 0 50%; width: 24px; height: 37px; } /*end*/ /*@group newsticker -override styles*/ #jjToolsWrap .newsticker li a strong { font-weight: bold; color: #000; } #jjToolsWrap #news.newsticker li a { font: normal 11px Arial; text-decoration: none; color: #000; height: 20px; line-height: 20px; } /* Rss Module Styling*/ .blog-rss { background: transparent url(../images/rssicon.png) no-repeat scroll 98% 30%; padding-right: 70px; } .clubTestimonial .quoteName { background: transparent url(http://joomlajunkie.com/templates/madeyourweb/images/mitch-quote.jpg) no-repeat scroll 0 0; font-size: 11px; padding: 5px 0 26px 93px; } div.clubTestimonial p { font-size: 0.9em; font-style: italic; line-height: 140%; margin: 10px 0; } .h3style-05 h3 { padding-top: 0px; height: 40px; } div.icon-01 h3.jjmod-title span.icon { padding-top: 0px; height: 40px; } /* Polls Module*/ form.polls h4{ margin: -10px 0 5px 0; padding: 0; font-size: 13px; } form.polls ul, form.polls li{ margin: 0; padding: 0; list-style: none; }/*[fmt]1A90-1A0A-3*/ /*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: form.css ++ Forms Style Sheet ------------------------------------------------------------------------------*/ input, textarea { background-color: #FAF9F9; border: 1px solid #DDD7CB; padding: 2px 10px 2px 5px; color: #5D5545; margin: 2px 0; } /*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: menucore.css ++ Menu Core Style Sheet ----------------------------------------------------------------------------*/ /* Footer Menu *****************************************/ #jjFooter ul.menu { margin: 0; padding: 0; width: 485px; height: 20px; } #jjFooter ul.menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #jjFooter ul.menu li a:link, #jjFooter ul.menu li a:visited { text-decoration: underline; font: normal 11px arial, serif; padding: 2px 5px 2px 0; color:#5a808a; text-transform: uppercase; } /* Mini Nav *****************************************/ #jjMininav ul#mainlevel-nav { margin: 0; padding: 0; border-right: 1px solid #f4f8f9; overflow: auto; border-left: 1px solid #bcc6c9; } #jjMininav ul#mainlevel-nav li { float: left; padding: 0 10px; list-style: none; border-left: 1px solid #f4f8f9; border-right: 1px solid #bcc6c9; } #jjMininav ul#mainlevel-nav a { color: #000; text-decoration: none; } #jjMininav ul#mainlevel-nav a:hover { text-decoration: underline; } /* Sidenav *****************************************/ #jjSecondary span.separator { background: transparent url(../images/isparent.png) no-repeat 10px 8px; text-indent: 20px; } #jjSecondary .separator.active { background: transparent url(../images/openparent.png) no-repeat 10px 8px; text-indent: 20px; } #jjSecondary .separator.active .seperator.active { background: none; } li.parent ul li a.jjSideNavActive { background: none; } #jjSecondary ul.menu { margin: 0; padding: 0; border-bottom: 1px solid #c2d9df; margin: -3px -10px 0; } #jjSecondary ul.menu li { list-style-type: none; border-top: 1px solid #c2d9df; line-height: 27px; } #jjSecondary ul.menu li a { background: transparent url(../images/sidenav-bullet.png) no-repeat 10px 8px; text-indent: 20px; text-decoration: none; font-size: 12px; color: #333; border-top: 1px solid #FFF; padding: 0 0 0 10px; display: block; } #jjSecondary span.separator { text-decoration: none; font-size: 12px; color: #333; border-top: 1px solid #FFF; padding: 0 0 0 10px; display: block; cursor: pointer; } #jjSecondary ul.menu li.active { background: #FaF9F9; margin-right: -2px; } #jjSecondary ul.menu li a:hover { background-color: #deeaed; } #jjSecondary ul.menu li ul { margin: 0; } #jjSecondary ul.menu li ul { margin-left: 12px; } /* If using "-nestedlist" menu suffix *****************************************/ #jjSecondary ul.menu-nestedlist, #jjSecondary ul.menu-nestedlist ul { margin: 0; padding: 0; } #jjSecondary ul.menu-nestedlist li { list-style-type: circle; padding: 0 0 0 10px; margin: 0; color: #ccc; } #jjSecondary ul.menu-nestedlist li a { text-decoration: none; font-size: 12px; color: #333; } #jjSecondary ul.menu-nestedlist li.active { font-weight: bold; } #jjSecondary ul.menu-nestedlist li a:hover { text-decoration: underline; } #jjSecondary ul.menu-nestedlist ul li{ font-weight: normal; list-style-type: disc; } /* If using Joomla module menu *****************************************/ #jjNavigation ul#mainlevel-nav { float: left; line-height: 1.0; margin: 0; padding: 0; list-style: none; } #jjNavigation #mainlevel-nav li { border-right: 1px solid #444; float: left; } #jjNavigation a.mainlevel-nav { color: white; display: block; font-weight: bold; text-decoration: none; padding: .75em 1em; float: left; } #jjNavigation a.mainlevel-nav:hover { background: #000 url(../images/nav-active-bg.jpg) repeat-x scroll 0 1px; color: #000; } /*** ESSENTIAL STYLES ***/ .superfish, .superfish * { margin: 0; padding: 0; list-style: none; } .superfish { line-height: 1.0; } .superfish ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ z-index:99; } .superfish ul li { width: 100%; } .superfish li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .superfish li { float: left; position: relative; } .superfish a { display: block; position: relative; } .superfish li:hover ul, .superfish li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.superfish li:hover li ul, ul.superfish li.sfHover li ul { top: -999em; } ul.superfish li li:hover ul, ul.superfish li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.superfish li li:hover li ul, ul.superfish li li.sfHover li ul { top: -999em; } ul.superfish li li li:hover ul, ul.superfish li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .superfish { float: left; margin: 0 0 0 0; } .superfish ul{ /*background: #F4F2F2 url(../images/suckerfish-bg.jpg) repeat-x left bottom; border-color: #DDD7BF;*/ border-style: none solid; border-width: 0 1px; /*color: #333;*/ /*color: #FFFFFF;*/ } .superfish a { /*border-right: 1px solid #444;*/ padding: .75em 1em; text-decoration: none; } .superfish a, .superfish a:visited {/* visited pseudo selector so IE6 applies text colour*/ /*color: #fff;*/ } .superfish li.jjActive, .superfish li:hover { /*background: #000 url(../images/nav-active-bg.jpg) repeat-x;*/ } .superfish li.sf-with-ul a{ /*background: transparent url(../images/child.gif) no-repeat 50% 24px;*/ } .superfish li.sf-with-ul ul a, .superfish li.sf-with-ul ul li.jjSubchild li a, .superfish li.sf-with-ul ul li.jjSubchild li.jjSubchild li a{ background: none; } .superfish li.sf-with-ul ul li.jjSubchild a, .superfish li.sf-with-ul ul li.jjSubchild li.jjSubchild a{ /*background: transparent url(../images/subchild-off.gif) no-repeat 95% 50%;*/ } .superfish li.jjActive a, .superfish li:hover a { /*color: #000;*/ color:#FF0000; } #jjNavigation .superfish li li a, #jjNavigation .superfish li li li a { border-left: 0; border-right: 0; border-bottom: 1px solid #DDD7BF; } #jjNavigation .superfish li li, #jjNavigation .superfish li li li, #jjNavigation .superfish li li a, #jjNavigation .superfish li li li a { /*color: #000;*/ color: #FF0000; } #jjNavigation .superfish li li li { } .superfish li:hover, .superfish li.sfHover, .superfish a:focus, .superfish a:hover, .superfish a:active, .superfish li.jjActive { /*background: #000 url(../images/nav-active-bg.jpg) repeat-x scroll 0 1px;*/ /*background: #FFFFFF url(../images/nav-active-bg.jpg) repeat-x scroll 0 1px;*/ outline: 0; } /*** arrows **/ .superfish a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .superfish ul .sf-sub-indicator { background-position: -10px 0; } .superfish ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .superfish ul a:focus > .sf-sub-indicator, .superfish ul a:hover > .sf-sub-indicator, .superfish ul a:active > .sf-sub-indicator, .superfish ul li:hover > a > .sf-sub-indicator, .superfish ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: #F4F2F2 url(../images/suckerfish-bg.jpg) repeat-x bottom left; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } #jjNavigation #jjSuperfish li.sf-with-ul{ /*z-index: 999;*/ z-index: 39999999; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: structure.css ++ Structural Style Sheet - contains core structural css for layout ------------------------------------------------------------------------------*/ /* LOGO image on H1 tag: */ #jjTop h1{ margin: 0; padding: 0; } #jjTop h1 a { padding: 0; margin: 15px 0 0 8px; text-indent: -7887px; display: block; float: left; } #jjTop.txt-logo a{ font: bold 50px Arial; text-decoration: none; display: block; margin: 15px 0 0 8px; width: 70%; float: left; } #jjTop.txt-logo.slogan a{ font: bold 50px Arial; text-decoration: none; margin: 0 0 0 8px; } #jjTop.txt-logo.slogan a span{ font: bold 17px Arial; text-decoration: none; display: block; color: #40889a; } #jjTop.img-logo img{ margin: 15px 0 0 8px; } #jjTop.img-logo a{ float: left; } #jjPrimary .article-options a{ border: 0px none; text-decoration: none } body { text-align: center; } html { background: url('../images/body-bg.png') repeat-x 0 28px; } /*Start global resets*/ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { padding: 0.3em 0 0.6em; } blockquote, ul, ol, dl, fieldset, address { margin: 0.5em 0; } p { padding-bottom: 1.2em; } fieldset { padding: 0.5em; } img { border: 0px none; } a img { border: 0px none; } label { text-align: left; } select option { padding: 0 3px; } /*This helps fix the relative font sizing problem with tables in internet explorer*/ table { font-size: 1em; border-collapse: collapse; border-spacing: 0; } .hidden { display: none; } .clearer { clear: both; } .left { float: left; } .right { float: right; } /*End global resets Control Styles*/ .jjOuterBrdr { border: 1px solid #ccc; } .jjInnerBrdr { border: 1px solid white; border-bottom: none; } .jjCenter { width: 960px; margin: 0 auto; text-align: left; } /*Clear Fix*/ #jjPathway { height: 15px; font-size: 0.9em; padding: 0 20px 10px 0px; color: #333; } #jjPathway a:link, #jjPathway a:visited, #jjPathway a:hover { padding: 0 2px 0 5px; text-decoration: underline; font-size: 1em; color: #000; } .jjClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /*Hides From IE Mac \*/ * html .jjClear { height: 1%; } .jjClear { display: block; } /*End Hide from IE Mac End Control Styles*/ /* #jjToolbar { background: url('../images/toolbar-bg.png') repeat-x top left; height: 26px; line-height: 21px; color: #000; font-size: 0.9em; padding-top: 2px } */ /*Remove padding from all elements in Toolbar **********************************************/ #jjToolbar p, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar h1, #jjToolbar ul { margin: 0; padding: 0; } #jjToolbar h6 { display: inline; float: left; color: #000; margin: 0; padding: 0; } #jjToolsWrap { } #jjNewsticker { float: left; width: 480px; } #jjMininav { float: right; } #jjTop { height: 100px; overflow: hidden; line-height: 90px; } #jjTop h1 { margin: 0; padding: 0; } #jjTop h1 { float: left; } #jjTopOptions { float: right; padding-top: 30px; } #jjHeader { background: white; } #jjUser1 { background: #FFFFFF; height: 100%; padding: 0; } /*#jjNavigation { background: #000000 url('../images/menu-bg.jpg') repeat-x; height:31px; line-height:31px; width:40%; border-bottom:1px solid #ccc; } */ #jjSearch { background: url('../images/searchbox.jpg') no-repeat left top; float: right; height: 27px; width: 164px; margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0 } #jjSearch input.inputbox { background: none; border: none; color: #102537; float: left; font-size: 1.1em; font-weight: bold; margin: 1px 0 0 6px; padding: 4px 0 0; width: 113px; } /*#jjMain { height: 100%; background: #FBFBFB url('../images/content-bg.jpg') repeat-x top left; position: relative } */ #jjSecondary { display: inline; } #jjBtmShelf { margin-top: 15px; line-height: 140%; position: relative; } #jjUser2 { height: 100%; padding: 0px; background: #FFFFFF; } #jjFooter { position: relative; top: 12px; font-size: 1.1em; background: none; margin: 0 auto; clear: both; height: 63px; font-size: 0.9em; color: #0033CC; margin-top: 1px; } #joomlajunkie-swish a:link, #joomlajunkie-swish a:visited { float: left; background: url('../images/jjswish.png') no-repeat 0px 0px; width: 53px; height: 50px; padding: 0; text-indent: -7887px; z-index: 100; outline: 0; margin-left:10px; margin-right:0; margin-top:-5px; margin-bottom:0px } #joomlajunkie-swish a:hover { background: url('../images/jjswish.png') no-repeat 0px -50px; } #nav-and-credits { line-height: 20px; position: relative; } #nav-and-credits .left, #copyright .left { float: left; clear: right; padding: 0; margin: 0; padding-left: 10px; } #nav-and-credits .right, #copyright .right { float: right; padding: 0; margin: 0; padding-right: 20px; } #copyright .right a { text-decoration: underline; color: #333; } a.w3c-valid-xhtml, a.w3c-valid-css, .footer-rss a{ padding-left: 30px; text-transform: uppercase; } #nav-and-credits a.w3c-valid-xhtml { color: #0033CC; background: url('../images/tickle_red.gif') no-repeat 10px 1px; } #nav-and-credits a.w3c-valid-css { color: #0033CC; background: url('../images/tickle_blue.gif') no-repeat 10px 1px; } #nav-and-credits .footer-rss{ display: inline; } #nav-and-credits .footer-rss a{ color: #0033CC; background: url('../images/tickle_orange.gif') no-repeat 10px 1px; } #nav-and-credits .footer-rss a img{ display: none; } span.jjDate { margin: 0 0 0 830px; } /*Intelli Mods Code *****************************************/ .jjSpan1 div.moduletable, .jjSpan2 div.moduletable, .jjSpan3 div.moduletable, .jjSpan4 div.moduletable, .jjSpan1 div.module, .jjSpan2 div.module, .jjSpan2 div.module, .jjSpan3 div.module, .jjSpan4 div.module { float: left; margin: 0 0.9%; padding: 15px 0 10px; display: inline; } .jjSpan1 div.module, .jjSpan1 div.moduletable { width: 98%; } .jjSpan2 div.module, .jjSpan2 div.moduletable { width: 48%; } .jjSpan3 div.module, .jjSpan3 div.moduletable { width: 31.2%; } .jjSpan4 div.module, .jjSpan4 div.moduletable { width: 23%; } /*Collapsable and configurable columns **************************************** NOTE: jjPrimary refers to the main content NOTE: jjSecondary refers to the sidebar *** Sidebar on the Left ****/ #jjWrapper.scheme_2 #jjSecondary.first-in-scheme { float: left; width: 196px; border: 1px solid #CCC9BE; background: #B1D7E0; display: inline; } #jjWrapper.scheme_2 #jjPrimary.second-in-scheme { display: inline; float: left; width: 730px; margin: 5px 0 -2px 20px; } /**** Sidebar on the Right ****/ #jjWrapper.scheme_2 #jjSecondary.second-in-scheme { width: 196px; float: right; border: 1px solid #bcc6c9; background: #e6f0f3; display: inline; } #jjWrapper.scheme_2 #jjPrimary.first-in-scheme { display: inline; float: left; width: 725px; margin: 5px 0 15px 15px; } /**** No Sidebar ****/ #jjWrapper.scheme_1 .first-in-scheme { width: 920px; margin: 0 auto; display: block; padding: 5px 20px; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: typography.css ++ Typography Style Sheet ------------------------------------------------------------------------------*/ body { font: normal 78%/160% Arial, Helvetica, sans-serif; color: #3C372B; } h1 { font-size: 2em; } h2 { color: #736644; font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { color: #736644; font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { color: #736644; font-size: 1em; } a { color: #504527; } pre { background: #F2EFE1; border-left: 3px solid #FFFFFF; padding: 5px 5px 5px 10px; margin: 10px 0px 15px; width: 96%; font-size: 11px; } #jjPrimary table.contentpaneopen pre p { margin: 0; padding: 10px 10px 10px 20px; font-size: 12px; } p.color-green { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #98CB00; border-bottom: 3px solid #98CB00; background: #FFFFFF; color: #010101; } p.color-blue { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #7DB6FB; border-bottom: 3px solid #7DB6FB; background: #ECF2FE; color: #010101; } p.color-orange { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #F18B41; border-bottom: 3px solid #F18B41; background: #FDF6E4; color: #010101; } p.color-pink { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #D5688F; border-bottom: 3px solid #D5688F; background: #FAE8E8; color: #010101; } p.color-grey { display: block; padding: 8px 10px; margin: 15px 0; border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; background: #FAFAFA; color: #010101; } /*@group Notice Styles*/ p.error, p.tips, p.info { display: block; padding: 8px 10px 8px 35px; margin: 15px 0; } p.error { color: #CD3301; border-top: 3px solid #CD3301; border-bottom: 3px solid #CD3301; background: #FAE8E8 url(../images/icon-typo-error.jpg) no-repeat 10px 50%; } p.tips { color: #2D84E3; border-top: 3px solid #ADCEFB; border-bottom: 3px solid #ADCEFB; background: #ECF2FE url(../images/icon-typo-tips.jpg) no-repeat 10px 50%; } p.info { color: #CA6701; border-top: 3px solid #F2A378; border-bottom: 3px solid #F2A378; background: #FDF6E4 url(../images/icon-typo-info.jpg) no-repeat 10px 50%; } /*@end*/ .highlight { background: #736644; color: #FFF; } #jjPrimary .img-center{ margin: 0 auto; display: block; } #jjPrimary .img-left{ margin: 0 20px 0 0; float: left; padding: 2px; border: 1px solid #ccc; } #jjPrimary .img-right{ margin: 0 0 0 20px; float: right; padding: 2px; border: 1px solid #ccc; } table.tbl-center{ margin: 0 auto; } /* Lists Style *****************************************/ #jjPrimary ul, #jjSecondary ul { list-style-position: inside; } #jjPrimary ol, #jjSecondary ol { padding: 0; list-style-position: inside; } #jjPrimary ol li { padding: 2px 0 2px 5px; } #jjPrimary ul ul, #jjPrimary ul ul ul, #jjPrimary ul ul ul ul { margin-left: 25px; } #jjPrimary ol ol, #jjPrimary ol ol ol, #jjPrimary ol ol ol ol li, ul.li-style1, ul.li-style2, ul.li-style3, ul.li-style4 { padding-left: 2px; margin-left: 0; } ul.li-style1 li, ul.li-style2 li, ul.li-style3 li, ul.li-style4 li { list-style: none; margin-left: 0; padding-bottom: 3px; margin-bottom: 5px; padding-left: 21px; } ul.li-style1 li { background: url(../images/li-style1.jpg) no-repeat -1px 1px; } ul.li-style2 li { background: url(../images/li-style2.jpg) no-repeat 0px 2px; } ul.li-style3 li { background: url(../images/li-style3.jpg) no-repeat 0px 1px; } ul.li-style4 li { background: url(../images/li-style4.jpg) no-repeat 0px 1px; } /*Latest News Module*/ #content ul.latestnews li, #content ul.mostread li { list-style-type: none; margin: 0; font-size: 1.2em; } /*UL.mostread-news L*/ ul.mostread-news li a:link, ul.mostread-news li a:visited { color: white; display: block; } /*Horizontal Rules *****************************************/ hr { border: none; height: 1px; margin: 10px 0; border-top: 1px solid #EBE3D1; width: 96%; } /*Links Styling *****************************************/ a:link, a:visited { text-decoration: underline; } a:hover, a:active { } #jjPrimary a:link, #mainbody a:active{ text-decoration: none; border-bottom: 1px dotted #999; color: #000; } #jjPrimary a:hover, #mainbody a:active{ text-decoration: none; border-bottom: 1px solid #999; } #jjPrimary a:visited{ text-decoration: none; border-bottom: 1px solid #999; color: #666; } a.readon:link, a.readon:visited, a.readon:hover { display: inline-block; text-decoration: none; background: #413B33 url(../images/button-bg.jpg) repeat-x; padding: 1px 8px 2px 10px; margin-top: 13px; color: #FFF; border: 1px solid #413B33; } #jjPrimary a.readon:link, #jjPrimary a.readon:visited{ color: #fff; border: none; } #jjPrimary a.readon:hover{ color: #999; border: none; } li span.small { font-size: 0.9em; } li br { display: none; } /*System Messages *****************************************/ /* OpenID icon style */ input.system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 1px solid #c4d3df; border-bottom: 1px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; } #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 1px solid #84A7DB; border-bottom: 1px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { background: #B3C4DC } /* System Error Messages */ #system-message dt.error { background: url(../images/icons/icon-05.png) no-repeat; padding-left: 20px; color: #f00; text-transform: uppercase; font-size: 1.2em; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 1px solid #DE7A7B; border-bottom: 1px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { background: url(../images/icons/icon-05.png) no-repeat; padding-left: 20px; color: #F0DC7E; text-transform: uppercase; font-size: 1.2em; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 1px solid #F0DC7E; border-bottom: 1px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;}/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: joomla.css ++ Joomla Specific Style Sheet - general Joomla styles ------------------------------------------------------------------------------ Joomla Specific *****************************************/ .contentheading { width: 100%; color: #333; } .contentheading, .componentheading { font-size: 2em; font-weight: bold; line-height: 1.2em; padding: 0; margin: 15px 0; clear: both; } .contentpaneopen img { padding: 0; } .img_caption.left p, .img_caption.right p { color: #666666; font-size: 92%; text-align: center; } .contentpaneopen, .contentpane { font-size: 1em; line-height: 130%; } #jjPrimary .contentpaneopen p, #jjPrimary .contentpane p { margin: 9px 10px 0 0px; } #jjSecondary .contentpaneopen, #jjSecondary .contentpane { margin: 0 0 20px; } .moduletable .contentpaneopen, .moduletable .contentpane { line-height: 135%; } /* section table headers */ .sectiontableheader { background: #d7caa8 url(../images/toolbar-bg.png) repeat-x; color: #736644; text-align: left; font-weight: bold; line-height: 20px; } .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-indent: 5px; padding: 4px 0 5px; } .sectiontableheader { font-weight: bold; } .sectiontableentry1 { background: #F2EFE1; color: #333; font-size: 11px; border-top: 1px solid #FFF; border-bottom: 1px solid #D7CAA8; } .sectiontableentry2 { background: #F8F5E8; color: #333; font-size: 11px; border-top: 1px solid #FFF; border-bottom: 1px solid #D7CAA8; } table.poll-sfx td { font-size: 12px; padding: 2px 3px; } table.poll-sfx thead tr td { font-size: 12px; } span.small { color: #333; font-size: 11px; } .author { background: transparent url(../images/author.gif) no-repeat 0 50%; padding: 4px 0pt 5px 0px; text-indent: 20px; color: #999; font-size: 1em; padding: 3px 2px 3px 5px; margin: 0; line-height: 1.2em; display: block; } .createdate { background: transparent url(../images/date.gif) no-repeat 0 45%; padding: 4px 0pt 5px 0px; text-indent: 20px; color: #999; font-size: 1em; padding: 3px 2px 3px 5px; margin: 0; line-height: 1.2em; display: block; } .modifydate { border-top: 1px solid #efefef; margin-top: 10px; color: #cccccc; text-align: right; font-size: 1em; padding: 5px 2px 3px 5px; line-height: 1.2em; display: block; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; } table.searchintro { padding: 10px 0; width: 100%; } td.buttonheading a { background: none; } .mosimage { padding: 0; margin: 2px 10px 6px 3px; border: 3px solid #F4F4F4; } .mosimage img { padding: 0; margin: 0 !important; /*[e]0*/ } .mosimage_caption { margin-top: 2px; padding: 1px 2px; color: #333; background: #F2EFE1; } .fleftimgtc, .fleftimg { display: inline; float: left; margin: 5px 0pt 10px 10px; padding-right: 15px; } /* article index */ table.contenttoc { margin: 7px; margin-right: 0; border: 1px solid #DACCAF; width: 150px; float: right; } table.contenttoc td { padding: 5px 7px; background: #fff; } table.contenttoc th { background: url(../images/modules/h3style-03.jpg) repeat-x; padding: 0 10px; font-size: 1em; color: #000; text-align: center; height: 27px; } .pagenav { border: 1px solid #dedede; font-weight: bold; margin: 5px 1px; padding: 1px 10px; text-align: center; width: auto; color: #ccc; background: #efefef; } a.pagenav { border: 1px solid #E3D4B0; color: #957F6C; background: #F7EFDE; } .pagination-links { float: left; clear: both; width: 100%; text-align: center; margin-bottom: 5px; color: #ccc; } .pagination-counter { float: left; clear: both; width: 100%; text-align: center; padding: 10px 0; } .blog_more { float: left; clear: both; padding: 10px 0 0 10px; width: 97%; background: #EAE6DA url(../images/inset-bg.jpg) repeat-x; border-bottom: 1px solid #DACCAF; border-top: 1px solid #DACCAF; margin-bottom: 20px; } p.more-link { margin: 0; padding: 0; } p.more_link { margin: 0; text-transform: uppercase; } .article_seperator { border-top: 1px solid #E9E5E5; border-bottom: 1px solid #FFF; height: 0px; display: block; margin: 2% 10%; width: 80%; } /* remove article seperator in sidebar */ #jjSecondary .article_seperator { display: none; } .moduletable span.article_seperator, #inset .moduletable .article_seperator { display: none !important; } th.pagenav_prev, th.pagenav_next { width: 79%; } th.pagenav_prev a:link, th.pagenav_prev a:visited, th.pagenav_next a:link, th.pagenav_next a:visited { padding: 5px 14px; color: #716956; text-decoration: none; background: #E3DAC5; } th.pagenav_prev a:hover, th.pagenav_next a:hover { color: #FFF; text-decoration: none; } .back_button { margin: 16px 10px; } .back_button a { padding: 5px 12px; color: #FFF; text-decoration: none; border: 1px solid #E5E5E5; background: #716956; } .back_button a:hover { color: #FFF; text-decoration: none; border: 1px solid #E5E5E5; } /* send to a friend popup */ body.contentpane form table { margin: 20px; font-size: 12px; } body.contentpane form table .inputbox { width: 200px; margin-bottom: 5px; } body.contentpane form table input.button { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #DDD; border-left: 1px solid #DDD; padding: 3px 7px; background: #EEE; color: #999; } /* print styling *****************************************/ body.contentpane { background: #FFF; } body.contentpane table.contentpaneopen { padding: 20px; background: #FFF; } body.contentpane a span.small { font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; } /* form styling *****************************************/ #jjSearch input.button { background: none; border: none; color: #FFFFFF; cursor: pointer; float: left; padding: 4px 0; text-indent: -7887px; width: 33px; line-height: 100em; } input.button { background: #29200B url(../images/modules/h3style-01.jpg) repeat-x scroll 0pt 50%; color: #FFF; padding: 4px 15px; cursor: pointer; border: 1px solid white; } select, select.inputbox { border: 1px solid #D8C69D; background-color: #FAF9F9; color: #302A1A; } #jjPrimary fieldset { border: 1px solid #E3D4B0; } #form-login fieldset { border: none; margin: 0; padding: 0; } #form-login fieldset #form-login-remember label { padding: 0 10px 0 0; margin: 0; } #form-login-username { border: none; margin: 0; padding: 4px 0; } a.readon:link, a.readon:visited, a.readon:hover { display: inline-block; text-decoration: none; background: #413B33 url(../images/button-bg.jpg) repeat-x; padding: 1px 8px 2px 10px; margin-top: 13px; color: #FFF; border: 1px solid #413B33; } blockquote { border: 1px solid #E9E5D9; padding: 10px 60px 10px 10px; background: #F2EFE1; } #jjBtmShelf a.readon:link, #jjBtmShelf a.readon:visited, #jjBtmShelf a.readon:hover, #jjUser1 a.readon:link, #jjUser1 a.readon:visited, #jjUser1 a.readon:hover { text-decoration: none; background: none; font-weight: bold; margin-top: 3px; color: #333333; border: none; font-size: 1em; } .cols_1 { width: 98%; } .cols_2 { width: 47.5%; } .cols_3 { width: 30%; } .cols_4 { width: 22%; } #jjPrimary .article-options { float: right; height: 24px; margin-top: 0px; } #jjPrimary .article-options li { margin: 0; padding: 0; list-style: none; display: inline-block; } #jjPrimary .article-options li a { padding-right: 5px; border: 0; } #jjPrimary .article-options a:hover { border: 0; } .article_column { padding-right: 1em; float: left; clear: none; } .column_separator { padding: 0 0 0 1.5em; } .article_separator { display: block; margin-top: 2em; height: 2em; background: url(../images/article_separator.png) repeat-x top left; } .tool-tip{ border: 1px solid #D5BD97; background: #F7ECD7; text-align: left; } .tool-tip div{ border: 1px solid #fff; padding: 5px 5px 3px 5px; } .tool-tip div div{ border: 0; } .tool-title{ margin: -5px -5px 0 -5px; background: #D5BD97; padding: 5px; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: modules.css ++ Module Style Sheet - styling for joomla modules ------------------------------------------------------------------------------ Normal Module Styles *************************************/ .module h3, .moduletable h3, .module-sfx h3, .module_menu h3 { font-size: 17px; margin: 0 -10px; height: 37px; padding: 8px 0 6px 10px; line-height: 37px; } /* footer and top shelf module adjustments */ #jjBtmShelf .moduletable h3, #jjUser1 .moduletable h3, #jjUser5 .moduletable h3, #jjUser6 .moduletable h3, #jjUser7 .moduletable h3, #jjUser8 .moduletable h3, #jjUser9 .moduletable h3 { margin: 0; padding: 0; line-height: 20px; } #jjUser1 .moduletable { padding-bottom: 24px; } #jjBtmShelf .moduletable, #jjUser1 .moduletable { margin-bottom: 10px; margin-top: 5px; } #jjBtmShelf .moduletable ul, #jjUser1 .moduletable ul { margin-top: -6px; } #jjBtmShelf .moduletable ul { border-top: 1px solid #DACDAD; border-bottom: 1px solid #fff; } #jjBtmShelf .moduletable ul li, #jjUser1 .moduletable ul li { list-style-type: none; border-top: 1px solid #FFF; line-height: 24px; border-bottom: 1px solid #DACDAD; } #jjBtmShelf .moduletable ul li a, #jjUser1 .moduletable ul li a { padding: 0 0 0 10px; color: inherit; display: block; } #jjBtmShelf .moduletable ul li a:hover, #jjUser1 .moduletable ul li a:hover { background: #FFFCF3; display: block; } .module, .module-sfx, .module_menu { margin: 3px 10px 0px; } table.contentpaneopen-sfx td { padding-bottom: 8px; } div.moduletable-sfx.nopadding { padding: 0; width: auto; } /* Module Header Background Options *************************************/ .h3style-01 h3 { background: url(../images/modules/h3style-01.jpg) repeat-x; height: 33px; padding-top: 0px; line-height: 33px; } .h3style-02 h3 { background: url(../images/modules/h3style-02.jpg) repeat-x; height: 33px; padding-top: 0px; line-height: 33px; border-bottom: 1px solid #333; } .h3style-03 h3 { background:#dacdaf url(../images/modules/h3style-03.jpg) repeat-x top left; } .h3style-04 h3 { background: url(../images/modules/h3style-04.jpg) repeat-x top left; } .h3style-05 h3 { background: url(../images/modules/h3style-05.jpg) repeat-x; } .h3style-06 h3 { background: url(../images/modules/h3style-06.jpg) repeat-x; } .h3style-07 h3 { background: url(../images/modules/h3style-07.jpg) repeat-x; height: 33px; line-height: 33px; } .h3style-08 h3 { background: url(../images/modules/h3style-08.jpg) repeat-x; height: 33px; line-height: 33px; } .h3style-03 h3, .h3style-04 h3, .h3style-05 h3{ color: #55503D; padding: 0px 10px; margin-bottom: 3px; } .h3style-01 h3, .h3style-02 h3, .h3style-06 h3, .h3style-07 h3 { color: #FFFFFF; padding: 0px 10px; margin-bottom: 3px; } .h3style-08 h3 { color: #000; padding: 0px 10px; margin-bottom: 3px; } .h3style-03 h3, .h3style-04 h3 { padding: 10px 10px 7px 10px; height:25px; margin-bottom: 0; } /*Module Background Suffix Colors *************************************/ .inset { color: red; } .bgstyle-01 div, .bgstyle-02 div, .bgstyle-03 div, .bgstyle-04 div, .bgstyle-05 div, .bgstyle-06 div, .bgstyle-07 div, .bgstyle-08 div, .bgstyle-09 div { color: #FFF; margin: 0 -10px; padding: 0 10px; display: inline-block; width: 100%; } .bgstyle-01 div div div div, .bgstyle-02 div div div div, .bgstyle-03 div div div div, .bgstyle-04 div div div div, .bgstyle-05 div div div div, .bgstyle-06 div div div div, .bgstyle-07 div div div div, .bgstyle-08 div div div div, .bgstyle-09 div div div div{ background: transparent; padding: 0; margin: 0; border: none; clear: both; } /*@group background colors*/ .bgstyle-01 div div div { background: #645636 url(../images/modules/bgstyle-01.jpg) repeat-x top left; } .bgstyle-02 div div div { background: #D7DBC0 url(../images/modules/bgstyle-02.jpg) repeat-x top left; color: #333; } .bgstyle-03 div div div { background: #dacdaf url(../images/modules/bgstyle-03.jpg) repeat-x bottom left; padding-bottom: 20px; color: #000; margin-bottom: 20px; } .bgstyle-04 div div div { background: #ddd7bf url(../images/modules/bgstyle-04.jpg) repeat-x bottom left; padding-bottom: 20px; color: #000; margin-bottom: 20px; } .bgstyle-05 div div div { background: #ffffff url(../images/modules/bgstyle-05.jpg) repeat-x top left; color: #666; } .bgstyle-06 div div div { background: #101010 url(../images/modules/bgstyle-06.jpg) repeat-x top left; color: #ccc; } .bgstyle-07 div div div { background: #7d7254 url(../images/modules/bgstyle-07.jpg) repeat-x top left; } .bgstyle-08 div div div { background: #ada187 url(../images/modules/bgstyle-08.jpg) repeat-x top left; } .bgstyle-09 div div div { background: #f2efe0 url(../images/modules/bgstyle-09.jpg) repeat-x top left; color: #666; } #jjInset .module div div div { background:#FFFFFF; color: #3D382B; padding: 8px 20px 10px; border: 1px solid white; } #jjInset .module { border: 1px solid #E1E0DD; margin: 0; } .inset div div div, .brownbg div div div, .greenbg div div div, .litebg div div div, .darkbg div div div { padding-bottom: 15px; border-bottom: 1px solid white; } /*@end*/ /*@group icons */ .icon-01 h3 span{ float: left; background: url(../images/icons/icon-01.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-02 h3 span{ float: left; background: url(../images/icons/icon-02.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-03 h3 span{ float: left; background: url(../images/icons/icon-03.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-04 h3 span{ float: left; background: url(../images/icons/icon-04.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-05 h3 span{ float: left; background: url(../images/icons/icon-05.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-06 h3 span{ float: left; background: url(../images/icons/icon-06.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-07 h3 span{ float: left; background: url(../images/icons/icon-07.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-08 h3 span{ float: left; background: url(../images/icons/icon-08.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-09 h3 span{ float: left; background: url(../images/icons/icon-09.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-10 h3 span{ float: left; background: url(../images/icons/icon-10.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-11 h3 span{ float: left; background: url(../images/icons/icon-11.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-12 h3 span{ float: left; background: url(../images/icons/icon-12.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-13 h3 span{ float: left; background: url(../images/icons/icon-13.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-14 h3 span{ float: left; background: url(../images/icons/icon-14.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-15 h3 span{ float: left; background: url(../images/icons/icon-15.png) no-repeat 0 50%; width: 24px; height: 37px; } .icon-16 h3 span{ float: left; background: url(../images/icons/icon-16.gif) no-repeat 0 50%; width: 24px; height: 37px; } /*end*/ /*@group newsticker -override styles*/ #jjToolsWrap .newsticker li a strong { font-weight: bold; color: #000; } #jjToolsWrap #news.newsticker li a { font: normal 11px Arial; text-decoration: none; color: #000; height: 20px; line-height: 20px; } /* Rss Module Styling*/ .blog-rss { background: transparent url(../images/rssicon.png) no-repeat scroll 98% 30%; padding-right: 70px; } .clubTestimonial .quoteName { background: transparent url(http://joomlajunkie.com/templates/madeyourweb/images/mitch-quote.jpg) no-repeat scroll 0 0; font-size: 11px; padding: 5px 0 26px 93px; } div.clubTestimonial p { font-size: 0.9em; font-style: italic; line-height: 140%; margin: 10px 0; } .h3style-05 h3 { padding-top: 0px; height: 40px; } div.icon-01 h3.jjmod-title span.icon { padding-top: 0px; height: 40px; } /* Polls Module*/ form.polls h4{ margin: -10px 0 5px 0; padding: 0; font-size: 13px; } form.polls ul, form.polls li{ margin: 0; padding: 0; list-style: none; }/*[fmt]1A90-1A0A-3*/ /*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: form.css ++ Forms Style Sheet ------------------------------------------------------------------------------*/ input, textarea { background-color: #FAF9F9; border: 1px solid #DDD7CB; padding: 2px 10px 2px 5px; color: #5D5545; margin: 2px 0; } /*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: menucore.css ++ Menu Core Style Sheet ----------------------------------------------------------------------------*/ /* Footer Menu *****************************************/ #jjFooter ul.menu { margin: 0; padding: 0; width: 485px; height: 20px; } #jjFooter ul.menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #jjFooter ul.menu li a:link, #jjFooter ul.menu li a:visited { text-decoration: underline; font: normal 11px arial, serif; padding: 2px 5px 2px 0; color:#5a808a; text-transform: uppercase; } /* Mini Nav *****************************************/ #jjMininav ul#mainlevel-nav { margin: 0; padding: 0; border-right: 1px solid #f4f8f9; overflow: auto; border-left: 1px solid #bcc6c9; } #jjMininav ul#mainlevel-nav li { float: left; padding: 0 10px; list-style: none; border-left: 1px solid #f4f8f9; border-right: 1px solid #bcc6c9; } #jjMininav ul#mainlevel-nav a { color: #000; text-decoration: none; } #jjMininav ul#mainlevel-nav a:hover { text-decoration: underline; } /* Sidenav *****************************************/ #jjSecondary span.separator { background: transparent url(../images/isparent.png) no-repeat 10px 8px; text-indent: 20px; } #jjSecondary .separator.active { background: transparent url(../images/openparent.png) no-repeat 10px 8px; text-indent: 20px; } #jjSecondary .separator.active .seperator.active { background: none; } li.parent ul li a.jjSideNavActive { background: none; } #jjSecondary ul.menu { margin: 0; padding: 0; border-bottom: 1px solid #c2d9df; margin: -3px -10px 0; } #jjSecondary ul.menu li { list-style-type: none; border-top: 1px solid #c2d9df; line-height: 27px; } #jjSecondary ul.menu li a { background: transparent url(../images/sidenav-bullet.png) no-repeat 10px 8px; text-indent: 20px; text-decoration: none; font-size: 12px; color: #333; border-top: 1px solid #FFF; padding: 0 0 0 10px; display: block; } #jjSecondary span.separator { text-decoration: none; font-size: 12px; color: #333; border-top: 1px solid #FFF; padding: 0 0 0 10px; display: block; cursor: pointer; } #jjSecondary ul.menu li.active { background: #FaF9F9; margin-right: -2px; } #jjSecondary ul.menu li a:hover { background-color: #deeaed; } #jjSecondary ul.menu li ul { margin: 0; } #jjSecondary ul.menu li ul { margin-left: 12px; } /* If using "-nestedlist" menu suffix *****************************************/ #jjSecondary ul.menu-nestedlist, #jjSecondary ul.menu-nestedlist ul { margin: 0; padding: 0; } #jjSecondary ul.menu-nestedlist li { list-style-type: circle; padding: 0 0 0 10px; margin: 0; color: #ccc; } #jjSecondary ul.menu-nestedlist li a { text-decoration: none; font-size: 12px; color: #333; } #jjSecondary ul.menu-nestedlist li.active { font-weight: bold; } #jjSecondary ul.menu-nestedlist li a:hover { text-decoration: underline; } #jjSecondary ul.menu-nestedlist ul li{ font-weight: normal; list-style-type: disc; } /* If using Joomla module menu *****************************************/ #jjNavigation ul#mainlevel-nav { float: left; line-height: 1.0; margin: 0; padding: 0; list-style: none; } #jjNavigation #mainlevel-nav li { border-right: 1px solid #444; float: left; } #jjNavigation a.mainlevel-nav { color: white; display: block; font-weight: bold; text-decoration: none; padding: .75em 1em; float: left; } #jjNavigation a.mainlevel-nav:hover { background: #000 url(../images/nav-active-bg.jpg) repeat-x scroll 0 1px; color: #000; } /*** ESSENTIAL STYLES ***/ .superfish, .superfish * { margin: 0; padding: 0; list-style: none; } .superfish { line-height: 1.0; } .superfish ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ z-index:99; } .superfish ul li { width: 100%; } .superfish li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .superfish li { float: left; position: relative; } .superfish a { display: block; position: relative; } .superfish li:hover ul, .superfish li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.superfish li:hover li ul, ul.superfish li.sfHover li ul { top: -999em; } ul.superfish li li:hover ul, ul.superfish li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.superfish li li:hover li ul, ul.superfish li li.sfHover li ul { top: -999em; } ul.superfish li li li:hover ul, ul.superfish li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .superfish { float: left; margin: 0 0 0 0; } .superfish ul{ /*background: #F4F2F2 url(../images/suckerfish-bg.jpg) repeat-x left bottom; border-color: #DDD7BF;*/ border-style: none solid; border-width: 0 1px; /*color: #333;*/ color: #FFFFFF; width:700px !important; margin-top:-30px!important; /*margin-left:-97px;*/ padding-top:10px; } .superfish a { /*border-right: 1px solid #444;*/ padding: .75em 1em; text-decoration: none; } .superfish a, .superfish a:visited {/* visited pseudo selector so IE6 applies text colour*/ /*color: #fff;*/ } .superfish li.jjActive, .superfish li:hover { background: #000 url(../images/nav-active-bg.jpg) repeat-x; } .superfish li.sf-with-ul a{ background: transparent url(../images/child.gif) no-repeat 50% 24px; } .superfish li.sf-with-ul ul a, .superfish li.sf-with-ul ul li.jjSubchild li a, .superfish li.sf-with-ul ul li.jjSubchild li.jjSubchild li a{ background: none; } .superfish li.sf-with-ul ul li.jjSubchild a, .superfish li.sf-with-ul ul li.jjSubchild li.jjSubchild a{ background: transparent url(../images/subchild-off.gif) no-repeat 95% 50%; } .superfish li.jjActive a, .superfish li:hover a { /*color: #000;*/ color: #FE1111; } #jjNavigation .superfish li li a, #jjNavigation .superfish li li li a { border-left: 0; border-right: 0; border-bottom: 1px solid #DDD7BF; } #jjNavigation .superfish li li, #jjNavigation .superfish li li li, #jjNavigation .superfish li li a, #jjNavigation .superfish li li li a { /*color: #000;*/ color: #90A1B4; border:0px solid #ff0000 !important; font:normal 17px Verdana, Arial, Helvetica, sans-serif !important; width:auto !important; float:left !important; display:inline !important; } #jjNavigation .superfish li li li { } .superfish li:hover, .superfish li.sfHover, .superfish a:focus, .superfish a:hover, .superfish a:active, .superfish li.jjActive { /*background: #000 url(../images/nav-active-bg.jpg) repeat-x scroll 0 1px;*/ background: none; outline: 0; color:#FE1111 !important; } /*** arrows **/ .superfish a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .superfish ul .sf-sub-indicator { background-position: -10px 0; } .superfish ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .superfish ul a:focus > .sf-sub-indicator, .superfish ul a:hover > .sf-sub-indicator, .superfish ul a:active > .sf-sub-indicator, .superfish ul li:hover > a > .sf-sub-indicator, .superfish ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: #F4F2F2 url(../images/suckerfish-bg.jpg) repeat-x bottom left; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } #jjNavigation #jjSuperfish li.sf-with-ul{ /*z-index: 999;*/ z-index: 39999999; } ul.superfish { width:770px !important; border-bottom:1px solid #333333; } ul.superfish li.jjNav a { padding:10px 44px 10px 0px !important; } li.menu2 ul{ position:absolute !important; left:-107px !important; } li.menu3 ul{ position:absolute !important; left:-290px !important; } li.menu4 ul{ position:absolute !important; left:-505px !important; } .bannerinner{ margin-top:0px; } .footer{float:left;display:inline;width:100%;padding-bottom:10em;} .footer div{float:left;display:inline;width:100%;padding-bottom:1em;margin-bottom:1.5em;background:#fff;letter-spacing:-1px;}.footer h2{font-size:1.4em;font-family:Verdana,Arial,sans-serif;color:#0c1121;margin:0;padding-top:5em;padding-left:15px;}.footer p{color:#63605f;margin:.5em 0 .5em 15px;padding:0;}.footer ul{margin:0;}.footer li{color:#63605f;float:left;display:inline;padding:0 0 0 27px;margin:0 15px;background:url(../_images/template/link-arrow-dk-blue.png) 0 .45em no-repeat;}.footer a:link,.footer a:visited,.footer a strong{color:#016599;text-decoration:none;}.footer a:hover,.footer a:focus,.footer a:active{text-decoration:underline;}.footer strong{font-weight:normal;}.footer .social{float:right;background:none;padding-left:0;margin-right:15px;} .footer .social a{color:#c10f4c;} /* ----------------------------new css 18.10.10----------------------------- */ .foot_copy_row{display:block; float:left; width:960px;} .foot_copy_row_t{display:block; float:left; width:960px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .foot_copy_row_b{display:block; float:left; width:960px; margin-top:5px; text-decoration:none;} .foot_copy_row_b1{display:block; float:left; width:200px; font:11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; } .foot_copy_row_b2{display:block; float:left; width:180px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .foot_copy_row_b3{display:block; float:left; width:200px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .foot_copy_row_b4{display:block; float:left; width:350px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .foot_copy_row_b5{display:block; float:left; width:220px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .call_txt{font:11px Arial, Helvetica, sans-serif; color:#FF0000;} a.privacy_txt{font:11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} a.privacy_txt:hover{font:11px Arial, Helvetica, sans-serif; color:#000000; text-decoration: underline;} a.link_txt{font:11px Arial, Helvetica, sans-serif; color:#ff0000; margin-top:5px; text-decoration:none;} a.link_txt:hover{font:11px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration: underline;} .get{display:block; float:left; width:960px; border-bottom:1px solid #CCCCCC; font:bold 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px; margin-bottom:5px;} .copyright{ width:960px; clear:both; color:#000000;font:11px Arial, Helvetica, sans-serif; padding-bottom:40px; padding-top:5px;} .copy_row_b3{display:block; float:left; width:200px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .copy_row_b6{display:block; float:left; width:180px; font:11px Arial, Helvetica, sans-serif; color:#000000;} .menu-footer li a span{font:11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; list-style:none;} .menu-footer li a span:hover{text-decoration: underline;} a.mainlevel-footer {font:11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none !important; list-style:none;} a.mainlevel-footer:hover {text-decoration:underline !important;}