/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: template.css ++ Structural Style Sheet ----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { height: 100%; height: 100% !important; } body { margin: 0; padding: 0; background: #FFF; color: black; } /*Template Width *****************************************/ .width960px { width: 960px; margin: 0 auto; text-align: left; padding: 0; clear: both; } #content-inner { border: 1px solid #FFFFFF; border-top: none; } /*Top Area *****************************************/ div#top { height: 52px; margin: 0 0 1px; } div#top.no_header { margin: 0 0 -11px; } div#top div#logo { display: block; height: 26px; padding: 0pt; position: relative; top: 5px; width: 176px; } /*Logo*/ div#top div#logo h1 { margin: 0; } div#top div#logo h1 a { width: 292px; height: 126px; margin: 0; padding: 0; text-indent: -7887px; display: block; background: transparent url(../images/logo.png) no-repeat left; font-size: 1px; line-height: 26px; } #user2 { width: 100%; background: url(../images/top_shelf.png) repeat-x; } div#user2-bg { background: url(../images/vector-landscape.png) no-repeat top center; height: 239px; margin: 0 auto; } a.home-promo { background: url(../images/promo.jpg) no-repeat top center; height: 220px; text-indent: -9999px; margin: 10px 0; display: block; border: 1px solid white; } #nav { background: #E5F3FD url(../images/hmenu_bg.png) repeat-x bottom; } #nav .width960px { position: relative; } #main { background: url(../images/main-top-bg.png) repeat-x top; margin-bottom: 13px; } #pathway { line-height: 34px; height: 36px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #F2EFE1; background: url(../images/pathway_bg.png) repeat-x top; margin-bottom: 1px; font-size: 0.9em; padding: 0 20px 0 8px; } #pathway a:link, #pathway a:visited, #pathway a:hover { line-height: 34px; padding: 0 10px 0 5px; margin-right: 4px; text-decoration: underline; font-size: 1em; } #pathway img { display: none; } /*Clear Fix*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /*Hides From IE Mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /*End Hide from IE Mac Footer Section *****************************************/ #footer { margin: 0 auto; clear: both; position: relative; height: 63px; font-size: 0.9em; color: #FFF; background: #F7ECD7; border-top: 1px solid #D5BD97; margin-top: 1px; } #nav-copy { position: relative; top: 12px; font-size: 1.1em; } #joomlajunkie-swish a:link, #joomlajunkie-swish a:visited { float: left; background: url(../images/jjswish.png) no-repeat 0px -44px; width: 42px; height: 45px; margin: 0; padding: 0; text-indent: -7887px; z-index: 100; outline: 0; margin: -5px 0 0px 10px; } #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 { color: #666; } #copyright .right a { text-decoration: underline; } 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: #8C7F5D; background: url(../images/tickle_red.gif) no-repeat 10px 1px; } #nav-and-credits a.w3c-valid-css { color: #8C7F5D; background: url(../images/tickle_blue.gif) no-repeat 10px 1px; } #nav-and-credits .footer-rss{ display: inline; } #nav-and-credits .footer-rss a{ color: #8C7F5D; background: url(../images/tickle_orange.gif) no-repeat 10px 1px; } #nav-and-credits .footer-rss a img{ display: none; } /*Footer Menu*/ #footer #footer .moduletable_menu ul { margin: 0; padding: 0; width: 485px; height: 20px; } #footer .moduletable_menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #footer .moduletable_menu li a:link, #footer .moduletable_menu li a:visited { text-decoration: none; font: normal 1em Arial, serif; padding: 2px 2.5px; } /*Credits*/ div#credits { width: 250px; height: 30px; font: normal 12px Arial, serif; color: #FFF; position: absolute; top: 25px; left: 25px; } div#credits div { color: #E4F5FF; text-indent: 12px; } div#credits a { color: #FFF; text-decoration: underline; } #modulemenu { display: none; } .module #modulemenu { display: block; } .moduletable .inputbox { width: 96%; margin: 5px 0; } .moduletable #modlgn_remember { width: auto; border: none; } .moduletable .search input#mod_search_searchword.inputbox { margin: 0 0 0px; } .inputbox { margin: 0; padding: 0; vertical-align: middle; border: 1px solid #F2EFE1; padding: 4px 0 4px 5px; } input.button { border: none; height: 26px; line-height: 23px; padding: 0px 17px 4px; margin-top: 7px; margin-bottom: 7px; border-left: 1px solid #E9E5DE; border-right: 1px solid #E9E5DE; } /*Configurable Sidebars Sidebar on right*/ body.scheme_2 #content { display: inline; float: left; width: 752px; margin-top: 25px; border: 1px solid #E9E5DE; } body.scheme_1 #content { margin-top: 25px; border: 1px solid #E9E5DE; float: left; width: 960px; } body.scheme_2 #right { float: right; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /*Sidebar on Left*/ body.scheme_2 #left { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 0px; clear: both; } body.scheme_2 #content.second-in-scheme { margin-left: 10px; } /*right left content*/ body.scheme_3 #right.first-in-scheme { margin-left: 0px; } body.scheme_3 #left.second-in-scheme { margin-left: 10px; clear: none; } /*content-right-left*/ .scheme_3 #content.first-in-scheme { margin-left: 0px; } body.scheme_3 #right.second-in-scheme { margin-left: 10px; } body.scheme_3 #left.third-in-scheme { margin-left: 10px; margin-right: 0; } /*right-content*/ body.scheme_2 #right.first-in-scheme { float: left; margin-left: 0; } body.scheme_2 #content.second-in-scheme { float: right; margin-left: 10px; margin-right: 0; } /*content-left*/ body.scheme_2 #left.second-in-scheme { margin-left: 10px; } /*sidebar on left and right*/ body.scheme_3 #left { float: left; width: 195px; display: inline; margin-top: 25px; clear: left; } body.scheme_3 #content { display: inline; float: left; width: 548px; margin-top: 25px; border: 1px solid #E9E5DE; margin-left: 10px; } body.scheme_3 #right { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /*sidebar navigation*/ #left .sidenav ul, #right .sidenav ul, #left .moduletable_menu ul, #right .moduletable_menu ul { list-style: none; padding: 0 0px 0 0; } #left .sidenav li, #right .sidenav li, #left .moduletable_menu li, #right .moduletable_menu li { border-bottom: 1px solid #F5F2E5; list-style: none; padding: 0; margin: 0 -10px; vertical-align: middle; } #left .sidenav ul li img, #right .sidenav ul li img, #left .moduletable_menu ul li img, #right .moduletable_menu ul li img { float: left; vertical-align: middle; } #left .sidenav ul li a:link, #left .moduletable_menu ul li a:link, #left .sidenav ul li a:visited, #left .moduletable_menu ul li a:visited, #right .sidenav ul li a:link, #right .moduletable_menu ul li a:link, #right .sidenav ul li a:visited, #right .moduletable_menu ul li a:visited { margin: 0; padding: 0; color: black; line-height: 28px; display: block; font-size: 1em; background: url(../images/menu-left-bullet.gif) no-repeat 10px 50%; padding-left: 30px; } #left .sidenav ul li a:hover, #left .moduletable_menu ul li a:hover, #right .sidenav ul li a:hover, #right .moduletable_menu ul li a:hover { background: #FBFAF6 url(../images/menu-left-bullet.gif) no-repeat 10px 50%; text-decoration: none; } /*Modules Structure*/ div.moduletable form table br { /*Fixex big gap inbetween login module inputs*/ display: none; } div#right div.moduletable, div#right div.moduletable_menu, div#left div.moduletable_menu, div#left div.moduletable_text, div#right div.moduletable_text, div#right div.moduletable-sfx, div#left div.moduletable, div#left div.moduletable-sfx { border: 1px solid #E4DFD6; width: 173px; padding: 10px; font-size: 1em; overflow: hidden; margin-bottom: 10px; } #wrapper #main #left div.moduletable h3, #wrapper #main #right div.moduletable h3, #wrapper #main #left div.moduletable_menu h3, #wrapper #main #right div.moduletable_menu h3, #wrapper #main #left div.moduletable_text h3, #wrapper #main #right div.moduletable_text h3, #wrapper #main #left div.moduletable-sfx h3, #wrapper #main #right div.moduletable-sfx h3 { margin: 0px 0px 6px -10px; width: 181px; font-size: 140%; line-height: 30px; padding: 0 0 0 10px; } #wrapper #main #left div.h3-image h3, #wrapper #main #right div.h3-image h3, #wrapper #main #left div.h3-image-sfx h3, #wrapper #main #right div.h3-image-sfx h3, #wrapper #main #left div.h3-neutral h3, #wrapper #main #right div.h3-neutral h3, #wrapper #main #left div.h3-neutral-sfx h3, #wrapper #main #right div.h3-neutral-sfx h3, #wrapper #main #left div.h3-colorbg h3, #wrapper #main #right div.h3-colorbg h3, #wrapper #main #left div.h3-colorbg-sfx h3, #wrapper #main #right div.h3-colorbg-sfx h3 { margin: 0 0px 10px -16px; width: 191px; margin-top: -10px; border: 1px solid #FFFFFF; font-size: 140%; line-height: 34px; padding: 0; text-indent: 4px; color: #FFF !important; /*[e]#FFF*/ padding-left: 12px; background-repeat: no-repeat; background-position: top; } #left div.h3-neutral h3, #right div.h3-neutral h3, #left div.h3-neutral-sfx h3, #right div.h3-neutral-sfx h3 { background-image: url(../images/neutral-module-top.png); } #left div.h3-colorbg h3, #right div.h3-colorbg h3, #left div.h3-colorbg-sfx h3, #right div.h3-colorbg-sfx h3 { background-color: #BB533E; border: none; } p.smallmodule { font-size: 0.9em; line-height: 140%; word-spacing: -0.5px; } .blog-rss { background: transparent url(../images/rssicon.png) no-repeat scroll 99% 45%; padding-right: 60px; } /*Module Background Styles*/ div.brown-bg { background-color: #F9F8F2; } div.topgrad { background-image: url(../images/top-grad.png); background-repeat: repeat-x; background-position: top; background-color: #FFF; } div.botgrad { background-image: url(../images/bot-grad.png); background-repeat: repeat-x; background-position: bottom; } #left div.moduletable-sfx.nopadding { padding: 0; width: auto; margin-bottom: 10px; } /*Options Bar*/ #mainbody .padding { padding: 10px 17px; } #color-text { width: 255px; height: 36px; margin: -23px 0 0 715px; border: 0px solid red; position: absolute; } #color-text a { float: left; display: inline; margin-left: 1px; } #color-text span { float: left; line-height: 33px; font-weight: bold; padding-left: 15px; font-size: 12px; } #color-icons { position: relative; margin-top: 7px; right: -4px; height: 19px; overflow: hidden; } a.blue-color, a.peachy-color, a.brown-color, a.green-color, a.txt-default, a.txt-larger, a.txt-smaller { height: 19px; width: 19px; text-indent: -9999px; } a.txt-default { background: url(../images/txt-standard-2.gif) no-repeat 0 0; } a.txt-larger { background: url(../images/txt-big-2.gif) no-repeat; } a.txt-smaller { background: url(../images/txt-small-2.gif) no-repeat; } a.blue-color { background: url(../images/color-blue.gif) no-repeat; } a.peachy-color { background: url(../images/color-peachy.gif) no-repeat; } a.brown-color { background: url(../images/color-brown.gif) no-repeat; } a.green-color { background: url(../images/color-green.gif) no-repeat; } a.blue-color:active, a.blue-color:hover, a.peachy-color:active, a.peachy-color:hover, a.brown-color:active, a.brown-color:hover, a.green-color:hover, a.green-color:active { background-position: 0 -19px; } body.large-text a.txt-larger { background: url(../images/txt-big-2.gif) no-repeat 0 0; } body.medium-text a.txt-default { background: url(../images/txt-standard-2.gif) no-repeat 0 0; } body.smaller-text a.txt-smaller { background: url(../images/txt-small-2.gif) no-repeat 0 0; } body.smaller-text a.txt-smaller, body.large-text a.txt-larger, body.medium-text a.txt-default { background-position: 0 -19px; }/*---------------------------------------------------------------------------- ++ EXTERNaL SOURCE: menucore.css ++ Menu Core Style Sheet ------------------------------------------------------------------------------*/ #nav { height: 39px; } #nav .menu { margin-bottom: 1em; height: 37px; } #nav .menu ul { border-top: 1px solid #DDDBC5; } #nav .menu li:hover ul, #nav .menu li.sfHover ul { top: 40px; } #nav ul.menu li li:hover ul, #nav ul.menu li li.sfHover ul { left: 15em; border-top: 1px solid #DDDBC5; } #nav ul.menu li li li:hover ul, #nav ul.menu li li li.sfHover ul { left: 15em; } #nav .menu li a { padding: 0 1em; height: 37px; line-height: 37px; color: #FFF; font-size: 14px; font-weight: bold; font-family: verdana, arial, Helvetica, sans-serif; } #nav .menu li ul a { font-size: 12px; font-weight: normal; } #nav .menu li a span { color: #fff; } /*hover on all top levels*/ #nav .menu li.sfHover, #nav .menu li.active, #nav .menu li.hover { margin-top: -3px; background: transparent url(../images/menu-top-right.png) no-repeat right top; } #nav .menu li ul li:hover, #nav .menu li ul li.sfHover, #nav .menu li.active ul li { margin-top: 0; } #nav .menu li.sfHover a, #nav .menu li.active a, #nav .menu li.hover a { background: transparent url(../images/menu-top-left.png) no-repeat; padding: 2px 1em 3px; color: #000; } #nav .menu li.active ul li, #nav .menu li.active ul li a { background: none; padding: 0; margin: 0; } #nav .menu li.active.parent a.sf-with-ul span { color: #000; } #nav .menu li.hover a span { color: #000; } #nav .menu li:hover a span, #nav .menu li.sfHover a span, #nav .menu li.active a span { color: #000; } /*hover on all sub levels*/ #nav .menu ul li { background: #F0EBDB; padding: 0; margin: 0; border-left: 1px solid #DDDBC5; border-right: 1px solid #DDDBC5; border-top: 1px solid #FFF; border-bottom: 1px solid #DDDBC5; font-size: 12px; } #nav .menu ul li a, #nav .menu ul li a:hover, #nav .menu ul li.current a { background: #F0EBDB; padding: 0 1em; margin: 0; height: 22px; line-height: 22px; } #nav .menu ul li.sfHover a:hover, #nav .menu ul li a:hover, #nav .menu ul li.active a, #nav .menu ul li.active ul li.active a { background: #FFFDF6; margin: 0; padding: 0 1em; } #nav .menu ul li.active ul li a { background: #F0EBDB; } #nav .sf-navbar li li.active>a { font-weight: bold; } #nav .menu.sf-navbar ul ul { border-top: 1px solid #DDDBC5; width: 200px; background-image: none; background-color: #F0EBDB; } #nav .menu ul, #nav .menu ul li, #nav .menu ul li a { background-color: transparent; background-image: none; border: 0; } #nav .menu ul li a { height: 22px; line-height: 22px; padding: 5px 10px !important; /*[e]5px 10px*/ line-height: 1.5em; } #nav .menu ul ul li a { background-color: #F0EBDB; border: 0; } #nav .menu ul li a, #nav .menu ul li a:hover { border-left: 1px solid #DDDBC5; border-right: 1px solid #DDDBC5; border-top: 1px solid #FFF; border-bottom: 1px solid #DDDBC5; margin: 0; background: #F0EBDB; font-size: 12px; width: 180px; } #nav .menu ul ul li a:hover { background: #FFFDF6; } #nav .menu ul li#current, #nav .menu ul li:hover, #nav .menu ul li.sfHover, #nav .menu ul li.sfHover:hover, #nav .menu ul li:hover { margin-top: 0; } #nav .menu ul li.parent.sfHover, #nav .menu ul li.parent.sfHover:hover { background: none; } #nav .sf-navbar li li.active>a { font-weight: bold; } #nav .menu.sf-navbar ul ul { border-top: 1px solid #DDDBC5; width: 200px; background-image: none; background-color: #F0EBDB; } #nav .menu ul, #nav .menu ul li, #nav .menu ul li a { background-color: transparent; background-image: none; } #nav .menu ul li a { height: 22px; line-height: 22px; } #nav .menu ul ul li a { background-color: #F0EBDB; border: 0; } #nav .menu ul li li a, #nav .menu ul li li a:hover { border-left: 1px solid #DDDBC5; border-right: 1px solid #DDDBC5; border-top: 1px solid #FFF; border-bottom: 1px solid #DDDBC5; margin: 0; background: #F0EBDB; font-size: 12px; width: 180px; } #nav .menu li.hover li a:hover { background: #FFFDF6 !important; } #nav .menu ul li.active, #nav .menu ul li:hover, #nav .menu ul li.sfHover, #nav .menu ul li.sfHover:hover, #nav .menu ul li:hover { margin-top: 0; } #nav .menu ul li.parent.sfHover, #nav .menu ul li.parent.sfHover:hover { background: none; } /*top level child indicator underneath /******************************************************************************/ /* top level menu items */ #nav .menu a.sf-with-ul { } /* sub level menu items */ #nav .sf-sub-indicator { background: url(../images/menu-top-arrow-light2.gif) no-repeat 0 0; } #nav .sfHover .sf-sub-indicator, #nav .hover .sf-sub-indicator, #nav .current .sf-sub-indicator { background: url(../images/menu-top-arrow-dark.gif) no-repeat 0 0; } #nav ul ul .sf-sub-indicator, #nav .sfHover ul .sf-sub-indicator, #nav .hover ul .sf-sub-indicator, #nav .current ul .sf-sub-indicator { background: url(../images/subchild_right.gif) no-repeat 0 0; } #nav .sf-sub-indicator { right: 44%; bottom: 5px; } #nav a>.sf-sub-indicator { bottom: 0px; } /*core menu styling - do not change /*******************************************************************************/ #nav .menu, #nav .menu * { margin: 0; padding: 0; list-style: none; } #nav .menu { line-height: 1; } #nav .menu ul { position: absolute; top: -999em; } #nav .menu ul li { width: 100%; } #nav .menu li:hover { visibility: inherit; } #nav .menu li { background: none; margin-right: 0.3em; float: left; position: relative; } #nav .menu a { display: block; position: relative; } #nav .menu li:hover ul, #nav .menu li.sfHover ul { left: 0; z-index: 99; } #nav ul.menu li:hover li ul, #nav ul.menu li.sfHover li ul { top: -999em; } #nav ul.menu li li:hover ul, #nav ul.menu li li.sfHover ul { top: 0; } #nav ul.menu li li:hover li ul, #nav ul.menu li li.sfHover li ul { top: -999em; } #nav ul.menu li li li:hover ul, #nav ul.menu li li li.sfHover ul { top: 0; } #nav .menu a { text-decoration: none; } #nav .menu li:hover, #nav .menu li.sfHover, #nav .menu a:focus, #nav .menu a:hover, #nav .menu a:active { outline: 0; } #nav .menu a.sf-with-ul { min-width: 1px; } #nav .sf-sub-indicator { position: absolute; display: block; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; } #nav .menu ul .sf-sub-indicator { right: 10px; bottom: 1.5em; } #nav .menu ul a>.sf-sub-indicator { bottom: 0.8em; } /****************************************************************************** menu backgrounds gradient*/ #nav.gradient ul.menu ul, #nav.gradient ul.menu.sf-navbar ul ul { background: #F0EBDB url(../images/menu-top-sub-bg.png) repeat-x bottom left !important; /*[e]#F0EBDB url(../images/menu-top-sub-bg.png) repeat-x bottom left*/ } /*solid color*/ #nav.simple ul.menu ul, #nav.simple ul.menu.sf-navbar ul { background: #F0EBDB !important; /*[e]#F0EBDB*/ } /*other background styles (default)*/ #nav.simple ul.menu ul li, #nav.simple ul.menu ul li a, #nav.gradient ul.menu ul li, #nav.gradient ul.menu ul li a { background: none !important; /*[e]none*/ } #nav.simple ul.menu ul li#current a, #nav.gradient ul.menu ul li#current a { background: #FFFDF6 !important; /*[e]#FFFDF6*/ } #nav.simple ul.menu ul li#current ul li a, #nav.gradient ul.menu ul li#current ul li a { background: none !important; /*[e]none*/ } /*Sidebar Menu*/ .moduletable_menu .menu ul, .moduletable-sfx.sidenav .menu ul { margin-left: 0; margin-bottom: -1px; border-top: 1px solid #F5F2E5; } #left .moduletable_menu .menu ul li, #left .moduletable-sfx.sidenav .menu ul li, #right .moduletable_menu .menu ul li, #right .moduletable-sfx.sidenav .menu ul li { background: #F9F9F9; } #left .moduletable_menu .menu ul, #right .moduletable_menu .menu ul { margin-left: 1em; } #left .moduletable_menu .menu ul ul, #right .moduletable_menu .menu ul ul { margin-left: 2em; } #left .moduletable_menu .menu ul ul ul, #right .moduletable_menu .menu ul ul ul { margin-left: 3em; } #left .moduletable_menu .menu ul li a, #left .moduletable-sfx.sidenav .menu ul li a, #right .moduletable_menu .menu ul li a, #right .moduletable-sfx.sidenav .menu ul li a { padding-left: 50px; background: transparent url(../images/menu-left-bullet.gif) no-repeat scroll 30px 50%; } /*Footer Menu*/ #footer ul.menu { margin: 0; padding: 0; width: 485px; height: 20px; } #footer ul.menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #footer ul.menu li a:link, #footer ul.menu li a:visited { text-decoration: none; font: normal 1em arial, serif; padding: 2px 2.5px; } /*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: customize.css ++ Customize Style Sheet ---------------------------------------------------------------------------- Global Resets *****************************************/ * { margin: 0; padding: 0; color: #333; } li, dd { margin-left: 1em; } #content blockquote, #content form, label, #content ul, #content ol, #content dl, #content fieldset, #content address { margin: 1.8em 0; } .contentpane li { list-style-position: inside; } fieldset { padding: 0.5em; border: none; } p { padding: 0.5em 0; line-height: 1.4em; } img { border: 0; } a img { border: 0; } table { font-size: 1em; /*This helps fix the relative font sizing problem with tables in IE*/ } .hidden { display: none; } /****** BASE FONT STYLES *******/ body.smaller-text { font-size: 12px; } body.medium-text { font-size: 13px; } body.large-text { font-size: 15px; font-weight: 100; } /*Base Typography *****************************************/ body { font: normal 100%/175% Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; } h1 { font-size: 210%; line-height: 100%; color: #286194; } h2 { font-size: 185%; line-height: 100%; } h3 { font-size: 160%; color: #286194; } h4 { font-size: 140%; } h5 { font-size: 120%; } h6 { font-size: 100%; } pre { background: #FCFBF5; border-top: 3px solid #F9F6EB; border-bottom: 3px solid #F9F6EB; margin: 0px 0px 15px; padding: 10px; } pre p { border-top: 1px solid #3C3C3C; border-bottom: 1px solid #3C3C3C; color: #FFFFFF; margin: 0; padding: 10px 10px 10px 20px; } blockquote.quote { color: #666; font-style: italic; font-size: 100%; line-height: 110%; width: auto; padding: 0; margin: 0; background: #1A1A1A; border: 1px solid #2C2C2C; font-style: normal; } blockquote.quote p { padding: 15px 50px 15px 15px; margin: 0; background: url(../images/icon-blockquote.jpg) no-repeat 100% 10%; border: 1px solid #000000; color: #FFFFFF; } 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: #286194; color: #FFF; } /* Lists Style *****************************************/ #main ol { padding: 0; list-style-position: inside; } #main ol li { padding: 2px 0 2px 5px; } #content ul ul, #content ul ul ul, #content ul ul ul ul { margin-left: 25px; } #content ol ol, #content ol ol ol, #content ol ol ol ol { margin-left: 25px; } ul.li-round1, ul.li-round2, ul.li-arrow, ul.li-star { padding-left: 10px; margin-left: 0; } ul.li-round1 li, ul.li-round2 li, ul.li-arrow li, ul.li-star li { list-style: none; margin-left: 0; padding-bottom: 3px; margin-bottom: 5px; padding-left: 20px; } ul.li-round1 li { background: url(../images/icon-li-orange.jpg) no-repeat 2px 4px; } ul.li-round2 li { background: url(../images/icon-li-pink.jpg) no-repeat 2px 4px; } ul.li-arrow li { background: url(../images/icon-li-arrow.jpg) no-repeat 2px 4px; } ul.li-star li { background: url(../images/icon-li-star.jpg) no-repeat 2px 4px; } /* Latest News Module*/ #content ul.latestnews li, #content ul.mostread li { list-style-type: none; margin: 0; font-size: 1.2em; } ul.mostread-news li { padding-left: 10px; margin-left: 0; list-style: none; margin-left: 0; padding-bottom: 3px; margin-bottom: 5px; padding-left: 20px; background: url(../images/icon-li-star.jpg) no-repeat 2px 4px; } 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; } /* Links Styling *****************************************/ a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } #mainbody a.readon:link, #mainbody a.readon:visited, #mainbody a.readon:hover { display: block; text-decoration: none; height: 20px; width: auto; background: url(../images/readmore.png) no-repeat; padding: 0 0 0 30px; margin-top: 15px; font-size: 0.9em; line-height: 20px; color: #444; position: relative; } #mainbody a.readon span{ position: absolute; left: -79998px; } li span.small { font-size: 0.9em; } li br { display: none; } /*Joomla Specific *****************************************/ .contentheading, .componentheading { font-size: 1.7em; line-height: 1em; font-weight: bold; color: #666; } .componentheading { margin-bottom: 5px; } table.contentpaneopen, table.contentpane { font-size: 1em; } .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-indent: 5px; border-bottom: 1px solid #FFF; padding: 4px 0; } #content .sectiontableheader a { color: #FFF; } .sectiontableheader { background: transparent url(../images/table-header-bg.png) repeat-x scroll 0%; color: white; font-weight: bold; line-height: 18px; text-align: left; } .sectiontableentry1 { background: #F9F6EB; font-size: 1em; } .sectiontableentry2 { background: #FCFBF5; font-size: 1em; } span.small { color: #999; font-size: 0.9em; } .createdate { background: transparent url(../images/icon-date.png) no-repeat 0 2px; text-indent: 20px; color: #666; padding-left: 0px; font-size: 1em; padding-bottom: 5px; } .modifydate { background:transparent url(../images/icon-updated.png) no-repeat scroll 0 50%; color:#666; font-size:0.8em; padding-left:0; padding-top:0; text-indent:20px; } table.contenttoc { /*NOTE: Keeps the blog tables from crowding*/ margin: 5px; padding: 0px; float: right; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; } table.searchintro { padding: 10px 0; width: 100%; } .blog_more { margin: 10px 0; } .blog_more strong { margin: 0 0 5px; padding-left: 13px; display: block; color: #666666; text-transform: uppercase; } td.buttonheading { padding: 0 3px !important; /*[e]0 3px*/ } .mosimage { background: #F2EFE1 none repeat scroll 0%; border: 1px solid #D9D6CB; margin: 0px 5px 5px; padding: 4px; } .mosimage img { padding: 0; margin: 0; } .mosimage_caption { margin-top: 2px; padding: 0px 2px; color: #333; font-weight: normal; font-size: 1em; } /*Article Index*/ table.contenttoc { background: #FFF; margin: 7px; margin-right: 0; padding: 2px; border: 1px solid #CCC; } table.contenttoc td { padding: 0 7px; } table.contenttoc th { padding: 0 10px; font-size: 1em; color: #FFF; background: #CCC; } .pagenav { text-align: center; font-size: 1em; font-weight: bold; width: auto; padding: 0px 10px; line-height: 20px; margin: 1px; color: #555; } .article_seperator { border: 1px solid #E4DFD6; display: block; height: 0; margin: 10px 0; width: 100%; } .moduletable span.article_seperator, #inset .moduletable .article_seperator { display: none !important; /*[e]none*/ } table.blog .article_seperator { display: none !important; /*[e]none*/ } .blog_more { font-size: 1.1em; } /*Send to a Friend Popup*/ body.contentpane form table { margin: 20px; font-size: 1em; } 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 *****************************************/ select, select.inputbox { color: #666; } td.smalldark { font-size: 0.8em; } /*Contact Page Styling*/ div.contact_email input, div.contact_email textarea { font-size: 1.1em; color: #666; font-family: inherit; } div.contact_email input { padding: 2px 5px; } .fleftimg { float: left; display: inline; margin: 13px 0 0 0px; padding-bottom: 25px; padding-right: 14px; } .fleftimgtc { float: left; display: inline; margin: 5px 0 10px 10px; padding-right: 15px; } blockquote { background: #F9F6EB url(../images/blockquote.png) no-repeat 97% 10px; border: 1px solid #E6E6C0; padding: 10px 60px 10px 10px; } /*intelligent modules*/ .clear { clear: both; display: block; height: 0px; font-size: 1px; overflow: hidden; margin: 0; padding: 0; } div.moduletable.first, div.moduletable.middle { float: left; display: inline; } div.moduletable.last { float: right; display: inline; } /*user2 intelligent modules safari height fix*/ #user1 div.countin1, #user1 div.countin2, #user1 div.countin3, #user2 div.countin1, #user2 div.countin2, #user2 div.countin3, #advert1 div.countin1, #advert1 div.countin2, #advert1 div.countin3, #advert3 div.countin1, #advert3 div.countin2, #advert3 div.countin3, #bottom_modules div.countin1, #bottom_modules div.countin2, #bottom_modules div.countin3 { height: 100% !important; /*[e]100%*/ } #user2 div.countin3 { width: 304px; overflow: hidden; margin-bottom: 27px; display: block; } #user2 div.countin2 { width: 470px; overflow: hidden; margin-bottom: 27px; display: block; } #user2 div.countin1 { width: 965px; clear: both; overflow: hidden; margin-bottom: 27px; display: block; } #user2 div.middle { margin-left: 32px; width: 300px; margin-bottom: 7px; display: block; } #user2 .moduletable h3 { font-size: 1.8em; line-height: 23px; margin-top: 25px; } #user2 .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1.4em; font-weight: bold; text-transform: lowercase; padding-top: 10px; background: none; margin-bottom: 20px; } /*bottom intelligent modules*/ #bottom_modules { background: #F1E2BF url(../images/bottom_modules_bg.png) repeat-x top; padding: 15px 0; } #bottom_modules div.countin3 { width: 304px; overflow: hidden; margin-bottom: 7px; } #bottom_modules div.countin2 { width: 470px; overflow: hidden; margin: 10px 0 17px; } #bottom_modules div.countin1 { width: 965px; clear: both; overflow: hidden; margin-bottom: 7px; } #bottom_modules div.middle { margin-left: 27px; width: 300px; margin-bottom: 7px; } #bottom_modules .moduletable h3 { border-bottom: 2px solid #D5BD97; color: #61502E; font-size: 1.4em; font-weight: bold; line-height: 23px; } #bottom_modules .moduletable li { line-height: 27px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #F6EBD4; } #bottom_modules .moduletable li a:link, #bottom_modules .moduletable li a:visited { display: block; color: #333; font-size: 13px; padding: 0 4px; } #bottom_modules .moduletable li a:hover { background: #F6EBD4; text-decoration: none; } /*user1 intelligent modules*/ #user1 div.countin3, #advert1 div.countin3, #advert3 div.countin3 { width: 30%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin2, #advert1 div.countin2, #advert3 div.countin2 { width: 48%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin1, #advert1 div.countin1, #advert3 div.countin1 { width: 100%; clear: both; overflow: hidden; margin-bottom: 7px; } #user1 div.middle, #advert1 div.middle, #advert3 div.middle { width: 30%; margin-bottom: 7px; } body.scheme_3 #advert1 .middle, body.scheme_3 #advert3 .middle, body.scheme_3 #user1 .middle { margin-left: 26px; } body.scheme_2 #advert1 .middle, body.scheme_2 #advert3 .middle, body.scheme_2 #user1 .middle { margin-left: 36px; } .scheme_1 #advert1 .middle, .scheme_1 #advert3 .middle, .scheme_1 #user1 .middle { left: 46px; position: relative; } #user1 .moduletable h3, #advert1 .moduletable h3, #advert3 .moduletable h3 { font-size: 23px; line-height: 23px; font-size: 1.8em; border-bottom: 3px solid #E2DDC5; } #user1 .moduletable a.readon, #advert1 .moduletable a.readon, #advert3 .moduletable a.readon, #bottom_modules .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1em; font-weight: normal; padding-top: 0px; background: none; display: block; padding: 14px 0 4px; } #bottom_modules .moduletable a.readon { color: #61502E; font-weight: bold; } #advert2 { border: 1px solid red; display: block; height: auto; } .inset .moduletable-insetinfo { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; background: #F9F6EB url(../images/inset-bulb.png) no-repeat 23px 50%; padding: 10px 10px 10px 66px; font-size: 1em; margin: 1px 0; } .inset .moduletable { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; padding: 10px 20px; font-size: 1em; background: #F9F6EB; margin: 1px 0; } .inset .moduletable h3, .inset .moduletable-insetinfo h3 { font-size: 17px; margin: 4px 0; padding: 0; } .moduletable-insetalert, .moduletable-insettip, .moduletable-insethelp { display: block; padding: 3px 10px 3px 35px; margin: 1px 0; font-size: 1em; } .moduletable-insetalert { color: #CD3301; border-top: 3px solid #CD3301; border-bottom: 3px solid #CD3301; background: #FAE8E8 url(../images/icon-typo-error.jpg) no-repeat 10px 50%; } .moduletable-insettip { color: #2D84E3; border-top: 3px solid #ADCEFB; border-bottom: 3px solid #ADCEFB; background: #ECF2FE url(../images/icon-typo-tips.jpg) no-repeat 10px 50%; } .moduletable-insethelp { color: #CA6701; border-top: 3px solid #F2A378; border-bottom: 3px solid #F2A378; background: #FDF6E4 url(../images/icon-typo-info.jpg) no-repeat 10px 50%; } p.module-address { background: transparent url(../images/module-address.png) no-repeat scroll 0px 10px; padding-left: 24px; } p.module-mobile { background: transparent url(../images/module-mobile.png) no-repeat scroll 3px 8px; padding-left: 24px; margin: -0.5em 0; } p.module-fax { background: transparent url(../images/module-fax.png) no-repeat scroll 0px 8px; text-indent: 25px; margin: -0.5em 0; } p.module-email { background: transparent url(../images/module-email.png) no-repeat scroll 0px 10px; text-indent: 25px; margin: -0.5em 0; } p.module-email a { color: #333; } .sendusemail a:link, .sendusemail a:visited { display: block; width: 176px; height: 26px; background: url(../images/sendusemail.png) no-repeat; color: #333; font-size: 11px; padding: 3px 0 0 8px; margin-top: 8px; } .wheretogethelp p { background: transparent url(../images/wheretogethelp.png) no-repeat scroll right bottom; padding: 0pt 50px 10px 0pt; } .wheretogethelp ul { margin: 0; padding: 0; list-style: none; } .wheretogethelp li { background: url(../images/wheretogethelp-star.png) no-repeat left; padding: 0; margin: 9px 0; } .wheretogethelp li a:link, .wheretogethelp li a:visited { padding: 5px 0 0 25px; color: #006DA8; } #nav .search{ background: transparent url(../images/searchbox.png) no-repeat left; position: absolute; right: 0; top: 5px; border: none; width: 130px; font-size: 0.9em; height: 21px; line-height: 21px; margin: 4px 0 0 0; padding: 3px 30px 0 5px; } #nav .search input{ background: none; border: 0; padding: 0; margin: 0; width: 130px; } .suckerfish #nav input.inputbox, .dropline #nav input.inputbox { top: 8px; } #nav input.button { position: absolute; right: 6px; top: 2px; float: right; width: 20px; height: 20px; background: none; border: none; display: block; text-indent: -7998px; padding: 0; margin: 0; line-height: normal; cursor: pointer; overflow: hidden; font-size: 0; color: #fff; } #wrapper .article-options, #wrapper .article-options li { margin: 0; padding: 0; list-style: none; } #wrapper .article-options li { display: inline; font-size: 0.8em; } .article_column { padding-right: 1em; } .column_separator { padding: 0 0 0 1.5em; border-left: 1px dotted #CCC; } .article_separator { display: block; margin-top: 2em; height: 2em; border-top: 1px dotted #CCC; } .tool-tip{ border: 1px solid #D5BD97; background: #F7ECD7; } .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: blue.css ++ Blue Scheme Style Sheet ----------------------------------------------------------------------------*/ div#top { background: transparent url(../images/blue/top-bg.png) repeat-x scroll 0%; } #nav { background: #F8F4ED url(../images/blue/hmenu_bg.png) repeat-x scroll center top; } .sectiontableheader { background: transparent url(../images/blue/table-header-bg.png) repeat-x scroll 0% 50%; } #left div.h3-image h3, #right div.h3-image h3, #left div.h3-image-sfx h3, #right div.h3-image-sfx h3 { background-image: url(../images/blue/normal-module-top.png); } h1,h3,h5, a:link, a:visited, td.contentheading, #pathway a:link, #pathway a:visited, #pathway a:hover, #user2 .moduletable a.readon, #user1 .moduletable a.readon, #advert1 .moduletable a.readon, #advert3 .moduletable a.readon, #user1 .moduletable h3, #advert1 .moduletable h3, #advert3 .moduletable h3, #user2 .moduletable h3, #right div.moduletable-sfx.h3-plain h3, #left div.moduletable-sfx.h3-plain h3 { color: #286194 } .highlight, #left div.h3-colorbg h3, #right div.h3-colorbg h3, #left div.h3-colorbg-sfx h3, #right div.h3-colorbg-sfx h3 { background: #286194; } #color-text { background: url(../images/blue/select.gif) no-repeat; } a.blue-color { height: 19px; width: 19px; background: url(../images/color-blue.gif) no-repeat 0 -19px; display: block; } input.button { background: transparent url(../images/blue/button-bg.png) repeat-x scroll center top; } #pathway a:link, #pathway a:visited, #pathway a:hover { background: url(../images/blue/pathway_arrow.png) no-repeat right; }