/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v2.3.0) # ------------------------------------------------------------------------ # Copyright (C) 2012 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #333; background: #fff url(../images/bg-body.gif) repeat; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #333; background: #fff url(../images/bg-body.gif) repeat; } /* !Modal Pane Popups */ body.modalpane { color: #3d3630; background-color: #fff; } /* !Table */ th {} td,div {} .fs4 { line-height: 1.4em; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #wrapper { padding-bottom: 40px; } #main {} #maininner {} #main #content { padding: 0 15px 15px 15px; border: 1px solid #eef0ef; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; position: relative; } .page-home #main #content { padding: 0px; } #mainbody {} /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #header { position: relative; z-index: 999; } #headerinner { position: relative; height: 120px; z-index: 999; } a#logo { position: absolute; top: 13px; left: 0px; display: block; } #nav { background: url(../images/nav-bg.png) no-repeat; position: relative; z-index: 999; padding: 0; height: 65px; } .sbxModTable-gn { float: right; font-size: 13px; line-height: normal; margin: 35px 7px 0 0; } a.mainlevel-gn { color: #e73624; text-decoration: none; } a.mainlevel-gn:hover { color: #333; text-decoration: none; } span.mainlevel-gn { padding: 0 8px; color: #dfdfdf; } .sbxModTable-gs { float: right; clear: both; width: 252px; height: 30px; background: url(../images/search.png) no-repeat; margin-top: 6px; } .sbxModTable-gs input.field { background: none; border: none; padding: 0px; font-size: 13px; line-height: 34px; height: 34px; color: #7b7b7b; width: 94% !important; font-family: Arial, Helvetica, sans-serif; } .sbxModTable-gs form { padding-left: 32px; } .sbxModTable-social { float: right; margin: 30px 0 0 0; } .sbxModTable-social a { margin-left: 5px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #footer { clear: both; color: #333; position: relative; padding: 20px 0 15px 0; font-style: normal; font-size: 12px; line-height: 1.3em; } #footerinner { padding: 15px 0px; border: 1px solid #eef0ef; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; } #footer p { float: left; margin: 0 15px; } ul.menu-fm { margin: 0; padding: 0; height: 1%; width: 480px; float: right; } ul.menu-fm li { margin: 0; padding: 0 0 4px 0; display: block; float: left; width: 160px; background: none; line-height: normal; height: auto; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited { display: block; color: #666; line-height: normal; text-decoration: none; } ul.menu-fm li a:hover { color: #333; text-decoration: none; } ul.menu-fm li.active a { color: #333; } #bottominner { text-align: center; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #pathway {} .mod-breadcrumbs { font-size: 11px; padding: 12px 0 12px 15px; } .mod-breadcrumbs span.pathway a { background: url("../images/a-breadcrumb.gif") no-repeat scroll right 4px transparent; color: #9B95A3; padding-right: 8px; margin-right: 2px; text-decoration: none; } .mod-breadcrumbs span.pathway a:hover {} .mod-breadcrumbs span.pathway img { display: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ .sbxModTable-mm { background: url("../images/mn-top.gif") no-repeat left top; padding-top: 10px; } .sbxModTable-mm .sbxMod-content { background: url("../images/mn-bot.gif") no-repeat left bottom; padding-bottom: 10px; } ul#mainlevel-mm { margin: 0; padding: 0; font-size: 10px; background: url("../images/mm-bg.gif") repeat-y scroll 0 0 transparent; } ul#mainlevel-mm li { background: none; margin: 0px; padding: 0px; line-height: normal; } ul#mainlevel-mm li a.mainlevel-mm { background: url("../images/mm-a-off.gif") no-repeat scroll left top transparent; color: #FFFFFF; display: block; font: bold 1.4em/1.05em Arial,Helvetica,sans-serif; margin: 0; overflow: hidden; padding: 9px 30px 9px 10px; text-decoration: none; width: auto; } ul#mainlevel-mm li a.mainlevel-mm:hover { background: url("../images/mm-a-hover.gif") no-repeat scroll left top transparent; color: #941614; overflow: hidden; } ul#mainlevel-mm li a#active_menu-mm, ul#mainlevel-mm li a.mainlevel_active-mm { background: url("../images/mm-a-active.gif") no-repeat scroll left top transparent; color: #941614; display: block; font: bold 1.4em/1em Arial,Helvetica,sans-serif; margin: 0; padding: 10px 30px 10px 10px; text-decoration: none; width: auto; } ul#mainlevel-mm li ul { margin: 0px; } ul#mainlevel-mm li ul li a.sublevel-mm { background: url("../images/mm-a-sublevel.gif") no-repeat scroll 15px 3px transparent; color: #FFFFFF; display: block; font: bold 1.2em/1em Arial,Helvetica,sans-serif; margin: 0; padding: 0 30px 13px 23px; text-decoration: none; width: auto; } ul#mainlevel-mm li ul li a.sublevel-mm:hover { color: #941614; } ul#mainlevel-mm li ul li a#active_menu-mm, ul#mainlevel-mm li ul li a.sublevel_active-mm { background: url("../images/mm-a-sublevel.gif") no-repeat scroll 15px 3px transparent; color: #941614; display: block; font: bold 1.2em/1em Arial,Helvetica,sans-serif; margin: 0; padding: 0 30px 13px 23px; text-decoration: none; width: auto; } ul#mainlevel-mm li ul ul { } ul#mainlevel-mm li ul ul li a.sublevel-mm { background: url("../images/mm-a-sublevel.gif") no-repeat scroll 25px 3px transparent; color: #FFFFFF; display: block; font: bold 1.2em/1em Arial,Helvetica,sans-serif; margin: 0; padding: 0 30px 13px; text-decoration: none; width: auto; } ul#mainlevel-mm li ul ul li a.sublevel-mm:hover { color: #941614; } ul#mainlevel-mm li ul ul li a#active_menu-mm { background: url("../images/mm-a-sublevel.gif") no-repeat scroll 25px 3px transparent; color: #941614; display: block; font: bold 1.2em/1em Arial,Helvetica,sans-serif; margin: 0; padding: 0 30px 13px; text-decoration: none; width: auto; } /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ #ja-cssmenu { margin: 0; padding: 0; position: relative; z-index: 1000; font-size: 12px; font-weight: bold; } #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; height: auto; } #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 { width: 160px; position: absolute; left: -999em; height: auto; z-index: 1000; } #ja-cssmenu li li { padding: 0 10px 0 0; margin: 0; width: 150px; } /* !3rd Level */ #ja-cssmenu li ul ul { margin: -27px 0 0 160px; } #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: 55px; padding: 0 10px; color: #fff; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color: #000; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechildsfhover, #ja-cssmenu li.havechild-activesfhover { color: #000; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #941614; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ #ja-cssmenu li ul { border: 1px solid #2b6484; background: #5192c3; } #ja-cssmenu li ul li { border-bottom: 1px solid #2972a8; border-right: none; background: none; } #ja-cssmenu li ul a { border-right: none; margin: 0; padding: 7px 10px; line-height: normal; background: none; color: #fff; font-weight: normal; font-size: .9em; } /* !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% #2b6484; } /*! 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% #2b6484; } #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% #2b6484; } #ja-cssmenu li.havesubchildsfhover, #ja-cssmenu li.havesubchild-activesfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover { background: #2b6484; color: #fff; position: static; } /* !LI active state */ #ja-cssmenu ul li.active, #ja-cssmenu ul li.active:hover, #ja-cssmenu ul li.active:active, #ja-cssmenu ul li.active:focus, #ja-cssmenu ul li.activesfhover, #ja-cssmenu ul li.activesfhover:hover, #ja-cssmenu ul li.activesfhover:active, #ja-cssmenu ul li.activesfhover:focus { background-color: #2972a8; } /* !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 { background: #2972a8 !important; color: #fff; font-weight: bold; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading, .item-header h1.title { color: #fff; font-size: 1.8em; margin-bottom: 15px; padding-bottom: 0px; font-weight: normal; } h1.componentheading span.subheading { color: #5b91e5; } /* !Article Heading */ .mainbody-fr .article-title h2.contentheading, .mainbody-fr h1.componentheading, .mainbody-fr .item-header h1.title { background: #4c4c4c url(../images/titlebg-fr-noshadow.gif) no-repeat left top; margin: 0 0 15px -15px; line-height: 1.1em; width: 670px; padding: 10px 15px; } .article-title { margin-bottom: 0px; } .article-content { margin-top: 0px; } .article-title h2.contentheading { color: #fff; font-size: 1.8em; font-weight: normal; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited {} .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title h2.chBtns-icons {} .article-title h2.chBtns-text {} .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: #666; } .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: #666; } .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 { border-top: 1px dotted #d6d6d6; height: 1px; margin: 1.6em 0; } table.blog h2.contentheading { font-weight: bold; background: none !important; color: #000; margin: 0px !important; padding: 0px !important; width: auto !important; } 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 {} 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: #ccc; } .compBlogMore-content {} /* !Read On Button */ table.blog a.readon, .foot-link a { font-weight: normal; padding-right: 18px; background: url(../images/redarrow.png) no-repeat 100% 1px; } table.blog a.readon:hover, .foot-link a:hover { background-position: 100% 100%; } /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL caption { color: #5b91e5; border-color: #eef0ef; } table.resultsTBL thead th { color: #fff; background: #3d3630; } table.resultsTBL thead th a { color: #fff; } table.resultsTBL thead th a:hover {} table.resultsTBL .row1 td, table.resultsTBL .odd td { background: #f2f2f2; border-color: #eef0ef; } table.resultsTBL .row2 td, table.resultsTBL .even td { background: #f9f9f9; border-color: #eef0ef; } table.resultsTBL tfoot td { background: #eef0ef; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #eef0ef; } .resultsTBL-foot .foot-total strong { color: #5b91e5; } table.resultsTBL tr.rowTitle1 td { background: #f2f2f2; } table.resultsTBL tr.rowTitle2 td { background: #f9f9f9; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #eef0ef; } ul.pagination li {} ul.pagination li span {} ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff {} ul.pagination a, ul.pagination a:active, ul.pagination a:visited {} ul.pagination a:hover {} /* !Poll Table Bars */ .polls_color_1 {} .polls_color_2 {} .polls_color_3 {} .polls_color_4 {} .polls_color_5 {} /* !Section Containers */ .compSect-wrap {} .compSect-title {} .compSect-title a, .compSect-title a:active, .compSect-title a:visited {} .compSect-title a:hover {} .compSect-title h3 {} .compSect-title h3 span {} .compSect-title h3 span.sub { color: #999; font-size: .8em; } .compSect-title-link h3 {} .compSect-title-link h3 a, {} .compSect-title-link h3 a:active, {} .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} .compSect-contentwrap {} .compSect-contentwrap fieldset {} .compSect-content { color: #3d3630; } .compSectBtns-wrap {} .compSectBtns-contentwrap {} .compSectBtns-content {} /* !Section Internal Containers */ .compSectInt-wrap {} .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited {} .compSectInt-title a:hover {} .compSectInt-title h3 {} .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited {} .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap {} .compSectInt-contentwrap fieldset {} .compSectInt-content {} /* !Section Containers Content & Forms */ .compSect-content label.desc {} .compSect-content label.descLrg {} .compSect-content label.desc span.subLBL {} ul.compList label.choice, ul.compList li div label, ul.compList li span label, .compSect-content label.choice, .compSect-content li div label, .compSect-content li span label { color: #666; } .compSect-content li.section, .compSect-content li.sectionInstruct, .compSect-content li.border-top, .section-content li.border-top { color: #666; border-color: #ccc; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} .compResNavPgr-wrap {} .compResNavCtr-wrap {} /* !Tool Bar */ .compToolBar-wrap { border-color: #2d5798; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #eaeef4; border-color: #b6c4db; } .compToolBar-content ul li a:hover { background: #e0e6f0; } .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: #2d5798; border-color: #2d5798; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f2f2f2; border-color: #f2f2f2; color: #eef0ef; } /* !Nav Bar */ .compNavBar-wrap { border-color: #eef0ef; } .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: #eef0ef; text-decoration: none; } .compNavBar-content ul li a { border-color: #eef0ef; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #eef0ef; } /* !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: #eef0ef; text-decoration: none; } .compTitleBar-content ul li a { border-color: #eef0ef; } .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: #eef0ef; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #eef0ef; background: #f9f9f9; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #666; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #666; background: #f9f9f9; } .compConRating-content {} /* !Form: Fields */ input.field.text, textarea.field, .inputbox, td.paramlist_value select { color: #666; font-family: Arial, Helvetica, sans-serif; border-color: #7c7c7c; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #eef0ef; } /* !Form: Main Button */ button.button { color: #ccc; background: #333 url(../images/button-bg.gif) repeat-x top; border: 1px solid #333; font-size: 12px; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; } button.button:hover, button.button:focus { background: #333 url(none); } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #92744c; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #92744c; } span.linkOptions a:hover { color: #333; } /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #eef0ef; } .gallery-flickr-link { font-weight: bold; } /* !Item Actions */ div.item-actions {} div.item-actions div.ia {} a.ia-link, a.ia-link:active, a.ia-link:visited { color: #fff; background-color: #006699; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; } a.ia-link:hover { color: #fff; background-color: #333; text-decoration: none; } a.ia-link.active { background-color: #333; color: #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: #eef0ef; height: 110px; } .cal-monthTBL td.cal-wd { color: #3d3630; background-color: #f2f2f2; } .cal-monthTBL td.cal-wdEmpty { color: #eef0ef; background-color: #f9f9f9; } .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: #eef0ef; 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: #f9f9f9; } .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 {} /* !Calendar Module */ .calMod-monthTBL th.cal-wdHead { color: #fff; border-color: #3d3630; background: #3d3630; } .calMod-monthTBL td.cal-wd, .calMod-monthTBL td.cal-wdEmpty { border-color: #eef0ef; } .calMod-monthTBL td.cal-wd { color: #3d3630; background-color: #f2f2f2; } .calMod-monthTBL td.cal-wdEmpty { color: #eef0ef; background-color: #f9f9f9; } .calMod-monthTBL td.cal-wd .cal-wdNum, .calMod-monthTBL td.cal-wdEmpty .cal-wdEmptyName { height: 30px; } .calMod-monthTBL .cal-today { background-color: #eaeef4 !important; } .calMod-monthTBL a.cal-wdNumEvent {} .calMod-monthTBL a.cal-wdNumEvent:hover { background: #fbf7fc; } .calMod-monthNavTBL a { text-decoration: none !important; } .calMod-monthTBL .cal-wdPopup { border-color: #eef0ef; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #7eac2f; } .calMod-monthTBL .meta-line { color: #3d3630; } .calMod-monthTBL .cal-wdPopNum a { color: #3d3630; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ #sidebar-b .sbxMod, #sidebar-a .sbxMod { clear: both; margin-bottom: 20px; } .sbxModTable-greybox { margin: 20px 0px; color: #333; font-size: .9em; } .sbxModTable-greybox h3 { background: url(../images/greybox-h3.gif) no-repeat; height: 40px; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 1.0em; color: #fff; margin: 0px; padding: 5px 10px 0 10px; text-shadow: -1px -1px 0px rgba(255,255,255,0.1); font-family: 'Open Sans Condensed', Helvetica, sans-serif; font-weight: 700; } .sbxModTable-greybox .sbxMod-content { background: url(../images/greybox-bg.gif) no-repeat left bottom; padding: 0 0 10px 0; } .sbxModTable-greybox .mod-item { background: url("../images/greybox-div.gif") no-repeat scroll left bottom transparent; padding: 10px 10px 12px; } .sbxModTable-greybox .mod-item .item-title { color: #fff; font-size: 1.1em; font-weight: bold; padding-bottom: 1px; padding-top: 1px; } .sbxModTable-greybox .mod-item .item-title a { color: #fff; text-decoration: none; } .sbxModTable-greybox .mod-item .item-title a:hover { color: #333; text-decoration: none; } .sbxModTable-greybox .mod-item .item-text { line-height: 1.2em; padding: 0 0 10px 0; } .sbxModTable-greybox .mod-item .item-text a { color: #fff; text-decoration: none; } .sbxModTable-greybox .mod-item .item-text a:hover { color: #333; text-decoration: none; } .sbxModTable-greybox .mod-item a.item-readon { background: url("../images/dnl-readMore.gif") no-repeat scroll right top transparent; color: #fff; padding-right: 18px; } .sbxModTable-greybox .mod-item a.item-readon:hover { background: url("../images/dnl-readMore.gif") no-repeat scroll right -14px transparent; color: #333; text-decoration: none; } .sbxModTable-followus { font-size: 10px; color: #333; text-align: center; margin: 20px 0px; } .sbxModTable-followus h3 { font-size: 10px; color: #333; margin: 0px; text-transform: uppercase; } .sbxModTable-followus a { margin: 0 4px; } .page-home .sbxModTable-addthis { position: absolute; top: 64px; right: 20px; } .sbxModTable-gray { color: #333; font-size: .9em; } .sbxModTable-gray h3 { background: url(../images/mod-gray-h3.png) no-repeat; height: 40px; color: #fff; font-size: 18px; text-transform: uppercase; line-height: 40px; letter-spacing: .02em; color: #fff; margin: 0px; padding: 0px 10px 0 10px; text-shadow: -1px -1px 0px rgba(255,255,255,0.1); font-family: 'Open Sans Condensed', Helvetica, sans-serif; font-weight: 700; } .sbxModTable-gray .sbxMod-content { background: url(../images/mod-gray-bot.png) no-repeat left bottom; padding: 10px 10px 14px 10px; zoom: 1; } .sbxModTable-gray form label { color: #fff; font-size: 13px; font-weight: bold; margin-bottom: 4px; display: block; } .sbxModTable-gray form input.field-email { height: 28px; line-height: 28px; width: 158px; padding: 0 5px; display: inline-block; vertical-align: middle; } .sbxModTable-gray form button { width: 20px; height: 20px; margin-left: 5px; background: url(../images/mod-gray-btn.png) no-repeat; display: inline-block; border: none; vertical-align: middle; } .sbxModTable-gray form button span { display: none; } .sbxModTable-homeblog h3 { font-weight: normal; font-size: 21px; background: url(../images/titlebg-fr.gif) no-repeat left top; margin: 0; height: 55px; line-height: 48px; text-indent: 15px; width: 700px; color: #fff; } .sbxModTable-homeblog .sbxMod-content { padding: 10px 15px; } .sbxModTable-homeblog .mod-contentFooter { margin: -15px 0 10px 0; text-align: right; } .sbxModTable-homeblog .foot-link a { font-weight: bold; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULES: Base */ /* ----------------------------------------------------------------------*/ /* !UL Style for default module lists, change them all using this */ ul.mod-list {} ul.mod-list li {} /* !Title, Header, Footer & Description inside content */ h4.mod-contentTitle {} .mod-contentDesc {} .mod-contentDescIntro {} .mod-contentDescOutro {} .mod-contentFooter {} /* !Rows */ .modrow1 {} .modrow2 {} /* !MOD Items Classes */ .mod-item .item-title, .mod-itemPlain .item-titleLink {} .mod-item .item-meta {} .mod-item .meta-line {} .mod-item .meta-line strong {} .mod-item .item-text {} .mod-item .item-text p {} .mod-itemPlain 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 {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Mapper */ /* ----------------------------------------------------------------------*/ /* !Mapper */ .com_sbxMapper .gmap-locBalloon h6, .com_sbxMapper .gmap-locBalloon h6 a { color: #5b91e5; text-decoration: none; font-weight: bold; } .com_sbxMapper .locAttribsBox { background-color: #f9f9f9; } .sbxMapper-map #mapper-gmapResults { background: #f9f9f9; } .sbxMapper-map #results-head { background: #3d3630; } .sbxMapper-map #results-headTtl h4 { color: #fff; } .sbxMapper-map #results-headPgr { border-color: #eef0ef; } .sbxMapper-map #results-headPgr a, .sbxMapper-map #results-headPgr a:active, .sbxMapper-map #results-headPgr a:visited { color: #fff; } .sbxMapper-map #results-headPgr a:hover { color: #ccc; } .sbxMapper-map .result-locActive { background: #eaeef4; } .sbxMapper-loc .loc-address .cat { color: #eef0ef; } .sbxMapper-loc .loc-address .cat .title { color: #92744c; } /* ------------------------------------------------------------------------ /* !MODULE: SBXSS Simple Template */ /* ----------------------------------------------------------------------*/ .sbxModTable-hpss { width: 940px; height: 355px; margin-bottom: 20px; background: url(../images/hpss-bg.gif) no-repeat; } .sbxModTable-hpss .mod-sbxss { padding: 10px 0 0 10px; } /* !Base */ .sbxModTable-hpss .sbxss-simple {} .sbxModTable-hpss .sbxss-simple .sbxss-slide {} /* !Content */ .sbxModTable-hpss .sbxss-simple .sbxss-content-wrap { color: #fff; background: url(../../system/images/bg-trans/trans-black-80.png) repeat; } .sbxModTable-hpss .sbxss-simple .sbxss-content { color: #fff; padding: 15px 20px; font-weight: bold; font-size: 14px; line-height: 1.1em; } .sbxModTable-hpss .sbxss-simple .sbxss-content h2 { color: #e73624; font-size: 24px; margin-bottom: 6px; } .sbxModTable-hpss .sbxss-simple .sbxss-content h2 a { color: #e73624; } .sbxModTable-hpss .sbxss-simple .sbxss-content h2 a:hover { color: #ccc; } .sbxModTable-hpss .sbxss-simple .sbxss-content h3 { color: #fff; margin-bottom: 4px; } .sbxModTable-hpss .sbxss-simple .sbxss-content span.catsection { color: #fff; } .sbxModTable-hpss .sbxss-simple .sbxss-content p {} .sbxModTable-hpss .sbxss-simple .sbxss-content a.readon { color: #fff; text-decoration: underline; } .sbxModTable-hpss .sbxss-simple .sbxss-content a.readon:hover { color: #ccc; text-decoration: underline; } /* !Controls */ .sbxModTable-hpss .sbxss-simple .sbxss-controls { background: none; position: absolute; top: 0px; left: 0px; height: 40px; width: 100%; padding: 0px; overflow: visible; } /* !Pagination */ .sbxModTable-hpss .sbxss-simple a.sbxss-page { color: #fff; background: #dbc09a; } .sbxModTable-hpss .sbxss-simple a.sbxss-page:hover { color: #333; background: #f2f2f2; } .sbxModTable-hpss .sbxss-simple a.sbxss-pageActive { color: #fff; background: #333; } .sbxModTable-hpss .sbxss-simple a.sbxss-pageActive:hover {} .sbxModTable-hpss .sbxss-simple a.sbxss-page .thumbnail {} /* !Navigation (Next, Prev, Play/Pause) */ .sbxModTable-hpss .sbxss-simple .sbxss-navigation { height: 40px; float: none; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-nav { background: url("../images/hpss-arrows.png") no-repeat scroll 0 0 transparent; height: 40px; padding: 0; position: absolute; top: 150px; width: 40px; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-prev { left: 10px; background-position: left top; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-prev:hover { background-position: left bottom; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-next { right: 10px; background-position: right top; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-next:hover { background-position: right bottom; } .sbxModTable-hpss .sbxss-simple .sbxss-ctrlSEP a.sbxss-nav span { display: none; }