/*------------------------------------------------------------------------ # 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: #002447; } /* !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 {} /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #sbx-wrapper { width: 100%; margin: 0; padding: 0 0 20px 0; position: relative; } /* !Common */ .sbx-cw { background: #fcfcfc; } #sbx-top, #sbx-header, #sbx-ticker, #sbx-footer, #sbx-mainnav, #sbx-container { width: 1170px; margin: 0 auto; } /* !3 Column & Common */ #sbx-containerwrap {} #sbx-containerwrap2 {} #sbx-container {} #sbx-container2 { padding: 26px 0 0 0; } #sbx-mainbody {} #sbx-content {} /* !Full */ #sbx-containerwrap-f {} #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 {} #sbx-containerwrap-fl #sbx-containerwrap2, #sbx-containerwrap-fl #sbx-container, #sbx-containerwrap-fl #sbx-container2 {} #sbx-mainbody-fl { width: 878px; display: inline; float: left; } #sbx-mainbody-fl #sbx-content { padding: 0 80px 0 0; } /* !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: 292px; display: inline; float: left; overflow: hidden; } #sbx-rightCol-inner {} #sbx-leftCol .article_separator, #sbx-rightCol .article_separator { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #sbx-topwrap { background: #003366; height: 45px; position: relative; z-index: 999; } #sbx-top { height: 45px; position: relative; z-index: 999; } #sbx-headerwrap { background: url(../images/headerwrap-bg.png) repeat-x; height: 115px; position: relative; } #sbx-header { height: 115px; position: relative; background: url(../images/header-bg.png) no-repeat center top; } h1.logo { margin: 0; padding: 0; font-size: 1.8em; text-transform: uppercase; position: absolute; top: 29px; left: 0px; } h1.logo a { width: 302px; height: 57px; display: block; background: url(../images/PJlogowhite.png) no-repeat left center; z-index: 100; } h1.logo a span { position: absolute; top: -1000px; } span.tagline { position: absolute; right: 0px; top: 44px; width: 474px; height: 29px; display: block; background: url(../images/txt-tagline.png) no-repeat; text-indent: -9999px; } .mod-search { position: absolute; right: 0px; top: 10px; width: 234px; height: 26px; background: url(../images/search-bg.png) no-repeat; } .mod-search form { padding: 3px; } .mod-search #mod_search_searchword { width: 150px !important; border: none; margin: 0px; padding: 3px 0 0 3px; color: #e57e00; background: none; font-size: 11px; font-family: Helvetica, Arial, FreeSans, sans-serif; } .mod-search button.button { float: right; width: 60px; height: 20px; margin: 0px; padding: 0px; background: url(../images/search-btn.png) no-repeat left top; border: none; text-indent: -9999px; } .mod-search button.button:hover { background: url(../images/search-btn.png) no-repeat left bottom; } #sbx-bannerwrap { background: #003366; height: 383px; position: relative; background: url(../images/banner-bg.jpg) repeat-x; } #sbx-banner { width: 1175px; height: 383px; position: relative; margin: 0px auto; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-tickerwrap { clear: both; } #sbx-ticker { height: 42px; text-align: center; vertical-align: middle; color: #fff; font-size: 12px; line-height: 1.0em; font-family: Helvetica, Arial, FreeSans, sans-serif; } #sbx-ticker img { vertical-align: middle; border: 1px solid #405a74; } #sbx-ticker p { margin: 0px; padding: 8px 0 0 0; } #sbx-footerwrap { clear: both; font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 11px; line-height: 1.6em; } #sbx-footer { color: #b2d1e7; position: relative; padding: 24px 0 10px 0px; } .sbxModTable-addy { float: left; width: 292px; } .sbxModTable-addy h3 { font-size: 13px; line-height: 1.3em; font-weight: bold; color: #b2d1e7; margin: 0 0 1px 0; } .sbxModTable-addy p { margin: 0px; } .sbxModTable-fm { float: left; width: 586px; } .sbxModTable-fm h3 { font-size: 13px; line-height: 1.3em; font-weight: bold; color: #b2d1e7; margin: 0 0 4px 0; } .sbxModTable-fb { float: left; width: 292px; } a#btn-fb { display: block; width: 138px; height: 31px; background: url(../images/btn-fb.png) no-repeat left top; } a#btn-fb:hover { background-position: left bottom; } a#btn-fb span { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #sbx-pathway { font-size: .8em; font-weight: bold; color: #979797; padding: 24px 20px 0px 0px; font-family: Helvetica, Arial, FreeSans, sans-serif; } #sbx-pathway .mod-breadcrumbs {} #sbx-pathway .mod-breadcrumbs span.pathway a, #sbx-pathway .mod-breadcrumbs span.pathway a:active, #sbx-pathway .mod-breadcrumbs span.pathway a:visited { color: #336396; } #sbx-pathway .mod-breadcrumbs span.pathway a:hover { color: #90af00; } #sbx-pathway .mod-breadcrumbs span.pathway img { width: 3px; height: 6px; margin: 0px 4px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 1px 0 0; list-style: none; border-top: 1px dotted #ccc; } ul.menu li { margin: 0 !important; padding: 0 !important; background: none !important; } ul.menu li a, ul.menu li a:active, ul.menu li a:visited { line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; } ul.menu li a:hover { background: #fff; 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 { color: #7ba566; background: #fff; font-weight: bold; border-bottom: 1px dotted #ccc; text-decoration: none; } ul.menu li.active a:hover {} ul.menu li.active a span {} /* !1st Level > Seperator */ ul.menu li span.separator { color: #666; line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; } ul.menu li span.separator span {} /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 0; list-style: none; } ul.menu li ul li { padding: 0 0 0 15px !important; 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: #006699; background: none !important; font-size: .9em; font-weight: normal; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #333; } 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 { font-weight: normal; color: #333; } 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 { color: #666; background: none !important; font-size: .9em; font-weight: normal; } ul.menu li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul {} 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: #006699; font-weight: normal; } ul.menu li ul li ul li a:hover, ul.menu li.active ul li.active ul li a:hover { color: #333; } 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 { font-weight: normal; color: #333; } 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 {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Footer */ /* ----------------------------------------------------------------------*/ ul.menu-fm { margin: 0; padding: 0; height: auto; } ul.menu-fm li { margin: 0; padding: 0; display: block; background: none; line-height: normal; float: left; width: 150px; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited { padding: 0 0 6px 0; display: block; color: #dae0bc; line-height: normal; } ul.menu-fm li a:hover { color: #90af00; } ul.menu-fm li.active a {} ul.menu-fm li.last-item {} ul.menu-fm li span.separator {} ul.menu-fm li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ #ja-cssmenu { margin: 0; padding: 0; position: relative; z-index: 1000; float: left; } #ja-cssmenu ul { margin: 0; padding: 0; z-index: 1000; } #ja-cssmenu li { margin: 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; } #ja-cssmenu ul a { width: 166px; 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: 194px; position: absolute; left: -999em; height: auto; z-index: 1000; } #ja-cssmenu li li { padding: 0; margin: 0; width: 188px; } /* !3rd Level */ #ja-cssmenu li ul ul { margin: -28px 0 0 189px; } #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 { padding: 9px 6px 0px 6px; background: url(../images/mm-div.png) no-repeat right top; } #ja-cssmenu li a { display: block; text-decoration: none; padding: 8px 12px; color: #dae0bc; font-size: 13px; line-height: 13px; font-weight: normal; text-transform: uppercase; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color: #fff; background: #90af00; } #ja-cssmenu li a span { line-height: 13px; } #ja-cssmenu li.last-item { background: none; } #ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a { color: #fff !important; background: #90af00; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #90af00; } #ja-cssmenu li a.active:hover { color: #fff; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ #ja-cssmenu li ul { background: url(../images/mm-sl-bg.png) no-repeat left bottom; padding: 0 0 10px 0; margin: 0 0 0 -1px; } #ja-cssmenu li ul li { height: auto; margin: 0 0 0 2px; border-top: 1px solid #9bb71a; border-bottom: 1px solid #819d00; background: none; } #ja-cssmenu li ul li.first-item { border-top: none; } #ja-cssmenu li ul li.last-item { border-bottom: none; } #ja-cssmenu li ul a { margin: 0; padding: 7px 10px; line-height: normal; background: none !important; color: #fff; font-weight: normal; font-size: 13px; text-transform: none; } #ja-cssmenu li ul a span { background: none !important; } /* !LI with subitems, want to show arrow */ #ja-cssmenu li.havesubchild { /*background: url(../images/mm-arrow.png) no-repeat 94% 50%;*/ } #ja-cssmenu li.havesubchild:hover { /*background: url(../images/mm-arrow.png) no-repeat 94% 50%;*/ } /*! LI active state, want to show arrow */ #ja-cssmenu li.havesubchild-active { /*background: url(../images/mm-arrow.png) no-repeat 94% 50%;*/ } #ja-cssmenu li.havesubchild-active:hover { /*background: url(../images/mm-arrow.png) no-repeat 94% 50%;*/ } #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: url(../images/mm-arrow.png) no-repeat 94% 50%;*/ } #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 { color: #0d2f50 !important; 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 { color: #003366; } /* !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 { color: #003366 !important; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .page-desc { margin-bottom: 2em; } /* !Component Heading */ h1.componentheading { color: #90af00; font-size: 36px; line-height: 1.1em; font-weight: bold; padding: 0px; margin-bottom: .4em; } h1.componentheading span.subheading { color: #666; } /* !Blog Content Heading */ table.blog h2.contentheading { font-size: 1.8em; margin-bottom: .3em; } /* !Article Heading */ .article-title {} .article-title h2.contentheading { color: #90af00; font-size: 36px; line-height: 1.1em; font-weight: bold; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited { color: #90af00; } .article-title h2.contentheading a:hover { color: #90af00; } .article-title h2.contentheading span.subheading {} .article-title h2.chBtns-icons {} .article-title h2.chBtns-text {} .article-title h2.chBtns-none {} .article-title .buttonheading {} .article-title .buttonheading img {} .article-title .buttonheading span {} .article-title .bhBtns-icons span.btn {} .article-title .bhBtns-text span.btn {} /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta, .item-meta { color: #979797; } .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: #979797; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content {} .article-content img {} /* !Separators */ span.article_separator {} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border-color: #f2f2f2; } /* !Table of Contents */ table.contenttoc {} table.contenttoc a {} table.contenttoc td {} table.contenttoc th { border-color: #ccc; } 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 { background: url(../images/div.png) no-repeat left center; } table.blog h2.contentheading { color: #045a9a; } 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 { margin: 0 0 0 0; } table.blog .article-title .buttonheading {} table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content { margin: 0 0 0 0; } table.blog .article-content p { margin: 0 0 .4em 0; } table.blog .article-content img {} table.blog .article-meta-wrap, table.blog .article-meta-wrap strong { color: #b4d6fa; text-transform: uppercase; font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 10px; font-weight: bold; } table.blog tr td.article_column span.article_separator:last-child { background: none !important; } /* !Blog More */ .compBlogMore-wrap { border-color: #ccc; } .compBlogMore-content {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited { font-size: .87em; font-family: Helvetica, Arial, FreeSans, sans-serif; } 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: #f3ca97; } 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 {} .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: #979797; } .compSect-content li.section, .compSect-content li.sectionInstruct, .compSect-content li.border-top { border-color: #f3ca97; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} .compResNavPgr-wrap {} .compResNavCtr-wrap {} /* !Tool Bar */ .compToolBar-wrap { border-color: #003366; font-size: .9em; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #f3ca97; border-color: #f3ca97; } .compToolBar-content ul li a:hover { background: #90af00; border-color: #90af00; 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: #003366; border-color: #003366; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f2f2f2; border-color: #f2f2f2; color: #f3ca97; } /* !Nav Bar */ .compNavBar-wrap { border-color: #f3ca97; } .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: #f3ca97; text-decoration: none; } .compNavBar-content ul li a { border-color: #f3ca97; } .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: #f3ca97; text-decoration: none; } .compTitleBar-content ul li a { border-color: #f3ca97; } .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: #f3ca97; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #f3ca97; background: #f2f2f2; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #045a9a; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #979797; background: #f2f2f2; } .compConRating-content {} /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #3d3630; font-family: Helvetica, Arial, FreeSans, 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: #f3ca97; } /* !Form: Main Button */ button.button { color: #fff; background: #e06600 url(../images/button-bg.gif) repeat-x top; border: 3px solid #f3ca97; font-size: .7em; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; font-family: Helvetica, Arial, FreeSans, sans-serif; } button.button:hover, button.button:focus { background: #e06600 url(none); } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions {} span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active {} span.linkOptions a:hover {} /* !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 span {} div.item-actions span a, div.item-actions span a:active, div.item-actions span a:visited { color: #fff; background-color: #006699; } div.item-actions span a:hover { color: #fff; background-color: #333; } div.item-actions span a.active { background-color: #333; color: #ccc; } /* !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: #f3ca97; height: 110px; } .cal-monthTBL td.cal-wd { color: #3d3630; background-color: #f2f2f2; } .cal-monthTBL td.cal-wdEmpty { color: #f3ca97; background-color: #f2f2f2; } .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: #f3ca97; 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: #f2f2f2; } .cal-monthTBL .cal-eventMultiStart {} .cal-monthTBL .cal-eventMultiEnd {} /* !Calendar Monthly Navigation */ .compCalMonthNav-wrap { border-color: #ccc; } .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 {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !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 */ /* ----------------------------------------------------------------------*/ .sbxModTable { background: url(../images/right-div.png) no-repeat left top; padding: 24px 0px; font-size: .87em; clear: both; zoom: 1; } .sbxModTable h3 { color: #025a9a; font-size: 24px; font-weight: bold; margin: 0; padding: 0 0 .8em 0; } .sbxModTable h3 span {} .sbxModTable p.signup { margin: .4em 0 .2em 0; } .noRightDiv { background: none !important; padding-top: 12px !important; } ul.menu-am { margin: 0px; padding: 0px; } ul.menu-am li { margin: .6em 0 0 0; padding: 0; background: none; height: auto; line-height: 1.5em; font-size: 1.4em; margin: 1.1em 0 0 0;} ul.menu-am li a { font-weight: bold; } ul.menu-am li a:after { content: " ยป"; } .sbxModTable ul.menu-terms li.parent span { display: none; } .sbxModTable ul.menu-terms li.parent ul span { display: inline; } .mod-nl { width: 234px; height: 26px; background: url(../images/mod-nl-bg.png) no-repeat; } .mod-nl form { padding: 3px; } .mod-nl #email { width: 150px !important; float: left; border: none; margin: 0px; padding: 3px 0 0 3px; color: #e57e00; background: none; font-size: 11px; font-family: Helvetica, Arial, FreeSans, sans-serif; } .mod-nl button.button { float: right; width: 60px; height: 20px; margin: 0px; padding: 0px; background: url(../images/mod-nl-btn.png) no-repeat left top; border: none; text-indent: -9999px; } .mod-nl button.button:hover { background: url(../images/mod-nl-btn.png) no-repeat left bottom; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-quote */ /* ----------------------------------------------------------------------*/ .sbxModTable-quote { font-size: .87em; background: url(../images/right-div.png) no-repeat left top; padding: 24px 0px; clear: both; zoom: 1; } .sbxModTable-quote .sbxMod-content { background: url(../images/mod-quote-bg.gif) no-repeat left top; } .sbxModTable-quote .dn-introtext { text-indent: 24px; line-height: 1.6em; } .sbxModTable-quote p.author { color: #025a9a; font-style: italic; text-align: right; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-btn */ /* ----------------------------------------------------------------------*/ .sbxModTable-btn { background: url(../images/right-div.png) no-repeat left top; padding: 24px 0px; clear: both; zoom: 1; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULES: Base */ /* ----------------------------------------------------------------------*/ /* !UL Style for default module lists, change them all using this */ ul.mod-list {} ul.mod-list li {} /* !Title and Footer inside content */ h4.mod-contentTitle {} .mod-contentFooter {} /* !Rows */ .modrow1 {} .modrow2 {} /* !MOD Items Classes */ .mod-item .item-title {} .mod-item .item-meta {} .mod-item .meta-line {} .mod-item .meta-line strong {} .mod-item .item-text {} .mod-item .item-text p {} .mod-item .item-more {} .mod-item a.item-readon, .mod-item a.item-readon:active, .mod-item a.item-readon:visited {} .mod-item a.item-readon:hover {} /* ------------------------------------------------------------------------ /* !MODULE: Archive */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Banners */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Breadcrumbs */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Display News */ /* !MODULE: Feed */ /* !MODULE: Newsflash */ /* !MODULE: Comments: Most Commented */ /* !MODULE: Comments: Latest */ /* !MODULE: Comments: Highest Rated */ /* ----------------------------------------------------------------------*/ /* !Module */ .mod-dn {} .mod-dn .dn-module_description {} /* !UL Style */ .mod-dn ul {} .mod-dn ul.dn {} .mod-dn ul li {} .mod-dn ul li.arrow-dn {} /* !Title */ span.dn-head {} span.dn-head span.dn-title {} span.dn-head a.dn-title, span.dn-head a.dn-title:active, span.dn-head a.dn-title:visited {} span.dn-head a.dn-title:hover {} /* !Meta */ .dn-meta {} .dn-catsection {} .dn-createby {} .dn-createdate {} .comments-vote {} .comments-total {} span.dn-section {} span.dn-section a.dn-section, span.dn-section a.dn-section:active, span.dn-section a.dn-section:visited {} span.dn-section a.dn-section:hover {} span.dn-category {} span.dn-category a.dn-category, span.dn-category a.dn-category:active, span.dn-category a.dn-category:visited {} span.dn-category a.dn-category:hover {} span.dn-author {} span.dn-date {} /* !Rating */ .dn-rating {} /* !Content */ span.dn-introtext {} span.dn-introtext p {} /* !Read More */ span.dn-read_more {} span.dn-read_more a.dn-read_more, span.dn-read_more a.dn-read_more:active, span.dn-read_more a.dn-read_more:visited {} span.dn-read_more a.dn-read_more:hover {} /* !Bottom Link */ div.dn-module_link {} a.dn-module_link, a.dn-module_link:active, a.dn-module_link:visited {} a.dn-module_link:hover {} .mod-item .item-title, .mod-itemPlain .item-titleLink, .mod-itemPlain .item-titleText { font-size: 1.2em; } /* ------------------------------------------------------------------------ /* !MODULE: Footer */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Soapbox Slideshow */ /* ----------------------------------------------------------------------*/ /* !Base */ .mod-sbxss .sbxss {} .mod-sbxss .sbxss-slide { background: none; } .mod-sbxss .sbxss-img { width: 443px; height: 323px; position: absolute; right: 0px; bottom: 30px; background: url(../images/sbxss-img.png) no-repeat; } .mod-sbxss .sbxss-img span { width: 424px; height: 305px; margin: 9px 0 0 14px; overflow: hidden; } .mod-sbxss .sbxss-img img { max-width: 100%; } /* !Default Template */ .mod-sbxss .sbxss-default {} /* .mod-sbxss .sbxss-default .sbxss-content-wrap { background: none; width: 570px; height: 383px; } */ .mod-sbxss .sbxss-default .sbxss-content-wrap { background: none; width: 720px; height: 383px; } .mod-sbxss .sbxss-default .sbxss-content { background: none; padding: 48px 0 0 0; } .mod-sbxss .sbxss-default .sbxss-content h2 { font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 42px; font-weight: normal; color: #90af00; } .mod-sbxss .sbxss-default .sbxss-content h2 a { color: #90af00; } .mod-sbxss .sbxss-default .sbxss-content h2 a:hover { color: #90af00; } .mod-sbxss .sbxss-default .sbxss-content h3 {} .mod-sbxss .sbxss-default .sbxss-content span.catsection {} /* .mod-sbxss .sbxss-default .sbxss-content p { color: #fff; font-size: 20px; line-height: 1.5em; font-weight: normal; margin: .6em 0 .2em 0; } */ .mod-sbxss .sbxss-default .sbxss-content p { color: #fff; font-size: 20px; line-height: 1.5em; font-weight: normal; margin: .6em 0 .4em 0; } .mod-sbxss .sbxss-default .sbxss-content img {} /* .mod-sbxss .sbxss-default .sbxss-content a.readon { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; padding: 0px; font-weight: normal; font-size: 14px; } */ .mod-sbxss .sbxss-default .sbxss-content a.readon { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; padding: 0px; font-weight: normal; font-size: 20px; } .mod-sbxss .sbxss-default .sbxss-content a.readon:hover { background: none; } .mod-sbxss .sbxss-default .sbxss-controls { background: none; padding: 0px; position: absolute; left: 0px; bottom:54px; } .mod-sbxss .sbxss-default .sbxss-controls ul {} .mod-sbxss .sbxss-default .sbxss-controls ul li { margin: 0 3px 0 0; } .mod-sbxss .sbxss-default .sbxss-controls ul li a, .mod-sbxss .sbxss-default .sbxss-controls ul li a:hover, .mod-sbxss .sbxss-default .sbxss-controls ul li a.sbxss-pageActive { -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 0px; color: #fff; line-height: 24px; width: 66px; height: 26px; background: transparent url(../images/sbxss-paging.png) no-repeat left top; } .mod-sbxss .sbxss-default .sbxss-controls ul li a {} .mod-sbxss .sbxss-default .sbxss-controls ul li a:hover { background-position: left center; } .mod-sbxss .sbxss-default .sbxss-controls ul li a.sbxss-pageActive { background-position: left bottom; } .mod-sbxss .sbxss-default .sbxss-controls ul li a span {} .mod-sbxss .sbxss-default .sbxss-pagination {} .mod-sbxss .sbxss-default .sbxss-navigation { display: none; } .mod-sbxss .sbxss-default .sbxss-navigation ul li {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a:hover {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-prev, .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-next {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-playPause {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-prev span, .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-next span {} /* ------------------------------------------------------------------------ /* !MOBILE > CTA BUTTONS */ /* ----------------------------------------------------------------------*/ .btn-cta-hotlist, .btn-cta-hiring, .btn-cta-resources { color: #fff; background: #e06600 url(../images/button-bg.gif) repeat-x top; border: 3px solid #f3ca97; font-size: 20px; text-transform: uppercase; padding: 16px 4px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; font-family: Helvetica, Arial; font-weight: 600; width: 100%; } .mobile-cta { background: none; padding: 0px 0px 18px 0px; } /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .btn-cta-hotlist span::before, .btn-cta-hiring span::before, .btn-cta-resources span::before { font-family: FontAwesome; margin-right: 12px; font-weight: 100; } .btn-cta-hotlist span::before { content: "\f002"; } .btn-cta-hiring span::before { content: "\f073"; } .btn-cta-resources span::before { content: "\f02d"; } *, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ------------------------------------------------------------------------ /* !MODULE: Latest News */ /* !MODULE: Taxonomy Latest News */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Login */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Most Read /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Poll */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Related Items */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Search */ /* ----------------------------------------------------------------------*/ .mod-search input#mod_search_searchword {} /* ------------------------------------------------------------------------ /* !MODULE: Sections */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Statistics */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Syndicate */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Who's Online */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Wrapper */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Base */ /* ----------------------------------------------------------------------*/ #page {} /* !Description */ .page-desc {} .page-desc img {} /* !Content */ .page-content {} /* !Error */ .page-error {} /* !Component Heading */ h1.componentheading {} /* !Article Heading */ .article-title {} .article-title h2.contentheading {} .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.chBtns-icons {} .article-title h2.chBtns-text {} .article-title h2.chBtns-none {} .article-title .buttonheading {} .article-title .buttonheading img {} .article-title .buttonheading span {} .article-title .buttonheading span.btnEmail {} .article-title .buttonheading span.btnPDF {} .article-title .buttonheading span.btnPrint {} .article-title .buttonheading span.btnPrintScreen {} .article-title .bhBtns-icons span.btn {} .article-title .bhBtns-text span.btn {} /* !Article Meta */ .article-meta-wrap {} .article-meta-content {} .article-meta-content span {} .article-meta-content span strong {} .article-meta-content span.createby {} .article-meta-content span.createdate {} .article-meta-content span.catsection {} .article-meta-content span.submitby {} /* !Article Meta: Title */ .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Archive > Archived Article List (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Articles > Article > Article Layout (Default) */ /* !PAGE: Formmailer > Article > Article Layout (Default) */ /* ----------------------------------------------------------------------*/ /* !Article Content */ .article-content {} /* !Table of Contents */ table.contenttoc {} table.contenttoc a {} table.contenttoc td {} table.contenttoc th {} table.contenttoc a.active {} /* !Separators */ span.article_separator {} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Category > Category Blog Layout (Default) */ /* !PAGE: Articles > Frontpage > Font Page Blog Layout (Default) */ /* !PAGE: Articles > Section > Section Blog Layout (Default) */ /* !PAGE: Taxonomy > Term > Term Blog Layout (Default) */ /* ----------------------------------------------------------------------*/ /* !Blog Table */ table.blog {} table.blog tr {} table.blog tr td {} table.blog tr td div.contentpaneopen {} table.blog tr td.article_column {} table.blog tr td.column_separator {} /* !Article Title */ 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 {} /* !Article Content */ table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} /* !Separators */ table.blog span.article_separator {} table.blog span.afterdisplay_separator {} /* !Before and After Wrappers */ table.blog .article-beforecontent {} table.blog .article-aftercontent {} /* !Read On Button */ table.blog a.readon, table.blog a.readon:active, table.blog a.readon:visited {} table.blog a.readon:hover {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Section > Section Layout (Default) */ /* !PAGE: Newsfeeds > Section > Section Layout (Default) */ /* !PAGE: Weblinks > Section > Section Layout (Default) */ /* ----------------------------------------------------------------------*/ ul#sectionList li p {} ul#sectionList li a.mainLink, ul#sectionList li a.mainLink:active, ul#sectionList li a.mainLink:visited {} ul#sectionList li a.mainLink:hover {} ul#sectionList li span.small {} ul#sectionList li span.small strong {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Category > Category List Layout (Default) */ /* !PAGE: Contacts > Contact > Category List Layout (Default) */ /* !PAGE: Weblinks > Category > Category List Layout (Default) */ /* !PAGE: Newsfeeds > Category > Category List Layout (Default) */ /* !PAGE: Taxonomy > Term > Category List Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Contacts > Contact > Contact Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.contact-layDefault .marker {} #page.contact-layDefault .marker-icon {} #page.contact-layDefault .marker-text {} #page.contact-layDefault .info {} #page.contact-layDefault .info-icon {} #page.contact-layDefault .info-text {} /* ------------------------------------------------------------------------ /* !PAGE: Newsfeeds > Feed > Individual Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Wrappers > Wrapper > Wrapper Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Mailto > Mailto > Mailto Layout (Default) */ /* !PAGE: Mailto > Mailto > Sent Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Polls > Poll > Poll Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Search > Search Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > Register > Register Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > Remind > Remind Layout (Default) */ /* !PAGE: User > Reset > Reset Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > Login > Login Layout (Default) */ /* !PAGE: User > Login > Logout Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > User > User Layout (Default) */ /* !PAGE: User > User > User Form Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Weblinks > Weblink > Weblink Submit Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Articles > Article > Article Submit Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Xmap > Xmap Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.xmap-layDefault ul {} #page.xmap-layDefault ul li {} #page.xmap-layDefault ul.level_0 {} #page.xmap-layDefault ul.level_0 li {} #page.xmap-layDefault ul.level_1 {} #page.xmap-layDefault ul.level_1 li {} #page.xmap-layDefault ul.level_2 {} #page.xmap-layDefault ul.level_2 li {} #page.xmap-layDefault .active {} #page.xmap-layDefault a img {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !Item Actions */ /*-----------------------------------------------------------------------*/ /* !Item Actions */ div.item-actions-wrap {} div.item-actions {} div.item-actions span {} div.item-actions span a, div.item-actions span a:active, div.item-actions span a:visited {} div.item-actions span a:hover {} /* !Label Item Actions */ div.label-item-actions {} div.label-item-actions span {} /* !TD Item Actions */ div.td-item-actions {} div.td-item-actions span {} /* !Page Item Actions */ div.page-item-actions-wrap {} div.page-item-actions {} div.page-item-actions span {} /* ------------------------------------------------------------------------ /* !SECTION CONTAINERS: Main & Buttons */ /*-----------------------------------------------------------------------*/ /* !Section */ .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 {} .compSect-title-link h3 {} .compSect-contentwrap {} .compSect-contentwrap fieldset {} .compSect-content {} .compSect-content div.botPad {} .compSect-content ul.linksList {} /* !Form Section Buttons */ .compSectBtns-wrap {} .compSectBtns-contentwrap {} .compSectBtns-content {} /* ------------------------------------------------------------------------ /* !SECTION CONTAINERS: Error & Success */ /*-----------------------------------------------------------------------*/ /* !Error Notice */ .compErrNotice-wrap {} .compErrNotice-content {} /* !Error Message */ .compErrMsg-wrap {} .compErrMsg-content {} /* !Success Notice */ .compScsNotice-wrap {} .compScsNotice-content {} /* !Success Message */ .compScsMsg-wrap {} .compScsMsg-content {} /* ------------------------------------------------------------------------ /* !PIECES: Top Description */ /*-----------------------------------------------------------------------*/ .compDesc-wrap {} .compDesc-content {} .compDesc-content span {} .compDesc-content h2 {} .compDesc-content h3 {} .compDesc-content p {} .compDescOutro-wrap {} .compDescOutro-content {} /* ------------------------------------------------------------------------ /* !PIECES: Stats Box */ /*-----------------------------------------------------------------------*/ .compBox-wrap {} .compBox-content {} .compBox-content .keyword {} .compBox-content .keyword span {} .compBox-content .total {} .compBox-content .total span {} /* ------------------------------------------------------------------------ /* !PIECES: Results Filter */ /*-----------------------------------------------------------------------*/ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content input.inputbox {} .compResFilter-content select.inputbox {} .compResFilter-content button.button {} .compResFilter-content label {} .compResFilter-content span {} /* ------------------------------------------------------------------------ /* !PIECES: Results Page Display Filter */ /*-----------------------------------------------------------------------*/ .compResPDFilter-wrap {} .compResPDFilter-content {} .compResPDFilter-content .leftSide {} .compResPDFilter-content .leftSide div {} .compResPDFilter-content .leftSide div span.pageOn {} .compResPDFilter-content .leftSide div span.totalPages {} .compResPDFilter-content .leftSide div span.resultsOn {} .compResPDFilter-content .leftSide div span.totalResults {} .compResPDFilter-content .rightSide {} .compResPDFilter-content .rightSide label {} .compResPDFilter-content .rightSide span {} .compResPDFilter-content .rightSide select.inputbox {} /* ------------------------------------------------------------------------ /* !PIECES: Results Table */ /*-----------------------------------------------------------------------*/ .compResTbl-wrap {} .compResTbl-content {} /* !Table */ table.resultsTBL {} /* !Head & Rows Padding */ table.resultsTBL thead th, table.resultsTBL tr td {} table.resultsTBL tr.rowTitle1 td, table.resultsTBL tr.rowTitle2 td {} /* !Head */ 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 thead th a img {} /* !Sort Image that Get's Rendered */ table.resultsTBL thead a.sortLink {} table.resultsTBL thead a.sortLink img {} /* !Rows */ table.resultsTBL tr.row1 td {} table.resultsTBL tr.rowTitle1 td {} table.resultsTBL tr.row2 td {} table.resultsTBL tr.rowTitle2 td {} table.resultsTBL tr.row1:hover td, table.resultsTBL tr.row2:hover td {} table.resultsTBL tr.rowTitle1:hover td, table.resultsTBL tr.rowTitle2:hover td {} table.resultsTBL a.mainLink {} table.resultsTBL div.tdLeft {} table.resultsTBL div.tdRight {} table.resultsTBL div.tdLeftLarge {} table.resultsTBL div.tdRightSmall {} /* !Link Icon (web links) */ table.resultsTBL span.linkIcon {} table.resultsTBL span.linkIcon a {} table.resultsTBL span.linkIcon img {} table.resultsTBL span.linkDesc {} table.resultsTBL span.count {} table.resultsTBL span.section {} table.resultsTBL span.title {} table.resultsTBL p {} /* !List inside Table */ table.resultsTBL ul.tdList-horz {} table.resultsTBL ul.tdList-horz li {} table.resultsTBL ul.tdList-horz li:after {} table.resultsTBL ul.tdList-horz li {} table.resultsTBL ul.tdList-horz li {} table.resultsTBL ul.tdList-horz li div, table.resultsTBL ul.tdList-horz li span {} * html table.resultsTBL ul.tdList-horz li div {} table.resultsTBL ul.tdList-horz li div {} table.resultsTBL ul.tdList-horz li div.left {} table.resultsTBL ul.tdList-horz li div.right {} table.resultsTBL ul.tdList-horz li span {} table.resultsTBL ul.tdList-horz li div label table.resultsTBL ul.tdList-horz li span label {} table.resultsTBL ul.tdList-horz li label {} table.resultsTBL ul.tdList-horz li label.desc {} table.resultsTBL ul.tdList-horz li label span {} /* !Meta inside Table */ table.resultsTBL .article-meta-wrap {} table.resultsTBL .article-meta-content {} table.resultsTBL .article-meta-content span {} /* ------------------------------------------------------------------------ /* !PIECES: Results Navigation */ /*-----------------------------------------------------------------------*/ .compResNav-wrap {} .compResNav-content {} /* !Pager */ .compResNavPgr-wrap {} .compResNavPgr-content {} /* !Pager: List */ ul.pagination {} ul.pagination li {} ul.pagination li span {} ul.pagination li strong {} 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 {} /* !Counter */ .compResNavCtr-wrap {} .compResNavCtr-content {} .compResNavCtr-content span.pageTtl {} .compResNavCtr-content span.pageOn {} .compResNavCtr-content span.totalPages {} .compResNavCtr-content span.resultsOn {} .compResNavCtr-content span.totalResults {} /* ------------------------------------------------------------------------ /* !PIECES: Tool Bar */ /*-----------------------------------------------------------------------*/ .compToolBar-wrap {} .compToolBar-content {} /* ------------------------------------------------------------------------ /* !PIECES: Nav Bar */ /*-----------------------------------------------------------------------*/ .compNavBar-wrap {} .compNavBar-content {} .compNavBar-top {} /* ------------------------------------------------------------------------ /* !PIECES: Title Bar */ /*-----------------------------------------------------------------------*/ .compTtileBar-wrap {} .compTitleBar-content {} /* ------------------------------------------------------------------------ /* !PIECES: Content Rating */ /*-----------------------------------------------------------------------*/ .compConRating-wrap {} .compConRating-content {} /* ------------------------------------------------------------------------ /* !PIECES: Blog More */ /*-----------------------------------------------------------------------*/ .compBlogMore-wrap {} .compBlogMore-content {} /* ------------------------------------------------------------------------ /* !PIECES: Captcha */ /*-----------------------------------------------------------------------*/ .compCaptcha-wrap {} .compCaptcha-content {} .compCaptcha-content ul li {} .compCaptcha-content ul li span {} .compCaptcha-content img#captcha-image {} .compCaptcha-content a#captcha-image_refresh {} /* ------------------------------------------------------------------------ /* !PIECES: Plugin: Terms */ /*-----------------------------------------------------------------------*/ .compPlgTerms-wrap {} .compPlgTerms-content {} .compPlgTerms-content span.title {} .compPlgTerms-content span.terms {} .compPlgTerms-content a, .compPlgTerms-content a:active, .compPlgTerms-content a:visited {} .compPlgTerms-content a:hover {} /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Share */ /*-----------------------------------------------------------------------*/ .compModCommShare-wrap {} .compModCommShare-content {} .compModCommShare-content span.title {} /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Rating */ /*-----------------------------------------------------------------------*/ .compModCommRating-wrap {} .compModCommRating-content {} .compModCommRating-content span.title {} .compModCommRating-content .rating-count {} .compModCommRating-content .rating-count strong {} /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Simple */ /*-----------------------------------------------------------------------*/ .compModCommSimple-wrap {} .compModCommSimple-content {} .compModCommSimple-content span.title {} .compModCommSimple-content span.comments {} .compModCommSimple-content span.comments strong {} /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments List */ /*-----------------------------------------------------------------------*/ ol.comment-list {} ol.comment-list li.comment {} ol.comment-list li.comment p.date {} ol.comment-list li.comment p.author {} ol.comment-list li.comment p.author span.author-name {} ol.comment-list li.comment p.author img.avatar {} ol.comment-list li.comment div.metadata {} ol.comment-list li.comment div.comment {} /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Response */ /*-----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !Pieces: Calendar Monthly Layout */ /* ----------------------------------------------------------------------*/ /* !Calendar Table */ .cal-monthTBL {} /* !Calendar Table Header */ .cal-monthTBL th.cal-wdHead {} /* !Calendar Table Rows */ .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} /* !Calendar Table Days */ .cal-monthTBL .cal-wdBox {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty {} .cal-monthTBL td.cal-wd {} .cal-monthTBL td.cal-wdEmpty {} .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL .cal-wdNum a {} .cal-monthTBL .cal-wdNum a:hover {} .cal-monthTBL .cal-today {} /* !Calendar Popup */ .cal-monthTBL .item-actions {} .cal-monthTBL .cal-wdPopup {} .cal-monthTBL .cal-wdPopup .cal-num {} .cal-monthTBL .cal-closeBtn {} /* !Calendar Table Events */ .cal-monthTBL .cal-event {} .cal-monthTBL .cal-eventSingle {} .cal-monthTBL .cal-eventTitle {} .cal-monthTBL .cal-eventDate {} .cal-monthTBL .meta-line {} .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 {} .cal-monthTBL .cal-eventMultiStart {} .cal-monthTBL .cal-eventMultiEnd {} /* !Calendar Navigation */ .compCalMonthNav-wrap {} .compCalMonthNav-content {} .cal-monthNavTBL {} .cal-monthNavTBL .cal-year, .cal-monthNavTBL .cal-month {} .cal-monthNavTBL em.arrow {} .cal-monthNavTBL a {} .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 {} /* ------------------------------------------------------------------------ /* !FORM: Global /*-----------------------------------------------------------------------*/ form {} form.jForm {} form.adminForm {} /* !Labels */ form label {} /* !Fields */ input.field, select.field, textarea.field, .inputbox {} select.select[class], select.select, td.paramlist_value select {} input.inputbox, input.text, textarea.textarea, select.select, td.paramlist_value select {} input.inputbox, input.text, input.file, textarea.textarea, select.select, select.inputbox {} input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} /* !Select */ select.inputbox, select.select {} /* !Checkbox & Radio */ input.checkbox, input.radio {} /* !Buttons */ button.button {} button.button:hover, button.button:focus {} /* !Link next to Button */ a.buttonLink {} /* !Fieldset */ fieldset {} fieldset a {} /* ------------------------------------------------------------------------ /* !FORM: Sizes */ /*-----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !FORM & View: Horizontal & Vertical UL > Common */ /*-----------------------------------------------------------------------*/ ul.compList-formBtns, ul.compList-formHorz, ul.compList-formVert, ul.compList-viewBtns, ul.compList-viewHorz, ul.compList-viewVert {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li {} ul.compList-formBtns li:after, ul.compList-formHorz li:after, ul.compList-formVert li:after, ul.compList-formBtns .buttons:after, ul.compList-formHorz .buttons:after, ul.compList-formVert .buttons:after, ul.compList-viewBtns li:after, ul.compList-viewHorz li:after, ul.compList-viewVert li:after, ul.compList-viewBtns .buttons:after, ul.compList-viewHorz .buttons:after, ul.compList-viewVert .buttons:after {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} * html ul.compList-formBtns li, * html ul.compList-formHorz li, * html ul.compList-formVert li, * html ul.compList-formBtns .buttons, * html ul.compList-formHorz .buttons, * html ul.compList-formVert .buttons, * html ul.compList-viewBtns li, * html ul.compList-viewHorz li, * html ul.compList-viewVert li, * html ul.sbxComp-ViewUL .buttons {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} /* !LI: Divs & Spans */ ul.compList-formHorz li div, ul.compList-formVert li div, ul.compList-formHorz li span, ul.compList-formVert li span, ul.compList-viewHorz li div, ul.compList-viewVert li div, ul.compList-viewHorz li span, ul.compList-viewVert li span {} ul.compList-formHorz li span, ul.compList-formVert li span, ul.compList-viewBtns li span, ul.compList-viewHorz li span, ul.compList-viewVert li span {} ul.compList-formHorz li div, ul.compList-viewHorz li div {} *html ul.compList-formHorz li div, *html ul.compList-viewHorz li div {} ul.compList-formVert li div, ul.compList-viewVert li div {} *html ul.compList-formVert li div, *html ul.compList-viewVert li div {} /* !LI: Buttons */ ul.compList-formBtns li.buttons, ul.compList-formHorz li.buttons, ul.compList-formVert li.buttons, ul.compList-viewBtns li.buttons {} ul.compList-formBtns li.buttons span, ul.compList-formHorz li.buttons span, ul.compList-formVert li.buttons span, ul.compList-viewBtns li.buttons span {} ul.compList-viewBtns li.buttons span.req, ul.compList-formBtns li.buttons span.req, ul.compList-formHorz li.buttons span.req, ul.compList-formVert li.buttons span.req {} ul.compList-formBtns li.buttons .button, ul.compList-formHorz li.buttons .button, ul.compList-formVert li.buttons .button, ul.compList-viewBtns li.buttons .button {} ul.compList-formBtns li.buttons a, ul.compList-formHorz li.buttons a, ul.compList-formVert li.buttons a, ul.compList-viewBtns li.buttons a {} /* !LI: Labels */ ul.compList-formHorz li div label, ul.compList-formVert li div label, ul.compList-formHorz li span label, ul.compList-formVert li span label, ul.compList-viewHorz li div label, ul.compList-viewVert li div label, ul.compList-viewHorz li span label, ul.compList-viewVert li span label {} ul.compList-formHorz li label, ul.compList-formVert li label, ul.compList-viewHorz li label, ul.compList-viewVert li label {} ul.compList-formHorz li label.choice, ul.compList-formVert li label.choice, ul.compList-viewHorz li label.choice, ul.compList-viewVert li label.choice {} ul.compList-formHorz li label.desc, ul.compList-formVert li label.desc, ul.compList-viewHorz li label.desc, ul.compList-viewVert li label.desc {} /* !LI: Sections */ ul.compList-formHorz li.first, ul.compList-formVert li.first, ul.compList-viewHorz li.first, ul.compList-viewVert li.first {} ul.compList-formVert li.section, ul.compList-formHorz li.section, ul.compList-formVert li.section, ul.compList-formHorz li.section, ul.compList-viewHorz li.section, ul.compList-viewVert li.section {} ul.compList-formHorz li.section h3, ul.compList-formVert li.section h3, ul.compList-viewHorz li.section h3, ul.compList-viewVert li.section h3 {} ul.compList-formHorz li.section h3 span, ul.compList-formVert li.section h3 span, ul.compList-viewHorz li.section h3 span, ul.compList-viewVert li.section h3 span {} ul.compList-formHorz li.section h3 span.sub, ul.compList-formVert li.section h3 span.sub, ul.compList-viewHorz li.section h3 span.sub, ul.compList-viewVert li.section h3 span.sub {} ul.compList-formHorz li.section p, ul.compList-formVert li.section p, ul.compList-viewHorz li.section p, ul.compList-viewVert li.section p {} /* ------------------------------------------------------------------------ /* !FORM: Horizontal & Vertical UL */ /*-----------------------------------------------------------------------*/ ul.compList-formBtns, ul.compList-formHorz, ul.compList-formVert {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li {} ul.compList-formBtns li:after, ul.compList-formHorz li:after, ul.compList-formVert li:after, ul.compList-formBtns .buttons:after, ul.compList-formHorz .buttons:after, ul.compList-formVert .buttons:after {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons {} * html ul.compList-formBtns li, * html ul.compList-formHorz li, * html ul.compList-formVert li, * html ul.compList-formBtns .buttons, * html ul.compList-formHorz .buttons, * html ul.compList-formVert .buttons {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons {} /* !LI: Divs & Spans */ ul.compList-formHorz li div, ul.compList-formVert li div, ul.compList-formHorz li span, ul.compList-formVert li span {} ul.compList-formHorz li span.hasLabel, ul.compList-formVert li span.hasLabel {} ul.compList-formHorz li span, ul.compList-formVert li span {} span.centerTxt {} ul.compList-formHorz li div span.left, ul.compList-formHorz li div span.right {} ul.compList-formHorz li div span.right {} 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%; } * html ul.compList-formHorz li div {} ul.compList-formHorz li div {} *html ul.compList-formVert li div {} ul.compList-formVert li div {} ul.compList-formVert li div.address {} ul.compList-formVert li div.address div {} ul.compList-formVert li div.left {} ul.compList-formVert li div.right {} ul.compList-formHorz li div img.calendar, ul.compList-formVert li div img.calendar {} ul.compList-formHorz li a.calendar, ul.compList-formVert li a.calendar {} /* !LI: Buttons */ ul.compList-formBtns li.buttons, ul.compList-formHorz li.buttons, ul.compList-formVert li.buttons {} ul.compList-formBtns li.buttons span, ul.compList-formHorz li.buttons span, ul.compList-formVert li.buttons span {} ul.compList-formBtns li.buttons span.req, ul.compList-formHorz li.buttons span.req, ul.compList-formVert li.buttons span.req {} ul.compList-formBtns li.buttons .button, ul.compList-formHorz li.buttons .button, ul.compList-formVert li.buttons .button {} ul.compList-formBtns li.buttons a, ul.compList-formHorz li.buttons a, ul.compList-formVert li.buttons a {} /* !LI: Param */ ul.compList-formVert li.param {} /* !LI: Labels */ ul.compList-formHorz li div label, ul.compList-formVert li div label, ul.compList-formHorz li span label, ul.compList-formVert li span label {} ul.compList-formHorz li label, ul.compList-formVert li label {} ul.compList-formHorz li label.choice, ul.compList-formVert li label.choice {} ul.compList-formHorz li label.desc, ul.compList-formVert li label.desc {} ul.compList-formHorz li label {} ul.compList-formHorz li label.choice {} ul.compList-formHorz li label.desc { float: left; } ul.compList-formHorz li label.descLrg { font-size: 1.2em; } ul.compList-formHorz li label span {} ul.compList-formVert li label {} ul.compList-formVert li label.choice {} ul.compList-formVert li label.desc {} /* !LI: Sections */ ul.compList-formHorz li.first, ul.compList-formVert li.first {} ul.compList-formVert li.section, ul.compList-formHorz li.section {} ul.compList-formHorz li.section h3, ul.compList-formVert li.section h3 {} ul.compList-formHorz li.section h3 span, ul.compList-formVert li.section h3 span {} ul.compList-formHorz li.section h3 span.sub, ul.compList-formVert li.section h3 span.sub {} ul.compList-formHorz li.section p, ul.compList-formVert li.section p {} ul.compList-formVert li.sectionInstruct {} ul.compList-formVert li.sectionInstruct h3 {} ul.compList-formVert li.sectionInstruct p {} li.sectionMTop {} ul.compList-formHorz li.border-top {} ul.compList-formHorz li.extraPad {} /* !Inputs */ ul.compList-formVert input.field {} ul.compList-formVert input.text {} ul.compList-formVert input.textarea {} ul.compList-formVert input.checkbox {} /* !Field Floating */ ul.compList-formVert li.leftHalf {} ul.compList-formVert li.rightHalf {} ul.compList-formVert li.leftHalf, ul.compList-formVert li.rightHalf {} ul.compList-formVert li.leftHalf .medium, ul.compList-formVert li.rightHalf .medium, ul.compList-formVert li.leftHalf .small, ul.compList-formVert li.rightHalf .small {} ul.compList-formHorz li.liClear, ul.compList-formVert li.liClear {} /* !Messages */ label.invalid {} label.required {} input.invalid, textarea.invalid {} input.required, textarea.required {} /* !Other */ ul.compList-formBtns hr, ul.compList-formHorz hr, ul.compList-formVert hr {} ul.compList-formBtns .noClr, ul.compList-formHorz .noClr, ul.compList-formVert .noClr {} ul.compList-formBtns .req, ul.compList-formHorz .req, ul.compList-formVert .req {} /* !Horizontal Checkbox Lists */ span.horzCBXlist {} span.horzCBXlist label {} span.horzCBXlist input.checkbox {} /* !Horizontal Radio Lists */ span.horzRADlist {} span.horzRADlist label {} span.horzRADlist input.radio {} /* ------------------------------------------------------------------------ /* !VIEWS: Horizontal & Vertical UL /*-----------------------------------------------------------------------*/ ul.compList-viewBtns, ul.compList-viewHorz, ul.compList-viewVert {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li {} ul.compList-viewBtns li:after, ul.compList-viewHorz li:after, ul.compList-viewVert li:after, ul.compList-viewBtns .buttons:after, ul.compList-viewHorz .buttons:after, ul.compList-viewVert .buttons:after {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} * html ul.compList-viewBtns li, * html ul.compList-viewHorz li, * html ul.compList-viewVert li, * html ul.sbxComp-ViewUL .buttons {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} /* !LI: Divs & Spans */ ul.compList-viewHorz li div, ul.compList-viewVert li div, ul.compList-viewHorz li span, ul.compList-viewVert li span {} ul.compList-viewBtns li span, ul.compList-viewHorz li span, ul.compList-viewVert li span {} *html ul.compList-viewHorz li div {} ul.compList-viewHorz li div {} *html ul.compList-viewVert li div {} ul.compList-viewVert li div {} /* !LI: Buttons */ ul.compList-viewBtns li.buttons {} ul.compList-viewBtns li.buttons span {} ul.compList-viewBtns li.buttons span.req {} ul.compList-viewBtns li.buttons .button {} ul.compList-viewBtns li.buttons a {} /* !LI: Labels */ ul.compList-viewHorz li div label, ul.compList-viewVert li div label, ul.compList-viewHorz li span label, ul.compList-viewVert li span label {} ul.compList-viewHorz li label, ul.compList-viewVert li label {} ul.compList-viewHorz li label.choice, ul.compList-viewVert li label.choice {} ul.compList-viewHorz li label.desc, ul.compList-viewVert li label.desc {} ul.compList-viewHorz li label {} ul.compList-viewHorz li label.choice {} ul.compList-viewHorz li label.desc {} ul.compList-viewVert li label {} ul.compList-viewVert li label.choice {} ul.compList-viewVert li label.desc {} /* !LI: Sections */ ul.compList-viewHorz li.first, ul.compList-viewVert li.first {} ul.compList-viewHorz li.section, ul.compList-viewVert li.section {} ul.compList-viewHorz li.section h3, ul.compList-viewVert li.section h3 {} ul.compList-viewHorz li.section h3 span, ul.compList-viewVert li.section h3 span {} ul.compList-viewHorz li.section h3 span.sub, ul.compList-viewVert li.section h3 span.sub {} ul.compList-viewHorz li.section p, ul.compList-viewVert li.section p {} /* !Parameters List Table */ table.paramlist {} table.paramlist tr {} table.paramlist tr td {} table.paramlist tr td.paramlist_key {} table.paramlist tr td.paramlist_key span {} table.paramlist tr td.paramlist_key label {} table.paramlist tr td.paramlist_value {} table.paramlist select {} /* ------------------------------------------------------------------------ /* !FORM & VIEW: Instructions */ /*-----------------------------------------------------------------------*/ ul.compList-formVert li.focused {} ul.compList-formVert .instruct {} ul.compList-formVert .instruct small {} ul.compList-formVert li.focused .instruct, ul.compList-formVert li:hover .instruct {} ul.compList-formVert li.altInstruct .instruct, ul.compList-formVert li.leftHalf .instruct, ul.compList-formVert li.rightHalf .instruct {} /* ------------------------------------------------------------------------ /* !FORM & VIEW: Inline Error & Success Messages */ /*-----------------------------------------------------------------------*/ /* !Errors */ ul.compList-formHorz li.error, ul.compList-formVert li.error {} ul.compList-formHorz li.error label, ul.compList-formVert li.error label, ul.compList-formHorz li label.error, ul.compList-formVert li label.error {} ul.compList-formHorz li.error span label.error, ul.compList-formVert li.error span label.error, ul.compList-formHorz li.error div label.error, ul.compList-formVert li.error div label.error {} ul.compList-formHorz p.error, ul.compList-formVert p.error {} ul.compList-formHorz li.error p.error, ul.compList-formVert li.error p.error {} ul.compList-formHorz .leftLabel p.error, ul.compList-formVert .leftLabel p.error, ul.compList-formHorz .rightLabel p.error, ul.compList-formVert .rightLabel p.error {} ul.compList-formHorz .noI .leftLabel p.error, ul.compList-formVert .noI .leftLabel p.error, ul.compList-formHorz .noI .rightLabel p.error, ul.compList-formVert .noI .rightLabel p.error {} ul.compList-formHorz li input.error, ul.compList-formVert li input.error, ul.compList-formHorz li select.error, ul.compList-formVert li select.error, ul.compList-formHorz li textarea.error, ul.compList-formVert li textarea.error {} /* !Success */ ul.compList-formHorz li.success, ul.compList-formVert li.success {} ul.compList-formHorz li.success label, ul.compList-formVert li.success label {} ul.compList-formHorz p.success, ul.compList-formVert p.success {} ul.compList-formHorz li.success p.success, ul.compList-formVert li.success p.success {} ul.compList-formHorz .leftLabel p.success, ul.compList-formVert .leftLabel p.success, ul.compList-formHorz .rightLabel p.success, ul.compList-formVert .rightLabel p.success {} ul.compList-formHorz .noI .leftLabel p.success, ul.compList-formVert .noI .leftLabel p.success, ul.compList-formHorz .noI .rightLabel p.success, ul.compList-formVert .noI .rightLabel p.success {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !SYSTEM MESSAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !SYSTEM MESSAGES: Regular */ /* ------------------------------------------------------ */ #system-message {} #system-message dt {} #system-message dd {} #system-message ul {} #system-message ul li {} #system-message ul li h3 {} #system-message ul li p {} #system-message ul li p strong {} /* !System Standard Messages */ #system-message dd.message ul { border: 1px dotted #045a9a!important; } #system-message dd.message ul li { color: #045a9a!important; } #system-message dd.message ul p strong {} #system-message dd.message ul li h3 {} /* !System Error Messages */ #system-message dd.error ul {} #system-message dd.error ul li {} #system-message dd.error ul p strong {} #system-message dd.error ul li h3 {} /* !System Notice Messages */ #system-message dd.notice ul {} #system-message dd.notice ul li {} #system-message dd.notice ul p strong {} #system-message dd.notice ul li h3 {} /* !SYSTEM MESSAGES: Detail */ /* ------------------------------------------------------ */ #system-messageDetail {} #system-messageDetail dd {} #system-messageDetail ul {} #system-messageDetail ul li {} #system-messageDetail ul li h3 {} #system-messageDetail ul li p {} #system-messageDetail ul li.buttons {} #system-messageDetail ul li:after, #system-messageDetail ul li.buttons:after {} /* !System Standard Messages */ #system-messageDetail dd.message ul {} #system-messageDetail dd.message ul li {} #system-messageDetail dd.message ul li h3 {} /* !System Error Messages */ #system-messageDetail dd.error ul {} #system-messageDetail dd.error ul li {} #system-messageDetail dd.error ul li h3 {} /* !System Notice Messages */ #system-messageDetail dd.notice ul {} #system-messageDetail dd.notice ul li {} #system-messageDetail dd.notice ul li h3 {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !TOOL TIPS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .tool-tip {} .tool-title {} .tool-text {} .hasTip img {} div.tooltip {} div.tooltip h4 {} div.tooltip p {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !SBOX MODAL WINDOW */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Box Layout */ #sbox-overlay {} .sbox-window {} a#sbox-btn-close {} #sbox-content {} .sbox-content-iframe {} /* !Header */ .modal-hdr {} .modal-title {} .modal-title h1.modaltitle {} .modal-toolbar {} .modal-toolbar button.button {} .modal-toolbar span {} /* !Content */ .modal-content {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MISC */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MEDIA QUERIES > Template */ /* ----------------------------------------------------------------------*/ .visible-phone{display:none!important} .visible-tablet{display:none!important} .hidden-desktop{display:none!important} .visible-desktop{display:inherit!important} a[href^="tel:"] { color: #000000; text-decoration: none; } #sbx-footer a[href^="tel:"] { color: rgb(178, 209, 231); text-decoration: none; } .btn_open_menu { position: absolute; top: 50%; right: 15px; margin: 0; margin-top: -10px; padding: 0; width: 32px; height: 24px; overflow: hidden; z-index: 5; } .btn_open_menu span { display: block; float: left; margin: 0; margin-bottom: 4px; padding: 0; width: 100%; height: 4px; background-color: #fff; } @media(min-width:768px) and (max-width:979px){ .hidden-desktop{display:inherit!important} .visible-desktop{display:none!important} .visible-tablet{display:inherit!important} .hidden-tablet{display:none!important} } @media (max-width: 767px) { .hidden-desktop{display:inherit!important} .visible-desktop{display:none!important} .visible-phone{display:inherit!important} .hidden-phone{display:none!important} img { max-width: 100%; height: auto; vertical-align: middle; } table { max-width: 100%; } #sbx-top, #sbx-header, #sbx-ticker, #sbx-footer, #sbx-mainnav, #sbx-container { padding-left: 15px; padding-right: 15px; width: auto; } #sbx-mainbody-fl, #sbx-rightCol { display: block; float: none; width: auto; } #sbx-rightCol-inner { padding-bottom: 1em; } .sbxModTable-fm { float: none; width: auto; } .mod-search { display: none; } #ja-cssmenu { display: none; position: absolute; top: 90px; background: #90af00; left: 0; right: 0; padding: 16px 0; } #ja-cssmenu li { background: none; float: none; padding: 4px 3px; } #ja-cssmenu li ul { background: none; display: none; margin: 0; padding: 0 12px; position: static; width: auto; } #ja-cssmenu li.toggle-open ul { display: block; } #ja-cssmenu li li { width: auto; } #ja-cssmenu ul a { width: auto; } #ja-cssmenu li ul a { padding: 7px 0; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #045a9a; } #sbx-topwrap, #sbx-top { height: auto; position: static; } #sbx-ticker { height: auto; background: #0d2f50; } #sbx-ticker p { padding: 8px 0; } #sbx-ticker img { display: block; margin: 0 auto 7px !important; } #sbx-mainbody-fl #sbx-content { padding: 0; } /* table.blog .article-content img { float: none !important; margin: 10px 0 !important; } */ .sbxModTable-addy, ul.menu-fm li { float: none; width: auto; } ul.menu-fm { margin: 25px 0; } #sbx-headerwrap, #sbx-header { height: 90px; } h1.logo { top: 20px; } h1.logo a { width: 264px; height: 50px; background-size: 100% auto; } object, iframe { margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; } } @media (max-width: 480px) { table.blog .article-content img { display: block; } } .ComResBullets li h5 { margin-top: 0px;} .ComResBullets li h4 { margin-top: 0px;} }