/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v1.0) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #333; background: #fff url(../images/bg.png) repeat-x; letter-spacing: .02em; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #333; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #333; background-color: #fff; } /* !Table */ th {} td,div {} .fs4 { line-height: 1.35em; } .pApply #sbx-containerwrap-f { background: #fff; } .pApply #sbx-containerwrap-f #sbx-content { padding: 0px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #sbx-wrapper { width: 996px; margin: 0 auto; padding: 0; position: relative; background: #fff; } /* !Common */ .sbx-cw, #sbx-headerwrap, #sbx-footerwrap { width: 959px; margin: 0 21px 0px 16px; } #sbx-header, #sbx-footer, #sbx-mainnav, #sbx-container {} /* !3 Column & Common */ #sbx-containerwrap {} #sbx-containerwrap2 {} #sbx-container {} #sbx-container2 {} #sbx-mainbody { width: 520px; display: inline; float: left; } #sbx-content { padding: 10px 25px 20px 21px; } #sbx-mainbody-inner { position: relative; } /* !Home */ #sbx-mainbody-home #sbx-content { padding: 0px; } /* !Full */ #sbx-containerwrap-f { background: #e8e4be; } #sbx-containerwrap-f #sbx-containerwrap2 {} #sbx-containerwrap-f #sbx-container, #sbx-containerwrap-f #sbx-container2 {} #sbx-mainbody-f {} #sbx-mainbody-f #sbx-content {} /* !Full left */ #sbx-containerwrap-fl { background: url(../images/cw-fl.png) no-repeat -16px 0px; } #sbx-containerwrap-fl #sbx-containerwrap2 { background: url(../images/cw-fl2.png) repeat-y -16px 0px;; } #sbx-containerwrap-fl #sbx-container, #sbx-containerwrap-fl #sbx-container2 {} #sbx-mainbody-fl { width: 672px; display: inline; float: left; background: #e8e4be; } #sbx-mainbody-fl #sbx-content {} /* !Full right */ #sbx-containerwrap-fr {} #sbx-containerwrap-fr #sbx-containerwrap2 {} #sbx-containerwrap-fr #sbx-container, #sbx-containerwrap-fr #sbx-container2 {} #sbx-mainbody-fr {} #sbx-mainbody-fr #sbx-content {} /* !Left & Right Columns */ #sbx-leftCol {} #sbx-leftCol-inner {} #sbx-rightCol { width: 280px; display: inline; float: right; overflow: hidden; } #sbx-rightCol-inner { padding: 0px 9px; } #sbx-leftCol .article_separator, #sbx-rightCol .article_separator { display: none; } .sbxModTable-bnr { border-bottom: 5px solid #fff; } /* News & Views Page */ .nvBox { clear: both; margin-top: 1em; } .nvBox-left { float: left; width: 188px; } .nvBox-right { float: right; width: 438px; } .nvBox .sbxModTable { padding: 20px; } .nvBox .sbxModTable-hg h3 { height: auto; } .nvBox .sbxModTable-hg .sbxMod-content { padding-bottom: 2px; } .nvBox li.mod-item { padding-bottom: 1.2em; } .nvPurple .nvBox-right { background: #D0CFD3; } .nvGreen .nvBox-right { background: #D8DFD1; } .nvYellow .nvBox-right { background: #F2EBD3; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #sbx-headerwrap { position: relative; z-index: 999; height: 154px; } #sbx-header { position: relative; height: 114px; margin-bottom: 1px; z-index: 999; background: #4b4164 url(../images/header.jpg) no-repeat; } h1.logo { margin: 0; padding: 0; font-size: 1.8em; text-transform: uppercase; position: absolute; top: 16px; left: 21px; } h1.logo a { width: 305px; height: 73px; display: block; z-index: 100; } h1.logo a span { position: absolute; top: -1000px; } #sbx-mainnav { background: #b69c3a url(../images/mm.png) repeat-x left bottom; position: relative; z-index: 999; height: 33px; } ul#ja-cssmenu { float: left; } .sbxModTable-gm { float: right; margin: 9px 14px 0 0; _width: 400px; _text-align: right; } .sbxModTable-lm { float: right; margin: 7px 14px 0 0; _width: 120px; _text-align: right; } .mod-search { float: right; margin: 7px 6px 0 0; width: 210px; } .mod-search #mod_search_searchword { border: 1px solid #f5f2e4; background: #dbce9d; width: 136px; padding: 3px; font-size: 10px; color: #4b4164; font-weight: bold; font-family: Helvetica, Arial, sans-serif; } .mod-search button.button { color: #fff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; border: none; background: transparent; margin: 0px !important; } .mod-search button.button:hover { text-decoration: underline; color: #fff; background: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-footerwrap { clear: both; border-top: 5px solid #4b4164; margin-top: 6px; } #sbx-footer { position: relative; padding: 10px 10px 120px 0px; } .sbxModTable-fm { float: left; } .sbxModTable-find { float: right; vertical-align: middle; color: #8277a0; font-size: 11px; } .sbxModTable-find a { color: #4b4164; text-decoration: none; } .sbxModTable-find a:hover { color: #4b4164; text-decoration: underline; } .sbxModTable-find img { vertical-align: middle; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #sbx-pathway { font-size: 10px; color: #907017; padding: 14px 20px 0px 20px; text-transform: uppercase; font-weight: bold; } #sbx-pathway .mod-breadcrumbs { border-bottom: 1px solid #cc9966; padding: 0 0 6px 0; } #sbx-pathway .mod-breadcrumbs span.pathway { padding-right: 130px; display: block; } #sbx-pathway .mod-breadcrumbs span.pathway a, #sbx-pathway .mod-breadcrumbs span.pathway a:active, #sbx-pathway .mod-breadcrumbs span.pathway a:visited { text-decoration: none; } #sbx-pathway .mod-breadcrumbs span.pathway a:hover { text-decoration: underline; } #sbx-pathway .mod-breadcrumbs span.pathway img {} /* ------------------------------------------------------------------------ /* !LAYOUT: Home */ /* ----------------------------------------------------------------------*/ .sbxModTable-ql { height: 39px; background: url(../images/ql-h3.png) repeat-x; font-size: 12px; line-height: 39px; margin-top: 5px; clear: both; } .sbxModTable-ql h3 { height: 39px; float: left; color: #fff; margin: 0; padding: 0 20px 0 22px; font-size: 12px; line-height: 39px; } .sbxModTable-ql ul { margin: 0px; } .sbxModTable-ql li { margin: 0 1px 0 0; padding: 0px 60px; line-height: 39px; height: 39px; background: none; display: block; float: left; background: url(../images/ql-bg.png) repeat-x; } .sbxModTable-ql a { color: #fff; text-decoration: none; font-weight: bold; } .sbxModTable-ql a:hover { color: #fff; text-decoration: underline; } .pHome #page { display: none; } #sbx-hcb { margin-top: 5px; padding-bottom: 20px; } .sbxModTable-hg { float: left; width: 188px; margin: 0 2px 0 0; line-height: 1.3em; color: #3d3d3d; } .sbxModTable-hg h3 { margin: 0; padding: 10px 8px 10px 10px; font-size: 1.0em; color: #fff; } .sbxModTable-hg h3 { height: 34px; } .sbxModTable-hg p { margin: 10px 7px 7px 7px; } .sbxModTable-hg p.links, #sbx-hrn p.links { margin: 16px 0px 7px 7px; text-transform: uppercase; font-size: .85em; line-height: 1.4em; } .sbxModTable-hg p.links a, #sbx-hrn p.links a { display: block; color: #333366; text-decoration: none; font-weight: bold; } .sbxModTable-hg p.links a:hover, #sbx-hrn p.links a:hover { color: #333366; text-decoration: underline; } .hgPurple .sbxMod-content { background: url(../images/hg-purple.png) repeat-x 0px 121px; } .hgGreen .sbxMod-content { background: url(../images/hg-green.png) repeat-x 0px 121px; } .hgOrange .sbxMod-content { background: url(../images/hg-orange.png) repeat-x 0px 121px; } .hgPurple h3 { background: #545665; } .hgGreen h3 { background: #899773; } .hgOrange h3 { background: #b39831; } #sbx-hrn { float: right; width: 384px; background: url(../images/hrn-bg.png) repeat-x 0px 46px; position: relative; } #sbx-hrn h3 { background: #c5bf75; font-size: 1.3em; color: #5e5918; margin: 0px; padding: 20px 9px 6px 9px; } #sbx-hrn a.rss { position: absolute; top: 14px; right: 4px; border: 1px solid #fff; background: #c5bf75; padding: 8px 8px 6px 8px; color: #766215; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 1.0em; } #sbx-hrn a.rss:hover { background: #fff; } #sbx-hrn ul { padding: 0; font-size: 1.1em; color: #3d3d3d; } #sbx-hrn ul li { padding: 12px 9px; border-bottom: 1px solid #fff; } #sbx-hrn ul .item-title { font-size: .85em; margin: 0px; } #sbx-hrn ul .item-title a { color: #3d3d3d; text-decoration: none; font-weight: normal; } #sbx-hrn ul .item-title a:hover { text-decoration: underline; } #sbx-hrn p.links { margin-left: 9px; } #sbx-intro { background: url(../images/hIntro-bg.jpg) no-repeat; width: 959px; height: 295px; } .sbxModTable-intro { width: 280px; height: 295px; overflow: hidden; float: left; color: #3d3d3d; font-size: 14px; font-weight: normal; line-height: 1.5em; } .sbxModTable-intro .sbxMod-content { padding: 38px 14px 0 14px ;} .sbxModTable-intro p { margin: 0px 0 1em 0; } /* !Base */ .sbxModTable-sbxss .sbxss { background: url(../images/hIntro-bg.jpg) no-repeat -280px 0px; font-family: "Trebuchet MS", sans-serif; } .sbxModTable-sbxss .sbxss-slide { background: none; } .sbxModTable-sbxss .sbxss-img img { float: right; } /* !Default Template */ .sbxModTable-sbxss .sbxss-default {} .sbxModTable-sbxss .sbxss-default .sbxss-content-wrap { padding: 0px; background: none; height: 295px; width: 318px; } .sbxModTable-sbxss .sbxss-default .sbxss-content { padding: 0px; background: none; } .sbxModTable-sbxss .sbxss-default .sbxss-content h2 { font-size: 40px; line-height: 1.0em; font-weight: normal; padding: 86px 0 6px 20px; letter-spacing: -.025em; } .sbxModTable-sbxss .sbxss-default .sbxss-content h2 a {} .sbxModTable-sbxss .sbxss-default .sbxss-content h2 a:hover {} .sbxModTable-sbxss .sbxss-default .sbxss-content h3 { font-size: 17px; color: #161a3b; margin: -7px 20px 0 20px; padding-bottom: 6px; letter-spacing: -.02em; border-bottom: 1px solid #aeb5a6; } .sbxModTable-sbxss .sbxss-default .sbxss-content span.catsection {} .sbxModTable-sbxss .sbxss-default .sbxss-content p { padding: 2px 0 0 20px; } .sbxModTable-sbxss .sbxss-default .sbxss-content img {} .sbxModTable-sbxss .sbxss-default .sbxss-content a.readon { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; color: #161a3b; padding: 2px 0 0 20px; font-weight: normal; display: block; } .sbxModTable-sbxss .sbxss-default .sbxss-content a.readon:hover { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; text-decoration: underline; padding: 2px 0 0 20px; display: block; } .sbxModTable-sbxss .sbxss-default .sbxss-controls { padding: 0px; background: none; position: absolute; left: 17px; bottom: 7px; } .sbxModTable-sbxss .sbxss-default .sbxss-controls ul {} .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li { margin-right: 3px; } .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a, .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a:hover, .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a.sbxss-pageActive { -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #fff; background: #3e4338; padding: 6px 8px; font-size: 1.1em; } .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a {} .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a:hover, .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a.sbxss-pageActive { background: #9aa390; } .sbxModTable-sbxss .sbxss-default .sbxss-controls ul li a span {} .sbxModTable-sbxss .sbxss-default .sbxss-pagination {} .sbxModTable-sbxss .sbxss-default .sbxss-navigation { display: none; } .sbxModTable-sbxss { float: right; width: 679px; } .sbxssSP { margin-bottom: 2em; width: 626px; float: none; } .sbxssSP .sbxss-default .sbxss-content-wrap { width: 265px; } .sbxssSP .sbxss-default .sbxss-content h2 { font-size: 30px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 0; list-style: none; } ul.menu li { margin: 0; padding: 0; background: none !important; height: auto; } ul.menu li a, ul.menu li a:active, ul.menu li a:visited { font-size: 18px; color: #4b4164; font-weight: bold; line-height: 1.2em; padding: .7em 0px .4em 5px; text-decoration: none; display: block; outline: none; } ul.menu li a:hover { text-decoration: none; } ul.menu li a span {} /* !1st Level > Parent (has sub items) */ ul.menu li.parent a {} ul.menu li.parent a:hover {} ul.menu li.parent a span {} /* !1st Level > Active */ ul.menu li.active a, ul.menu li.active a:active, ul.menu li.active a:visited {} ul.menu li.active a:hover {} ul.menu li.active a span {} /* !1st Level > Seperator */ ul.menu li span.separator {} ul.menu li span.separator span {} /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 0; list-style: none; } ul.menu li ul li { margin: 0; padding: 0; list-style: none; } ul.menu li ul li a, ul.menu li ul li a:active, ul.menu li ul li a:visited, ul.menu li.active ul li a, ul.menu li.active ul li a:active, ul.menu li.active ul li a:visited { color: #fff; padding: .6em 12px .6em 12px; background: #6d677c url(../images/sm-a.png) repeat-x; font-size: 13px; line-height: 1.4em; font-weight: bold; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #fff; background: #6d677c url(none); } ul.menu li ul li a span {} /* !2nd Level > Parent (has sub items) */ ul.menu li.active ul li.parent a {} ul.menu li.active ul li.parent a:hover {} ul.menu li.active ul li.parent a span {} /* !2nd Level > Active */ ul.menu li.active ul li.active a, ul.menu li.active ul li.active a:active, ul.menu li.active ul li.active a:visited { color: #fff; } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} /* !2nd Level > Seperator */ ul.menu li ul li span.separator {} ul.menu li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul { background: #fff; padding: .6em 0; } ul.menu li ul li ul li {} ul.menu li ul li ul li a, ul.menu li ul li ul li a:active, ul.menu li ul li ul li a:visited, ul.menu li.active ul li.active ul li a, ul.menu li.active ul li.active ul li a:active, ul.menu li.active ul li.active ul li a:visited { color: #333; margin: 0px; background: url(none); padding: .3em 12px .3em 12px; } ul.menu li ul li ul li a:hover, ul.menu li.active ul li.active ul li a:hover { color: #666; text-decoration: underline; } ul.menu li.active ul li.active ul li a span {} /* !3rd Level > Parent (has sub items) */ ul.menu li.active ul li.active ul li.parent a {} ul.menu li.active ul li.active ul li.parent a:hover {} ul.menu li.active ul li.active ul li.parent a span {} /* !3rd Level > Active */ ul.menu li.active ul li.active ul li.active a, ul.menu li.active ul li.active ul li.active a:active, ul.menu li.active ul li.active ul li.active a:visited {} ul.menu li.active ul li.active ul li.active a:hover {} ul.menu li.active ul li.active ul li.active a span {} /* !3rd Level > Seperator */ ul.menu li ul li ul li span.separator {} ul.menu li ul li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !4th Level */ ul.menu li ul li ul li ul { background: #fff; padding: 0 0 0 20px; } /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Footer */ /* ----------------------------------------------------------------------*/ ul.menu-fm { margin: 0; padding: 0; height: 1%; } ul.menu-fm li { margin: 0; padding: 0; display: inline; background: none; border-right: 1px solid #736990; line-height: normal; height: auto; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited { padding: 0 10px; display: inline; color: #4b4164; font-weight: bold; font-size: 11px; line-height: normal; text-decoration: none; text-transform: uppercase; } ul.menu-fm li a:hover { color: #4b4164; text-decoration: underline; } ul.menu-fm li.active a {} ul.menu-fm li.last-item { border: none !important; } ul.menu-fm li span.separator {} ul.menu-fm li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Login */ /* ----------------------------------------------------------------------*/ ul.menu-fm2 { margin: 0; padding: 0; height: 1%; } ul.menu-fm2 li { margin: 0; padding: 0; display: inline; background: none; border-left: 1px solid #736990; line-height: normal; height: auto; padding-top: 2px;} ul.menu-fm2 li a, ul.menu-fm2 li a:active, ul.menu-fm2 li a:visited { padding: 0 10px; display: inline; color: #4b4164; font-weight: bold; font-size: 11px; line-height: normal; text-decoration: none; text-transform: uppercase; } ul.menu-fm2 li a:hover { color: #4b4164; text-decoration: underline; } ul.menu-fm2 li.active a {} ul.menu-fm2 li.last-item { } ul.menu-fm2 li span.separator {} ul.menu-fm2 li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Global */ /* ----------------------------------------------------------------------*/ ul.menu-gm { margin: 0; padding: 0; height: 1%; } ul.menu-gm li { margin: 0; padding: 0 0 0 14px; display: inline; background: none; line-height: normal; height: auto; } ul.menu-gm li a, ul.menu-gm li a:active, ul.menu-gm li a:visited { display: inline; color: #fff; font-weight: normal; font-size: 10px; line-height: normal; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; } ul.menu-gm li a:hover { color: #fff; text-decoration: underline; } ul.menu-gm li.active a {} ul.menu-gm li.last-item {} ul.menu-gm li span.separator {} ul.menu-gm li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Language */ /* ----------------------------------------------------------------------*/ ul.menu-lm { margin: 0; padding: 0; height: 1%; } ul.menu-lm li { margin: 0; padding: 0 0 0 5px; display: block; float: left; background: none; line-height: 1.0em; height: auto; } ul.menu-lm li a, ul.menu-lm li a:active, ul.menu-lm li a:visited { display: block; color: #fff; padding: 4px 6px 4px 6px; background: #8b8697; border: 1px solid #cbc8d0; font-weight: bold; font-size: 10px; line-height: 1.0em; text-decoration: none; text-transform: uppercase; } ul.menu-lm li a:hover { color: #fff; text-decoration: underline; } ul.menu-lm li.active a {} ul.menu-lm li.last-item {} ul.menu-lm li span.separator {} ul.menu-lm li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ #ja-cssmenu { margin: 0; padding: 0; position: relative; z-index: 1000; _width: 720px; } #ja-cssmenu ul { margin: 0; padding: 0; z-index: 1000; } #ja-cssmenu li { margin: 0 1px 0 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; height: auto; border-bottom: 1px solid #fff; } #ja-cssmenu ul a { width: 157px; z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ } /* !2nd Level */ #ja-cssmenu li ul { width: 219px; position: absolute; left: -999em; height: auto; z-index: 1000; } #ja-cssmenu li li { padding: 0; margin: 0; width: 219px; } /* !3rd Level */ #ja-cssmenu li ul ul { margin: -33px 0 0 219px; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* !STYLE: 1st Level */ /* ------------------------------------------------------ */ #ja-cssmenu li a { display: block; text-decoration: none; line-height: 33px; padding: 0 24px; color: #fff; font-size: 14px; font-weight: bold; background: url(../images/mm-a.png) repeat-x left top; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color: #fff; background-position: right bottom; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechildsfhover, #ja-cssmenu li.havechild-activesfhover { color: #fff; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #fff; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ #ja-cssmenu li ul { background: #8d7d52; } #ja-cssmenu li ul li { background: none; } #ja-cssmenu li ul a { margin: 0; padding: 10px 40px 10px 22px; line-height: 1.5em; background: none; color: #fff; font-weight: bold; font-size: 12px; } /* !LI with subitems, want to show arrow */ #ja-cssmenu li.havesubchild {} #ja-cssmenu li.havesubchild:hover { background: #615129; } /*! LI active state, want to show arrow */ #ja-cssmenu li.havesubchild-active {} #ja-cssmenu li.havesubchild-active:hover { background: #615129; } #ja-cssmenu li.havesubchildsfhover:hover, #ja-cssmenu li.havesubchild-activesfhover:hover, #ja-cssmenu ul ul li.havesubchildsfhover:hover, #ja-cssmenu ul ul li.havesubchild-activesfhover:hover { background: #615129; } #ja-cssmenu li.havesubchildsfhover, #ja-cssmenu li.havesubchild-activesfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover { background: #615129; color: #fff; position: static; } /* !LI active state */ #ja-cssmenu ul li.active, #ja-cssmenu ul li.active:hover, #ja-cssmenu ul li.active:active, #ja-cssmenu ul li.active:focus, #ja-cssmenu ul li.activesfhover, #ja-cssmenu ul li.activesfhover:hover, #ja-cssmenu ul li.activesfhover:active, #ja-cssmenu ul li.activesfhover:focus {} /* !LINK active state */ #ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading { color: #907017; font-weight: bold; font-size: 1.9em; } h1.componentheading span.subheading { color: #907017; } /* !Article Heading */ .article-title { margin-bottom: 0px; position: static; } .article-title h2.contentheading { color: #907017; font-weight: bold; font-size: 1.9em; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited {} .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title h2.chBtns-icons {} .article-title h2.chBtns-text { margin-right: 120px; } .article-title h2.chBtns-none {} .article-title .buttonheading { top: 12px; position: absolute; right: 20px; } .article-title .buttonheading img {} .article-title .buttonheading span {} .article-title .bhBtns-icons span.btn {} .article-title .bhBtns-text span.btn { font-size: 10px; line-height: 1.0em; text-transform: uppercase; padding-left: 6px; } .article-title .bhBtns-text span.btn a { text-decoration: none; padding: 6px 0px 6px 20px; } .article-title .bhBtns-text span.btn a:hover { text-decoration: underline; } .article-title .bhBtns-text span.btnEmail a { background: url(../images/emailButton.png) no-repeat left center; } .article-title .bhBtns-text span.btnPrint a { background: url(../images/printButton.png) no-repeat left center; } /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta, .item-meta { color: #525b48; } .article-meta-wrap, div.metadata, span.small {} .article-meta-content {} .article-meta-content span {} .article-meta-content span strong, div.metadata span.author-name, span.title span.count, span.small strong, .item-meta strong { color: #525b48; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content { margin: .4em 0; } .article-content img {} /* !Separators */ span.article_separator {} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border-color: #ab944b; } /* !Table of Contents */ table.contenttoc {} table.contenttoc a {} table.contenttoc td {} table.contenttoc th { border-color: #ab944b; } table.contenttoc a.active {} /* !Blog Table */ table.blog tr td div.contentpaneopen {} table.blog tr td.article_column {} table.blog tr td.column_separator {} table.blog span.article_separator {} table.blog h2.contentheading {} table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} table.blog .article-title { position: relative; } table.blog .article-title .buttonheading { top: 0px; right: 0px; } table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} /* !Blog More */ .compBlogMore-wrap { border-color: #ab944b; } .compBlogMore-content {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited {} a.readon:hover {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL thead th {} table.resultsTBL thead th a, table.resultsTBL thead th a:active, table.resultsTBL thead th a:visited {} table.resultsTBL thead th a:hover {} table.resultsTBL ul.tdList-horz li span {} table.resultsTBL ul.tdList-horz li span label {} /* !Results Table: Alternating Row Colors for Tables, Comments, etc. */ table.resultsTBL tr.row1 td, .odd {} table.resultsTBL tr.rowTitle1 td {} table.resultsTBL tr.row2 td, .even {} table.resultsTBL tr.rowTitle2 td {} table.resultsTBL tr.row1:hover td, table.resultsTBL tr.row2:hover td, .odd:hover, .even:hover {} table.resultsTBL tr.rowTitle1:hover td, table.resultsTBL tr.rowTitle2:hover td {} /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #ab944b; } ul.pagination li {} ul.pagination li span {} ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff {} ul.pagination a, ul.pagination a:active, ul.pagination a:visited {} ul.pagination a:hover {} /* !Poll Table Bars */ .polls_color_1 {} .polls_color_2 {} .polls_color_3 {} .polls_color_4 {} .polls_color_5 {} /* !Section Containers */ .compSect-wrap {} .compSect-title {} .compSect-title a, .compSect-title a:active, .compSect-title a:visited {} .compSect-title a:hover {} .compSect-title h3 {} .compSect-title h3 span {} .compSect-title h3 span.sub { color: #999; font-size: .8em; } .compSect-title-link h3 {} .compSect-title-link h3 a, {} .compSect-title-link h3 a:active, {} .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} .compSect-contentwrap {} .compSect-contentwrap fieldset {} .compSect-content { color: #3d3630; } .compSectBtns-wrap {} .compSectBtns-contentwrap {} .compSectBtns-content {} /* !Section Internal Containers */ .compSectInt-wrap {} .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited {} .compSectInt-title a:hover {} .compSectInt-title h3 {} .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited {} .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap {} .compSectInt-contentwrap fieldset {} .compSectInt-content {} /* !Section Containers Content & Forms */ .compSect-content label.desc {} .compSect-content label.descLrg {} .compSect-content label.desc span.subLBL {} .compSect-content label.choice, .compSect-content li div label, .compSect-content li span label { color: #525b48; } .compSect-content li.section, .compSect-content li.sectionInstruct, .compSect-content li.border-top { border-color: #ab944b; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} .compResNavPgr-wrap {} .compResNavCtr-wrap {} /* !Tool Bar */ .compToolBar-wrap { border-color: #333; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #907018; border-color: #907018; color: #fff; } .compToolBar-content ul li a:hover { background: #543d0b; color: #fff; } .compToolBar-content ul li {} .compToolBar-content ul li.first {} .compToolBar-content ul li.last {} .compToolBar-content ul li.left {} .compToolBar-content ul li.right {} .compToolBar-content ul li.active a { background: #333; border-color: #333; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f4f0c8; border-color: #f4f0c8; color: #ab944b; } /* !Nav Bar */ .compNavBar-wrap { border-color: #ab944b; } .compNavBar-content {} .compNavBar-content ul {} .compNavBar-content ul li {} .compNavBar-content ul li.first {} .compNavBar-content ul li.last a {} .compNavBar-content ul li.active a { color: #000; text-decoration: underline; } .compNavBar-content ul li.disabled a { color: #ab944b; text-decoration: none; } .compNavBar-content ul li a { border-color: #ab944b; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Nav Bar: Specific Link Types */ a.nbPubLink {} a.nbUnpubLink {} a.nbRemoveLink {} a.nbBackLink {} a.nbEditLink {} a.nbNewLink {} a.nbViewLink {} a.nbExportLink {} /* !Title Bar */ .compTitleBar-wrap {} .compTitleBar-content {} .compTitleBar-content ul {} .compTitleBar-content ul li {} .compTitleBar-content ul li.first {} .compTitleBar-content ul li.last {} .compTitleBar-content ul li.last a {} .compTitleBar-content ul li.active a { color: #000; text-decoration: underline; } .compTitleBar-content ul li.disabled a { color: #ab944b; text-decoration: none; } .compTitleBar-content ul li a { border-color: #ab944b; } .compTitleBar-content ul li.left {} .compTitleBar-content ul li.right {} /* !Title Bar: Specific Link Types */ a.cstPubLink {} a.cstUnpubLink {} a.cstRemoveLink {} a.cstBackLink {} a.cstditLink {} a.cstNewLink {} a.cstViewLink {} a.cstExportLink {} /* !Stats Box */ .compBox-wrap { border-color: #ab944b; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #ab944b; background: #fefad0; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #ab944b; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #525b48; background: #fefad0; } .compConRating-content {} /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #333; font-family: Helvetica, Arial, sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus { background: #FFFFCC; } input.checkbox, input.radio { color: #ab944b; } /* !Form: Main Button */ button.button { color: #fff; background: #907017; border: 1px solid #fff; font-size: .85em; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; font-weight: bold; font-family: Helvetica, Arial, sans-serif; } button.button:hover, button.button:focus { background: #543d0b url(none); } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #92744C; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #92744C; } span.linkOptions a:hover { color: #333; } /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #C4A67E; } .gallery-flickr-link { font-weight: bold; } /* !Item Actions */ div.item-actions {} div.item-actions div.ia {} a.ia-link, a.ia-link:active, a.ia-link:visited { color: #fff; background-color: #006699; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; } a.ia-link:hover { color: #fff; background-color: #333; text-decoration: none; } a.ia-link.active { background-color: #333; color: #ab944b; } /* !Modal Popups */ .modal-hdr { background-color: #92744C; } .modal-title {} .modal-title h1.modaltitle {} .modal-toolbar {} .modal-toolbar button.button {} .modal-toolbar span {} .modal-content {} /* !Calendar Monthly Layout */ .cal-monthTBL th.cal-wdHead { color: #fff; border-color: #3d3630; background: #3d3630; } .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty { border-color: #ab944b; height: 110px; } .cal-monthTBL td.cal-wd { color: #3d3630; background-color: #f4f0c8; } .cal-monthTBL td.cal-wdEmpty { color: #ab944b; background-color: #fefad0; } .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL .cal-wdNum a { color: #3d3630; } .cal-monthTBL .cal-wdNum a:hover { color: #3d3630; } .cal-monthTBL .cal-today { background-color: #EAEEF4 !important; } .cal-monthTBL .cal-wdPopup { border-color: #ab944b; background-color: #fff; } .cal-monthTBL .cal-wdPopup .cal-num {} .cal-monthTBL .cal-closeBtn {} .cal-monthTBL .cal-event {} .cal-monthTBL .cal-eventSingle {} .cal-monthTBL .cal-eventTitle {} .cal-monthTBL .cal-eventDate { color: #7EAC2F; } .cal-monthTBL .meta-line { color: #3D3630; } .cal-monthTBL .cal-eventMultiStart, .cal-monthTBL .cal-eventMultiMiddle, .cal-monthTBL .cal-eventMultiEnd {} .cal-monthTBL .cal-eventMultiStart .cal-eventInfo, .cal-monthTBL .cal-eventMultiMiddle .cal-eventInfo, .cal-monthTBL .cal-eventMultiEnd .cal-eventInfo { background-color: #fefad0; } .cal-monthTBL .cal-eventMultiStart {} .cal-monthTBL .cal-eventMultiEnd {} /* !Calendar Monthly Navigation */ .compCalMonthNav-wrap { border-color: #ab944b; } .compCalMonthNav-content {} .cal-monthNavTBL {} .cal-monthNavTBL .cal-year, .cal-monthNavTBL .cal-month {} .cal-monthNavTBL em.arrow {} .cal-monthNavTBL a { text-decoration: none !important; } .cal-monthNavTBL td {} .cal-monthNavTBL td.cal-navmonthPrev {} .cal-monthNavTBL td.cal-navmonthNext {} .cal-monthNavTBL td.cal-navthismonth {} .cal-monthNavTBL .cal-prevyear, .cal-monthNavTBL .cal-prevmonth {} .cal-monthNavTBL .cal-nextyear, .cal-monthNavTBL .cal-nextmonth {} .cal-monthNavTBL .cal-thismonth {} /* !Mapper */ .com_sbxMapper .gmap-locBalloon h6, .com_sbxMapper .gmap-locBalloon h6 a { color: #5b91e5; text-decoration: none; font-weight: bold; } .com_sbxMapper .locAttribsBox { background-color: #F6F3EF; } .sbxMapper-map #mapper-gmapResults { background: #F6F3EF; } .sbxMapper-map #results-head { background: #3D3630; } .sbxMapper-map #results-headTtl h4 { color: #fff; } .sbxMapper-map #results-headPgr { border-color: #C4A67E; } .sbxMapper-map #results-headPgr a, .sbxMapper-map #results-headPgr a:active, .sbxMapper-map #results-headPgr a:visited { color: #fff; } .sbxMapper-map #results-headPgr a:hover { color: #ab944b; } .sbxMapper-map .result-locActive { background: #EAEEF4; } .sbxMapper-loc .loc-address .cat { color: #C4A67E; } .sbxMapper-loc .loc-address .cat .title { color: #92744C; } .sbxMapper-loc .locAddressMap { display: none; } .sbxMapper-loc .locDesc { margin-top: 0 !important; } .sbxMapper-map .gmap-locBalloon ul.loc-attribsList li a.ia-link { font-size: 10px; display: inline; } .sbxMapper-loc #sectLocDesc-title { display: none; } /* !Events */ .sbxMapper-loc .loc-address .addy { font-size: 1em !important; color: #92744C; } .sbxMapper-loc .page-content { position: relative; padding-bottom: 100px; } .sbxMapper-loc .locAttribs { position: absolute; left: 0px; bottom: 0px; width: 100%; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: TYPOGRAPHY */ /* ----------------------------------------------------------------------*/ /* !Title */ h3.sbxMod-title {} /* !Mod Content Containers */ .sbxMod-content {} /* !Link */ .sbxMod-content a, .sbxMod-content a:active, .sbxMod-content a:visited {} .sbxMod-content a:hover {} /* !Heading */ .sbxMod-content h4, .sbxMod-content h5, .sbxMod-content h6 {} .sbxMod-content h4 {} .sbxMod-content h5 {} .sbxMod-content h6 {} /* !Type margin.padding */ .sbxMod-content p, .sbxMod-content pre, .sbxMod-content code, .sbxMod-content blockquote, .sbxMod-content ul, .sbxMod-content ol, .sbxMod-content table.tableStyle {} /* !Unordered Lists */ .sbxMod-content ul {} .sbxMod-content ul li {} .sbxMod-content ul.plainList {} .sbxMod-content ul.plainList li {} /* !Ordered Lists */ .sbxMod-content ol {} .sbxMod-content ol li {} /* !Definition Lists */ .sbxMod-content dl {} .sbxMod-content dl dt {} .sbxMod-content dl dd {} /* !HR */ .sbxMod-content hr {} /* !Code Highlight */ .sbxMod-content pre {} .sbxMod-content code {} /* !Blockquote */ .sbxMod-content blockquote {} /* !Address */ .sbxMod-content address {} /* !Sup/Subscript */ .sbxMod-content sup, .sbxMod-content sub {} /* !Sample */ .sbxMod-content samp {} /* !Table */ .sbxMod-content table.tableStyle {} .sbxMod-content table.tableStyle thead th {} .sbxMod-content table.tableStyle thead th a, .sbxMod-content table.tableStyle thead th a:active, .sbxMod-content table.tableStyle thead th a:visited {} .sbxMod-content table.tableStyle thead th a:hover {} .sbxMod-content table.tableStyle tr td {} .sbxMod-content table.tableStyle tr.row1 td {} .sbxMod-content table.tableStyle tr.row2 td {} .sbxMod-content table.tableStyle tr.row1:hover td, .sbxMod-content table.tableStyle tr.row2:hover td {} .sbxMod-content table.tableStyle caption {} /* !Img */ .sbxMod-content img.imgLeft {} .sbxMod-content img.imgRight {} .sbxMod-content img.imgLeftBorder {} .sbxMod-content img.imgRightBorder {} .sbxMod-content img.noBorder {} .sbxMod-content img.imgBorder {} /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ div.sbxModTable { padding: 18px 0 0 0; } div.sbxModTable h3 { color: #4b4164; font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #4b4164; text-transform: none; margin: 0 0 6px 0; padding: 0; } div.sbxModTable h3 span {} div.sbxModTable-rNews { padding: 15px; margin-top: 18px; border: 1px solid #907017; font-size: .9em; background: #F6F4E6; } div.sbxModTable-rNews h3 { color: #907017; font-size: 1.4em; font-weight: bold; text-transform: none; margin: 0 0 6px 0; padding: 0; } div.sbxModTable-rNews h3 span {} div.sbxModTable-pc { padding: 15px; margin-top: 18px;font-size: .9em; background: #907017; color: #fff; font-weight: bold; } div.sbxModTable-pc h3 { color: #E8E4BE; font-size: 1.4em; font-weight: bold; text-transform: none; margin: 0 0 6px 0; padding: 0; } div.sbxModTable-pc h3 span {} div.sbxModTable-pc a { color: #fff; font-size: .8em; font-weight: normal; } div.sbxModTable-pc a:hover { color: #fff; text-decoration: underline; } div.sbxModTable-pc p { font-size: 1.2em; margin-bottom: 0px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule */ /* ----------------------------------------------------------------------*/ div.sbxModule { background: url(../images/b-br.gif) no-repeat right bottom; margin-bottom: 20px; float: left; clear: both; width: 100%; overflow: hidden; } /* BR */ div.sbxModule h3 { color: #902FAB; font-size: 1.2em; font-weight: bold; text-transform: none; margin: 0 0 10px; padding: 0px 0px 5px; height: 1%; } div.sbxModule h3 span { display: block; } div.sbxModule div.bl { background: url(../images/b-bl.gif) no-repeat left bottom; padding: 0px; } div.sbxModule div.tr { background: url(../images/b-tr.gif) no-repeat right top; padding: 0px; } div.sbxModule div.tl { background: url(../images/b-tl.gif) no-repeat left top; padding: 15px; } div.sbxModule div.sbxMod-content { margin: 0; padding: 0; float: none; width: 99%; background: none; } .sbxModTable-np { margin-bottom: 20px; background: #F2EFD9; padding: 15px; } .sbxModTable-np h3 { padding-bottom: 6px; margin-bottom: 2px; margin-top: 0px; border-bottom: 2px solid #fff; color: #535D49; } .sbxModTable-np .mod-item { border-bottom: 1px solid #fff; padding: .8em 0; } .sbxModTable-np .mod-item:last-child { border: none; } .sbxModTable-np .item-title { font-size: 1.1em; } .sbxModTable-badge { background: #fff; padding: 10px; margin-top: 8px; } ul.compList-formHorz li div span.full input, ul.compList-formHorz li div span.full select, ul.compList-formHorz li div span.left input, ul.compList-formHorz li div span.right input, ul.compList-formHorz li div span.left select, ul.compList-formHorz li div span.right select { width: 100%; } ul.compList-formHorz li label.desc { float: left; } ul.compList-formHorz li label.descLrg { font-size: 1.2em; } div.pageEdit { display: none !important; }