/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v1.0) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ @font-face { font-family: 'NewsGothicStd'; src: url('fonts/NewsGothicStd.eot'); src: url('fonts/NewsGothicStd.woff') format('woff'), url('fonts/NewsGothicStd.ttf') format('truetype'), url('fonts/NewsGothicStd.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NewsGothicStdBold'; src: url('fonts/NewsGothicStd-Bold.eot'); src: url('fonts/NewsGothicStd-Bold.woff') format('woff'), url('fonts/NewsGothicStd-Bold.ttf') format('truetype'), url('fonts/NewsGothicStd-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #000; background: #f5f5f5 url(../images/bg.png) repeat-x; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #000; background: #f5f5f5; } /* !Table */ th {} td,div {} /* ------------------------------------------------------------------------ /* !LAYOUT: Wrappers */ /* ----------------------------------------------------------------------*/ #sbx-wrapper { width: 960px; margin: 0 auto; padding: 0; position: relative; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #sbx-headerwrap { position: relative; z-index: 999; } #sbx-header { position: relative; height: 160px; z-index: 999; } #sbx-nav { clear: both; } h1.logo { margin: 0; padding: 0; font-size: 1.8em; text-transform: uppercase; position: absolute; left: 10px; top: 22px; } h1.logo a { width: 384px; height: 126px; display: block; background: url(../images/logo.png) no-repeat left center; z-index: 100; } h1.logo a span { position: absolute; top: -1000px; } .hd-global, .hd-top { float: right; } .hd-global { margin-top: 40px; } .hd-top { clear: right; } .hd-global .sbxModTable-search, .hd-global .sbxModTable-fb { float: right; margin-left: 10px; } .hd-top .sbxModTable-topbuttons { margin-top: 10px; } .hd-top .sbxModTable-topbuttons a { margin-left: 10px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ /* !Common */ #sbx-containerwrap {} /* !3 Column */ #sbx-containerwrap {} #sbx-containerwrap2 {} #sbx-container {} #sbx-container2 {} #sbx-mainbody {} #sbx-content {} /* !Full */ #sbx-containerwrap-f { margin-top: 25px; background: #f5f5f5 url(../images/bg-top.png) no-repeat; } #sbx-containerwrap-f #sbx-containerwrap2 {} #sbx-containerwrap-f #sbx-container, #sbx-containerwrap-f #sbx-container2 {} #sbx-mainbody-f {} #sbx-mainbody-f #sbx-content { padding: 30px 40px 0px 20px; } /* !Full left */ #sbx-containerwrap-fl { margin-top: 25px; background: #f5f5f5 url(../images/bg-top.png) no-repeat; } #sbx-containerwrap-fl #sbx-containerwrap2, #sbx-containerwrap-fl #sbx-container, #sbx-containerwrap-fl #sbx-container2 {} #sbx-mainbody-fl { width: 630px; float: left; display: inline; } #sbx-mainbody-fl #sbx-content { padding: 30px 40px 0px 20px; } /* !Full right */ #sbx-containerwrap-fr {} #sbx-containerwrap-fr #sbx-containerwrap2 {} #sbx-mainbody-fr {} #sbx-mainbody-fr #sbx-content {} /* !Left & Right Columns */ #sbx-leftCol { overflow: hidden; } #sbx-leftCol-inner {} #sbx-rightCol { overflow: hidden; width: 330px; float: right; display: inline; } #sbx-rightCol-inner { padding-left: 20px; } #sbx-leftCol .article_separator, #sbx-rightCol .article_separator { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-footerwrap { clear: both; padding: 20px 10px 50px 10px; } #sbx-footer { position: relative; border-top: 1px solid #dddddd; clear: both; } #sbx-footer p { font-size: 12px; color: #aaa; line-height: 1.4em; margin: 21px 0 0 10px; } #sbx-footer p.cr { float: right; clear: right; } a#top { display: block; float: right; background: url(../images/a-top.png) no-repeat left top; width: 36px; height: 27px; } a#top:hover { background-position: left bottom; } a#top span { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ .mod-breadcrumbs { padding: 15px 40px 0px 20px; color: #aaa; font-size: 12px; line-height: 14px; vertical-align: bottom; } .mod-breadcrumbs span.pathway a, .mod-breadcrumbs span.pathway a:active, .mod-breadcrumbs span.pathway a:visited { vertical-align: bottom; } .mod-breadcrumbs span.pathway a:hover {} .mod-breadcrumbs span.pathway img { width: 7px; height: 11px; margin: 0px 0px 1px 2px; vertical-align: bottom; } /* ------------------------------------------------------------------------ /* !LAYOUT: Homepage */ /* ----------------------------------------------------------------------*/ #sbx-grid { clear: both; margin-top: 36px; } #sbx-grid .sbxModTable { margin: 0px; } #sbx-grid-left, #sbx-grid-mid, #sbx-grid-right { display: inline; float: left; width: 210px; margin: 0px 10px; } #sbx-grid-mid { margin: 0 20px; } #sbx-grid-left .sbxModTable h3 { /*background: url(../images/mod-h3-rightBg.png) no-repeat left bottom;*/ } #sbx-grid-mid .sbxModTable h3 { /*background: url(../images/mod-h3-midBg.png) no-repeat center bottom;*/ } #sbx-grid-right .sbxModTable h3 { /*background: url(../images/mod-h3-leftBg.png) no-repeat right bottom;*/ } #sbx-intro { margin: 25px 10px 0 10px; } #sbx-intro-sbxss { /*width: 940px; height: 385px;*/ background: url(../images/sbxss-grad.png) repeat-x left bottom; } #sbx-intro-text { display: inline; float: right; width: 300px; height: 385px; margin-left: 20px; position: relative; } #sbx-intro-sbxss .flexslider { border: none; } #sbx-intro-sbxss .flexslider .flex-content { background: url(../images/trans-black-50.png); right: 0; padding: 16px 12px; width: auto; } #sbx-intro-sbxss .flexslider .flex-content h2.flex-title { font-weight: normal; text-shadow: 1px 1px 0 #333; } #sbx-intro-sbxss .flex-direction-nav { position: absolute; top: 12px; right: 55px; } #sbx-intro-sbxss .flexslider .flex-direction-nav li { display: inline-block; } #sbx-intro-sbxss .flexslider .flex-direction-nav li a { background: url("../images/sbxss-remote.png") no-repeat scroll 0 0; height: 24px; width: 23px; position: static; margin: 0; } #sbx-intro-sbxss .flexslider .flex-direction-nav li a.next { background-position: -65px 0; } #sbx-intro-sbxss .flexslider .flex-direction-nav li a:hover { background-position: 0 -24px; } #sbx-intro-sbxss .flexslider .flex-direction-nav li a.next:hover { background-position: -65px -24px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 0; list-style: none; background: #f5f5f5; box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.2); border-radius: 0 0 3px 3px; } 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 { color: #09569a; line-height: 46px; height: 46px; font-size: 20px; padding: 0 0 0 32px; text-decoration: none; display: block; outline: none; background: url(../images/mod-sm-h4.png) repeat-x right top; border-radius: 3px 3px 0 0; font-family: NewsGothicStd-Bold, Helvetica, "Helvetica Neue", Arial; text-shadow: 1px 1px 0px #000; } ul.menu li a:hover { text-decoration: none; } ul.menu li a span {} /* !1st Level > Parent (has sub items) */ ul.menu li.parent a {} ul.menu li.parent a:hover {} ul.menu li.parent a span {} /* !1st Level > Active */ ul.menu li.active a, ul.menu li.active a:active, ul.menu li.active a:visited { color: #09569a; text-decoration: none; } ul.menu li.active a:hover {} ul.menu li.active a span {} /* !1st Level > Seperator */ ul.menu li span.separator {} ul.menu li span.separator span {} /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 6px 0; list-style: none; } ul.menu li ul li { 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 { padding: 0 0 0 32px; background: none; height: 33px; line-height: 33px; font-size: 12px; color: #ea7621; text-shadow: 1px 1px 0px #ccc; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #ea7621; text-decoration: underline; } 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 { background: url(../images/mod-sm-active.png) no-repeat left top; border-radius: 0 3px 3px 0; color: #aaa; text-shadow: 1px 1px 0px #000; } ul.menu li.active ul li.active a:visited { padding: 0 0 0 32px; background: none; height: 33px; line-height: 33px; font-size: 12px; color: #ea7621; text-shadow: 1px 1px 0px #ccc; } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} ul.menu li.parent a.sublevel_current { background: url(../images/mod-sm-active.png) no-repeat left top !important; color: #aaa !important; text-shadow: 1px 1px 0px #000 !important; } /* !2nd Level > Seperator */ ul.menu li ul li span.separator {} ul.menu li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul {} 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 {} ul.menu li ul li ul li a:hover, ul.menu li.active ul li.active ul li a:hover {} ul.menu li.active ul li.active ul li a span {} /* !3rd Level > Parent (has sub items) */ ul.menu li.active ul li.active ul li.parent a {} ul.menu li.active ul li.active ul li.parent a:hover {} ul.menu li.active ul li.active ul li.parent a span {} /* !3rd Level > Active */ ul.menu li.active ul li.active ul li.active a, ul.menu li.active ul li.active ul li.active a:active, ul.menu li.active ul li.active ul li.active a:visited {} ul.menu li.active ul li.active ul li.active a:hover {} ul.menu li.active ul li.active ul li.active a span {} /* !3rd Level > Seperator */ ul.menu li ul li ul li span.separator {} ul.menu li ul li ul li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Footer */ /* ----------------------------------------------------------------------*/ ul.menu-fm { margin: 0; padding: 0; } ul.menu-fm li { margin: 0; padding: 0 1px 0 0; display: inline; background: none; line-height: 1.0em; font-size: 16px; background: url(../images/fm-div.png) no-repeat right center; } ul.menu-fm li a { border-right: 1px solid #000; margin: 5px 0; padding: 0 5px; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited { display: inline-block; color: #ea7621; line-height: 16px; text-decoration: none; } ul.menu-fm li a:hover { color: #09569a; text-decoration: underline; } ul.menu-fm li.active a {} ul.menu-fm li.first-item a { padding-left: 0px; } ul.menu-fm li.last-item { background: none; } ul.menu-fm li.last-item a { border-right: none; padding-right: 0px; } ul.menu-fm li span.separator {} ul.menu-fm li span.separator span {} .fm2 { margin-top: 21px !important; } .fm2 li { font-size: 16px !important; } /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ #ja-cssmenu { margin: 0; padding: 0; z-index: 1000; font-family: NewsGothicStd, Helvetica, "Helvetica Neue", Arial; font-size: 20px; } #ja-cssmenu ul { margin: 0; padding: 0; z-index: 1000; } #ja-cssmenu li { margin: 0 5px; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; height: 55px; } #ja-cssmenu ul a { width: 118px; z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ } /* !2nd Level */ #ja-cssmenu li ul { background: #f5f5f5; width: 118px; position: absolute; left: -999em; height: auto; z-index: 1000; font-size: 12px; } #ja-cssmenu li li { padding: 0px; margin: 0px; width: 118px; } /* !3rd Level */ #ja-cssmenu li ul ul { margin: -27px 0 0 118px; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* !STYLE: 1st Level */ /* ------------------------------------------------------ */ #ja-cssmenu li a { display: block; text-decoration: none; line-height: 20px; height: 45px; padding: 0 8px 0 0; color: #09569a; font-size: 100%; font-weight: normal; text-transform: uppercase; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color: #09569a; text-decoration: underline; } #ja-cssmenu li a span { display: block; padding: 18px 0px 15px 8px; } #ja-cssmenu li.last-item { margin-right: 0px; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, { color: #fff; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #fff; background: url(../images/mm-right.png) no-repeat right top; } #ja-cssmenu li a.active span { background: url(../images/mm-left.png) no-repeat left top; } #ja-cssmenu li.active { background: url(../images/mm-downarrow.png) no-repeat bottom center; } /* !STYLE: 2nd Level */ /* ------------------------------------------------------ */ #ja-cssmenu li ul a { display: block; text-decoration: none; line-height: 20px; height: 20px; padding: 0px; color: #09569a; font-size: 100%; font-weight: normal; text-transform: uppercase; width: 118px;} #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus { color: #09569a; text-decoration: underline; } #ja-cssmenu li ul a span { display: block; padding: 5px; } #ja-cssmenu li ul.last-item { margin-right: 0px; } #ja-cssmenu li ul:hover, #ja-cssmenu li ul.sfhover, #ja-cssmenu li ul.havechildsfhover, #ja-cssmenu li ul.havechild-activesfhover { color: #fff; } #ja-cssmenu li ul a.active, #ja-cssmenu li ul a.active:hover, #ja-cssmenu li ul a.active:active, #ja-cssmenu li ul a.active:focus { color: #fff; background: #09569a; } #ja-cssmenu li ul a.active span { background: #09569a; } #ja-cssmenu li ul.active { background: #09569a; } #ja-cssmenu li li a { display: block; text-decoration: none; line-height: 20px; height: 20px; padding: 0px; color: #09569a; font-size: 100%; font-weight: normal; text-transform: uppercase; width: 118px;} #ja-cssmenu li li a:hover, #ja-cssmenu li li a:active, #ja-cssmenu li li a:focus { color: #09569a; text-decoration: underline; } #ja-cssmenu li li a span { display: block; padding: 5px; } #ja-cssmenu li li.last-item { margin-right: 0px; } #ja-cssmenu li li:hover, #ja-cssmenu li li.sfhover, #ja-cssmenu li li.havechildsfhover, #ja-cssmenu li li.havechild-activesfhover { color: #fff; } #ja-cssmenu li li a.active, #ja-cssmenu li li a.active:hover, #ja-cssmenu li li a.active:active, #ja-cssmenu li li a.active:focus { color: #fff; background: #09569a; } #ja-cssmenu li li a.active span { background: #09569a; } #ja-cssmenu li li.active { background: #09569a; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading { color: #09569a; font-size: 2.25em; font-weight: normal; } h1.componentheading span.subheading { color: #09569a; } /* !Article Heading */ .article-title { margin-bottom: 1em; } .article-title h2.contentheading { color: #09569a; font-size: 2.25em; font-weight: normal; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited { color: #09569a; } .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title .buttonheading {} .article-title .buttonheading img {} .article-title .buttonheading span {} /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta { color: #aaa; font-size: .8em; line-height: 1.4em; } .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 { color: #aaa; } .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: #eee; } /* !TOC */ table.contenttoc {} table.contenttoc td {} table.contenttoc th { border-color: #eee; } /* !Blog Table */ table.blog tr td div.contentpaneopen {} table.blog tr td.article_column {} table.blog tr td.column_separator {} table.blog h2.contentheading {} table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} table.blog .article-title .buttonheading {} table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} /* !Blog More */ .compBlogMore-wrap { border-color: #eee; } .compBlogMore-content {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited {} a.readon:hover {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL thead th {} table.resultsTBL thead th a, table.resultsTBL thead th a:active, table.resultsTBL thead th a:visited {} table.resultsTBL thead th a:hover {} table.resultsTBL ul.tdList-horz li span {} table.resultsTBL ul.tdList-horz li span label {} /* !Results Table: Alternating Row Colors for Tables, Comments, etc. */ table.resultsTBL tr.row1 td, .odd {} table.resultsTBL tr.rowTitle1 td {} table.resultsTBL tr.row2 td, .even {} table.resultsTBL tr.rowTitle2 td {} table.resultsTBL tr.row1:hover td, table.resultsTBL tr.row2:hover td, .odd:hover, .even:hover {} table.resultsTBL tr.rowTitle1:hover td, table.resultsTBL tr.rowTitle2:hover td {} /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #eee; } 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 {} .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.choice, .compSect-content li.buttons span {} .compSect-content li.section, .compSect-content li.sectionInstruct { border-color: #eee; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} /* !Tool Bar */ .compToolBar-wrap { border-color: #09569a; font-size: .8em; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #ecf9f5; border-color: #48c79d; } .compToolBar-content ul li a:hover { background: #d8f3ea; } .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: #09569a; border-color: #09569a; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f0f0f1; border-color: #f0f0f1; color: #aaa; } /* !Nav Bar */ .compNavBar-wrap { border-color: #eee; font-size: .8em; } .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: #eee; text-decoration: none; } .compNavBar-content ul li a { border-color: #eee; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Nav Bar: Specific Link Types */ a.nbPubLink { font-size: .8em; } a.nbUnpubLink {} a.nbRemoveLink {} a.nbBackLink {} a.nbEditLink {} a.nbNewLink {} a.nbViewLink {} a.nbExportLink {} /* !Title Bar */ .compTitleBar-wrap { font-size: .8em; } .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: #eee; text-decoration: none; } .compTitleBar-content ul li a { border-color: #eee; } .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: #eee; } .compBox-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #aaa; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #aaa; background: #f0f0f1; font-size: .8em; } .compConRating-content {} /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #aaa; font-family: Helvetica, Arial, sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus { background: #FFFFCC; } input.checkbox, input.radio { color: #eee; } /* !Form: Main Button */ button.button, a.ia-link { text-shadow: 2px 2px 0 #fff; padding: 6px 10px 6px 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #09569a; text-align: left; background-color: #F2F2F2; background-image: -moz-linear-gradient(top, #F2F2F2, #E2E2E2); background-image: -ms-linear-gradient(top, #F2F2F2, #E2E2E2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F2F2F2), to(#E2E2E2)); background-image: -webkit-linear-gradient(top, #F2F2F2, #E2E2E2); background-image: -o-linear-gradient(top, #F2F2F2, #E2E2E2); background-image: linear-gradient(top, #F2F2F2, #E2E2E2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E2E2E2', GradientType=0); border-color: #E2E2E2 #E2E2E2 #c7c7c7; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-width: 0px 0px 1px 0px; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } a.ia-link:hover, button.button:hover { background: #E2E2E2 !important; color: #09569a; text-decoration: none; } a.ia-link { line-height: 20px; } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #aaa; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #aaa; } span.linkOptions a:hover { color: #333; } /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #C4A67E; } .gallery-flickr-link { font-weight: bold; } .jsfSearch-srch { position: relative; } .jsfSearch-srch form, .jsfSearch-srch .compSect-wrap, .jsfSearch-srch .compSect-contentwrap { position: static; } .jsfSearch-srch .item-actions .ia-link { position: absolute; top: 0px; right: 0px; z-index: 2; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ div.sbxModTable { margin: 35px 35px 35px 35px; font-size: 16px; } div.sbxModTable h3 { color: #09569a; font-size: 22px; line-height: 1em; text-transform: none; margin: 0 0 15px 0; padding: 0 0 8px 0; border-bottom: 2px dashed #ea7621; /*background: url(../images/mod-h3-leftBg.png) no-repeat left bottom;*/ font-family: NewsGothicStd-Bold, Helvetica, "Helvetica Neue", Arial; font-weight: normal; } div.sbxModTable h3 span {} div.sbxModTable .mod-dn, div.sbxModTable .dn-module_link { font-size: 16px; } div.sbxModTable ul.dn li { line-height: 1em; border-bottom: 1px solid #f0f0f1; padding: .7em 0; } div.sbxModTable ul.dn li .dn-head { font-weight: normal; display: inline; } div.sbxModTable ul.dn li a.dn-read_more { font-size: 1em; padding-left: 5px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-btn */ /* ----------------------------------------------------------------------*/ div.sbxModTable-btn { margin: 0px 0px 35px 20px; clear: both; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-sm */ /* ----------------------------------------------------------------------*/ div.sbxModTable-sm { margin: 35px 20px 35px 0px; clear: both; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-search */ /* ----------------------------------------------------------------------*/ div.sbxModTable-search { margin: 0px; width: 290px; height: 32px; /*background: url(../images/mod-searchRight-bg.png) no-repeat;*/ } div.sbxModTable-search { background: #f5f5f5; /* Old browsers */ -moz-box-shadow: inset 0 0 10px #eee; -webkit-box-shadow: inset 0 0 10px #eee; box-shadow: inset 0 0 10px #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.sbxModTable-search .sbxMod-content { padding: 0 8px 0 12px; } div.sbxModTable-search input#mod_search_searchword { background: transparent url(none); width: 240px; border: 0px; margin: 9px 0 0 0; padding: 0px; display: block; } div.sbxModTable-search button.button { float: right; border: 0px; background: url(../images/mod-search-btn.png) no-repeat; width: 20px; height: 20px; margin: 6px 0 0 0; padding: 0px; text-indent: -9999px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0px 0px 0px !important; -moz-box-shadow: 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 0px !important; } .homeSearch { margin: 0 0 0 0 !important; background: url(../images/mod-search-bg.png) no-repeat !important; position: absolute; bottom: 36px; left: 0px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable-carousel */ /* ----------------------------------------------------------------------*/ div.sbxModTable-carousel { height: 90px; margin: 16px 10px 0 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*background: url(../images/mod-carousel-bg.png) no-repeat;*/ } div.sbxModTable-carousel { background: #ffffff; /* Old browsers */ -moz-box-shadow: inset 0 0 50px #ddd; -webkit-box-shadow: inset 0 0 50px #ddd; box-shadow: inset 0 0 50px #ddd; } div.sbxModTable-carousel p { text-align: center; margin: 0px; padding: 20px 30px; font-weight: bold; font-size: 1.2em; line-height: 1.5em; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Home Intro Text */ /* ----------------------------------------------------------------------*/ #sbx-intro-text { color: #fff; font-size: 20px; line-height: 1.2em; font-family: NewsGothicStd, Helvetica, "Helvetica Neue", Arial; } #sbx-intro-text input#mod_search_searchword { font-size: 14px !important; margin: 12px 0 0 0 !important; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Mod Inside */ /* ----------------------------------------------------------------------*/ .mod-inside { width: 180px; font-size: .75em; background: url(../images/mod-inside-bot.png) no-repeat left bottom; } .mod-insideContent { padding: 10px 0px; background: url(../images/mod-inside-top.png) no-repeat left top; zoom: 1; } .mod-insideContent h4 { margin: 0 0 0 10px; color: #000; } .mod-insideContent ul { margin: 0px; } .mod-insideContent ul li { padding: .5em 10px .5em 10px; background: url(../images/mod-inside-div.png) no-repeat left bottom; line-height: 1.3em; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ div.userLogin img { display: none; } /* ------------------------------------------------------------------------ /* !MODULE: Soapbox Slideshow */ /* ----------------------------------------------------------------------*/ /* !Base */ .mod-sbxss .sbxss {} /* !Default Template */ .mod-sbxss .sbxss-default {} .mod-sbxss .sbxss-default .sbxss-content-wrap { /*background: url(none);*/ bottom: 0px; } .mod-sbxss .sbxss-default .sbxss-content { padding: 16px 12px 16px 12px; } .mod-sbxss .sbxss-default .sbxss-content h2 { text-shadow: 1px 1px 0px #333; font-weight: normal; } .mod-sbxss .sbxss-default .sbxss-content h2 a {} .mod-sbxss .sbxss-default .sbxss-content h2 a:hover {} .mod-sbxss .sbxss-default .sbxss-content h3 { color: #09569a; text-shadow: 1px 1px 0px #333; font-weight: normal; } .mod-sbxss .sbxss-default .sbxss-content span.catsection {} .mod-sbxss .sbxss-default .sbxss-content p {} .mod-sbxss .sbxss-default .sbxss-content img {} .mod-sbxss .sbxss-default .sbxss-content a.readon {} .mod-sbxss .sbxss-default .sbxss-content a.readon:hover {} .mod-sbxss .sbxss-default .sbxss-controls { width: 916px; font-size: 12px; margin: 12px; padding: 0px; position: absolute; left: 0px; top: 0px; background: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-family: NewsGothicStd, Helvetica, "Helvetica Neue", Arial; } .mod-sbxss .sbxss-default .sbxss-controls ul {} .mod-sbxss .sbxss-default .sbxss-controls ul li {} .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 {} .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 {} .mod-sbxss .sbxss-default .sbxss-controls ul li a span {} .mod-sbxss .sbxss-default .sbxss-pagination {} .mod-sbxss .sbxss-default .sbxss-pagination ul li a { color: #fff; line-height: 24px; padding: 0px; display: block; width: 24px; height: 24px; background: transparent url(../images/sbxss-paging.png) no-repeat left top; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .mod-sbxss .sbxss-default .sbxss-pagination ul li a:hover { color: #fff; padding: 0px; display: block; width: 24px; height: 24px; background: transparent url(../images/sbxss-paging.png) no-repeat left center; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .mod-sbxss .sbxss-default .sbxss-pagination ul li a.sbxss-pageActive { color: #fff; padding: 0px; display: block; width: 24px; height: 24px; background: transparent url(../images/sbxss-paging.png) no-repeat left bottom; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .mod-sbxss .sbxss-default .sbxss-navigation { float: right; width: 88px; height: 24px; /*background: url(../images/sbxss-remote.png) no-repeat;*/ } .mod-sbxss .sbxss-default .sbxss-navigation ul li {} .mod-sbxss .sbxss-default .sbxss-navigation ul li a { padding: 0px !important; background: transparent url(../images/sbxss-remote.png) no-repeat; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a:hover { background: transparent url(../images/sbxss-remote.png) no-repeat; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .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-prev { width: 23px; height: 24px; background-position: 0px 0px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-next { width: 23px; height: 24px; background-position: -65px 0px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-playPause { width: 42px; height: 24px; background-position: -23px 0px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-prev:hover { background-position: 0px -24px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-next:hover { background-position: -65px -24px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-playPause:hover { background-position: -23px -24px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-play { background-position: -23px -48px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-play:hover { background-position: -23px -72px; } .mod-sbxss .sbxss-default .sbxss-navigation ul li a.sbxss-navbtn-playPause span, .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 { margin: 0px !important; display: none; } table.paramlist {display: none !important;} .compSect-content ul.linksList { display: none; margin: 0; padding: 0; } .compSect-content ul.linksList-module { display: none; margin: 0; padding: 0; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; }