/*------------------------------------------------------------------------ # 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: #003644; background: #fff; font-family: "source-sans-pro"; font-size: 18px; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #003644; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #003644; background-color: #fff; } /* !Table */ th {} td,div {} /* !Image */ #maincntr img {border-radius: 10px;} /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #wrapper {} .fs3 {font-size: 1em;line-height: normal;} .maincntr-fl, .maincntr-fr {background: url(../images/mainbg.png) repeat-y center top;} .maincntr-fl #main, .maincntr-fr #main {background: url(../images/mainbgmedium.png) repeat-y;} #main { padding: 0 20px; } .page-home #main { padding-top: 0; } #maininner { padding: 40px 0 20px; } .maincntr-fl #maininner, .maincntr-fr #maininner {background: url(../images/topbgmedium.png) no-repeat;} #main #content { padding: 0px 30px 30px 30px; } #mainbody.mainbody-f #content { padding-left: 0px; padding-right: 0px; } #mainbody.mainbody-fr #content { padding-right: 0px; } #mainbody.mainbody-fl #content { padding-left: 0px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #header { background: #fdfdfd url(../images/headerbg.jpg) no-repeat top center; color: #ccc; line-height: normal; position: relative; z-index: 999; } #headerinner { height: 154px; position: relative; z-index: 999; padding: 0 20px; } a#logo { display: block; margin-top: 25px; } #global { padding-left: 20px; float: right; margin-bottom: 30px; } #global .mod-search {float: right;} #global .mod-search:after {clear: none;} #global #mod_search_searchword { width: 170px !important; border: none; padding: 14px 5px 13px 30px; color: #999; background: #fff; font-family: "source-sans-pro"; font-size: 14px; border-bottom: 1px solid #ebece6; border-left: 1px solid #ebece6; border-radius: 0 0 0 5px; } #global .mod-search button.button {background: url(../images/searchbt.png); text-indent: -9999em; height: 48px; width: 55px; border: none; border-radius: 0 0 10px 0; margin-right: 0;} #global .btdonate {float: right; background-color: #95bf74; border-radius: 0 0 10px 10px; color: #fff; line-height: 48px; padding: 0 35px; text-transform: uppercase; text-decoration: none; margin-right: 20px; font-family: "azo-sans-web"; font-size: 14px; font-weight: bold;} #nav { position: relative; z-index: 999; padding: 0; float: right; } #nav-responsive { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #footer-container {background: url(../images/footerbg.jpg) no-repeat; background-size: cover;} #footer { clear: both; color: #91B7C1; position: relative;padding: 0 0 40px 0; font-style: normal; font-size: 14px; } #footerinner { border-top: 1px solid #91b7c1; padding: 30px 0 20px; } #footerinner a { color: #91B7C1; text-decoration: none; } #footerinner a:hover { text-decoration: underline; } #footerinner .poweredby {float: right; margin: 0;} #bottominner { padding: 90px 0;} /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #pathway { border-bottom: 1px solid #ebece6; font-size: 14px; } .mod-breadcrumbs { padding: 10px 0; } .mod-breadcrumbs span.pathway a { text-decoration: none; } .mod-breadcrumbs span.pathway a:hover {} .mod-breadcrumbs span.pathway img {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 1px 0 0; list-style: none; } ul.menu li { margin: 0 !important; padding: 0 !important; background: none !important; height: auto; } ul.menu li a { color: #A5C887; line-height: 1.2em; padding: 5px 0; text-decoration: none; display: block; outline: none; } ul.menu li a:hover { color: #00667D; 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 { color: #00667D; background: #fff; 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.active ul li a { color: #A5C887; background: none !important; font-weight: normal; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #00667D; } 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 { 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.active ul li.active ul li a { 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 { 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: 1%; } ul.menu-fm > li {float: left; width: 20%;} ul.menu-fm li { margin: 0; padding: 0; background: none; line-height: normal; height: auto; text-align: left; } ul.menu-fm li a { display: inline; color: #fff; font-size: 18px; font-weight: 600; line-height: normal; text-decoration: none; } ul.menu-fm li ul li a {font-weight: 300; font-size: 16px; } ul.menu-fm li a:hover { color: #c3dbed; text-decoration: none; } ul.menu-fm li.active a { color: #fff; } ul.menu-fm li.last-item { border-right: none; } ul.menu-fm li span.separator { padding: 0 8px; display: inline; color: #999; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; } ul.menu-fm li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menuhorz { margin: 0; padding: 0; position: relative; z-index: 1000; } ul.menuhorz ul { margin: 0; padding: 0; z-index: 1000; } ul.menuhorz li { margin: 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; height: auto; width: 20%; } ul.menuhorz li.item45 {width: 25%;} ul.menuhorz li.item61 {width: 15%;} ul.menuhorz ul a { width: 118px; z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ } /* !2nd Level */ ul.menuhorz li ul { width: 160px; position: absolute; left: -999em; height: auto; z-index: 1000; } ul.menuhorz li li { padding: 0 10px 0 0; margin: 0; width: 150px; } /* !3rd Level */ ul.menuhorz li ul ul { margin: -27px 0 0 160px; } ul.menuhorz li:hover ul ul, ul.menuhorz li:hover ul ul ul, ul.menuhorz li.sfhover ul ul, ul.menuhorz li.havechildsfhover ul ul, ul.menuhorz li.havechild-activesfhover ul ul, ul.menuhorz li.activesfhover ul ul, ul.menuhorz li.sfhover ul ul ul, ul.menuhorz li.havechildsfhover ul ul ul, ul.menuhorz li.havechild-activesfhover ul ul ul, ul.menuhorz li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ ul.menuhorz li:hover ul, ul.menuhorz li li:hover ul, ul.menuhorz li li li:hover ul, ul.menuhorz li.sfhover ul, ul.menuhorz li.havechildsfhover ul, ul.menuhorz li.havechild-activesfhover ul, ul.menuhorz li.activesfhover ul, ul.menuhorz li li.sfhover ul, ul.menuhorz li li.havesubchildsfhover ul, ul.menuhorz li li.havesubchild-activesfhover ul, ul.menuhorz li li.activesfhover ul, ul.menuhorz li li li.sfhover ul, ul.menuhorz li li li.havesubchildsfhover ul, ul.menuhorz li li li.havesubchild-activesfhover ul, ul.menuhorz li li li.activesfhover ul { left: auto; } /* !STYLE: 1st Level */ /* ------------------------------------------------------ */ ul.menuhorz li a { display: block; text-decoration: none; padding: 0 0 0 25px; color: #00667D; font-size: 18px; font-weight: 600; line-height: 1.2;} ul.menuhorz li a:hover { color: #91b7c1; } ul.menuhorz li:hover, ul.menuhorz li.sfhover, ul.menuhorz li.havechildsfhover, ul.menuhorz li.havechild-activesfhover { color: #91b7c1; } ul.menuhorz li a.active, ul.menuhorz li a.active:hover { color: #91b7c1; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ ul.menuhorz li ul { border: 1px solid #2b6484; background: #5192c3; } ul.menuhorz li ul li { border-bottom: 1px solid #2972a8; border-right: none; background: none; } ul.menuhorz 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 */ ul.menuhorz li.havesubchild { background: url(../images/mm-arrow.png) no-repeat 94% 50%; } ul.menuhorz li.havesubchild:hover { background: url(../images/mm-arrow.png) no-repeat 94% 50% #2b6484; } /*! LI active state, want to show arrow */ ul.menuhorz li.havesubchild-active { background: url(../images/mm-arrow.png) no-repeat 94% 50%; } ul.menuhorz li.havesubchild-active:hover { background: url(../images/mm-arrow.png) no-repeat 94% 50% #2b6484; } ul.menuhorz li.havesubchildsfhover:hover, ul.menuhorz li.havesubchild-activesfhover:hover, ul.menuhorz ul ul li.havesubchildsfhover:hover, ul.menuhorz ul ul li.havesubchild-activesfhover:hover { background: url(../images/mm-arrow.png) no-repeat 94% 50% #2b6484; } ul.menuhorz li.havesubchildsfhover, ul.menuhorz li.havesubchild-activesfhover, ul.menuhorz ul ul li.havesubchildsfhover, ul.menuhorz ul ul li.havesubchild-activesfhover, ul.menuhorz li ul a:hover, ul.menuhorz li ul a:active, ul.menuhorz li ul a:focus, ul.menuhorz ul li:hover, ul.menuhorz ul li.sfhover, ul.menuhorz ul ul li:hover, ul.menuhorz ul ul li.sfhover { background: #2b6484; color: #fff; position: static; } /* !LI active state */ ul.menuhorz ul li.active, ul.menuhorz ul li.active:hover, ul.menuhorz ul li.active:active, ul.menuhorz ul li.active:focus, ul.menuhorz ul li.activesfhover, ul.menuhorz ul li.activesfhover:hover, ul.menuhorz ul li.activesfhover:active, ul.menuhorz ul li.activesfhover:focus { background-color: #2972a8; } /* !LINK active state */ ul.menuhorz ul li a.active, ul.menuhorz ul li a.active:hover { background: #2972a8 !important; color: #fff; font-weight: bold; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading, .item-header h1.title, h1.title { color: #00536a; font-family: "azo-sans-web"; font-size: 60px; font-weight: bold; } h1.componentheading span.subheading { color: #5b91e5; } /* !Article Heading */ .article-title {margin-bottom: 40px;} .article-title h2.contentheading { color: #00536a; font-family: "azo-sans-web"; font-size: 60px; font-weight: bold; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited { color: #00536a; } .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: #00536a; } .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: #00536a; } .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 { background: url(../images/modtitle.png) bottom no-repeat; padding-bottom: 40px;} table.blog tr td.article_column {} table.blog tr td.column_separator {} table.blog span.article_separator {} table.blog h2.contentheading {} table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} table.blog .article-title {} 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 */ 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 caption { color: #5b91e5; border-color: #d8dacd; } 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: #eff0ea; border-color: #d8dacd; } table.resultsTBL .row0 td, table.resultsTBL .row2 td, table.resultsTBL .even td { background: #f6f7f4; border-color: #d8dacd; } table.resultsTBL tfoot td { background: #f6f7f4; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #d8dacd; } .resultsTBL-foot .foot-total strong { color: #5b91e5; } table.resultsTBL tr.rowTitle1 td { background: #f2ede7; } table.resultsTBL tr.rowTitle2 td { background: #f8f5f2; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #c4a67e; } 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 { font-size: 25px; } .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: #003644; } .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; padding: 0 10px; } .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: #f2ede7; border-color: #f2ede7; color: #c4a67e; } /* !Nav Bar */ .compNavBar-wrap { border-color: #c4a67e; } .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: #c4a67e; text-decoration: none; } .compNavBar-content ul li a { border-color: #c4a67e; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #c4a67e; } /* !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: #c4a67e; text-decoration: none; } .compTitleBar-content ul li a { border-color: #c4a67e; } .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: #D8DACD; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #c4a67e; background: #f8f5f2; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #D8DACD; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #00536a; } /* !Content Rating */ .compConRating-wrap { color: #405e3c; background: #f8f5f2; } .compConRating-content {} /* !Form: Fields */ /* .field, .inputbox, td.paramlist_value select, .input-text, textarea.textarea { color: #3d3630; font-family: Tahoma, Arial, Helvetica, sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } */ input.field.text, textarea.field, .inputbox, .input-text, td.paramlist_value select { color: #000; font-family: Tahoma,Arial,Helvetica,sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } input.text, input.field, input.input-text, input.textarea, .btn, .btn-primary { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } button.button, .btn, .btn-primary, .btn-secondary { font-family: "azo-sans-web"; font-weight: bold; } .btn, .btn-primary { border: none; background: #95bf74; border-radius: 20px; color: #fff; font-size: 12px; font-weight: bold; padding: 8px 20px; text-shadow: none; text-transform: uppercase; } .btn:hover { background: #00667d; color: #fff; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #c4a67e; display: inline; } /* !Form: Main Button */ button.button { color: #fff; background: #95bf74; border: none; border-radius: 20px;font-size: 12px; text-transform: uppercase; padding: 8px 10px; line-height: normal; margin-right: 5px; margin-bottom: 5px; cursor: pointer; overflow: visible; width: auto; } button.button:hover, button.button:focus { background: #324D2E; } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #92744c; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #92744c; } span.linkOptions a:hover { color: #333; } /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #c4a67e; } .gallery-flickr-link { font-weight: bold; } /* !Item Actions */ div.item-actions {} div.item-actions div.ia {} a.ia-link, a.ia-link:active, a.ia-link:visited { color: #fff; background-color: #006699; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; } a.ia-link:hover { color: #fff; background-color: #333; text-decoration: none; } a.ia-link.active { background-color: #333; color: #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: #c4a67e; height: 110px; } .cal-monthTBL td.cal-wd { color: #3d3630; background-color: #f2ede7; } .cal-monthTBL td.cal-wdEmpty { color: #c4a67e; background-color: #f8f5f2; } .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: #c4a67e; 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: #f8f5f2; } .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: #c4a67e; } .calMod-monthTBL td.cal-wd { color: #3d3630; background-color: #f2ede7; } .calMod-monthTBL td.cal-wdEmpty { color: #c4a67e; background-color: #f8f5f2; } .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: #c4a67e; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #7eac2f; } .calMod-monthTBL .meta-line { color: #3d3630; } .calMod-monthTBL .cal-wdPopNum a { color: #3d3630; } /* !Sections */ .section { color: inherit; } .section-title { color: #7eac2f; font-size: 1.4em; line-height: 1.1em; font-weight: bold; text-transform: none; } /* !Search Results Layout */ ul.compList#sectSrc-formUL li#srch-areas { display:none; } div#sectSrc-title { display:none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ div.sbxModTable { margin-bottom: 15px; padding: 0 0 0px; } div.sbxModTable h3 { color: #7eac2f; font-family: "azo-sans-web"; font-size: 1.3em; font-weight: bold; line-height: normal; text-transform: none; margin: 0; padding: 0 0 15px; } div.sbxModTable h3 span {} /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule */ /* ----------------------------------------------------------------------*/ div.sbxModule { /*background: url("../images/b-br.gif") no-repeat scroll right bottom;*/margin-bottom: 20px; float: left; clear: both; width: 100%; } /* BR */ div.sbxModule h3 { color: #5D8076; font-size: 20px; font-weight: bold; text-transform: none; margin: 0 0 10px; padding: 0px 0px 5px; height: 1%; } div.sbxModule h3 span { display: block; } /* div.sbxModule div.bl { background: url(../images/b-bl.gif) no-repeat left bottom; padding: 0px; } div.sbxModule div.tr { background: url(../images/b-tr.gif) no-repeat right top; padding: 0px; } div.sbxModule div.tl { background: url(../images/b-tl.gif) no-repeat left top; padding: 15px; } */ div.sbxModule div.sbxMod-content { margin: 0; padding: 0; float: none; width: 100%; background: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Actions */ /* ----------------------------------------------------------------------*/ .section-action-letter { border-left-color: #c4a67e; background: #fbf8f4; -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; } /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Petitions */ /* ----------------------------------------------------------------------*/ .petition-prognum { color: #5b91e5; } .petition-proglabel { color: #7eac2f; } .section-petition-letter { border-left-color: #c4a67e; background: #fbf8f4; -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; } .petition-letter { font-size: 14px; line-height: 1.5em; } .petition-letter-title { font-size: 1.6em; text-transform: uppercase; color: #4c3607; } .supporter-item { font-size: inherit; line-height: 1.4em; border-top-color: #c4a67e; } .supporter-name { color: inherit; } .supporter-location, .supporter-time { color: #405e3c; font-size: 11px; } .section-socialshare { border-top-color: #c4a67e; border-bottom-color: #c4a67e; background-color: #fbf8f4; padding-left: 10px; padding-right: 10px; } .share-title { color: #405e3c; } .stickybar { background: #7eac2f; } .z-accordion.white.z-bordered, .z-accordion.white.z-bordered>section>h3, .z-accordion.white.z-bordered>section>h3>.z-title, .z-accordion.white.z-bordered>section>.z-content { border-color: #ccc; } .z-accordion.white.vertical>section>h3 { color: #006699; } /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Shop */ /* ----------------------------------------------------------------------*/ .section-accordion { border: none; background: #fbf8f4; } .section-accordion .section-header { background: #3d3630; border-color: #fff; } .section-accordion .section-header h3 { color: #fff; } .section h4.subtitle { color: #4c3607; } .section p.desc { color: inherit; } .shop .label { font-size: 10px; background-color: #c4a67e; } .shop .help-block, .shop .help-inline { color: #666; } .shop .table th, .shop .table td { border-color: #f2f2f2; background-color: #fff; } .shop .cart-table thead th a { text-decoration: none !important; } .shop .shop-table h4.title { color: #2d5798; } .shop .shop-table p.desc { font-size: .9em; line-height: 1.4em; } .shop .shop-table td.item-product, .shop .shop-table p.desc { color: inherit; } .shop .cart-table th.item-total, .shop .cart-table td.item-total { width: 70px; } .shop .cart-total, .shop .order-total { border-color: #f2f2f2; } .shop .order-table td.item-thumb { width: 70px; } .shop .order-table.table-striped td { background-color: transparent; } .order-table td.item-qty, .order-table td.item-times { color: #c4a67e; } /* ------------------------------------------------------------------------ /* !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: #f8f5f2; } .sbxMapper-map #mapper-gmapResults { background: #f8f5f2; } .sbxMapper-map #results-head { background: #3d3630; } .sbxMapper-map #results-headTtl h4 { color: #fff; } .sbxMapper-map #results-headPgr { border-color: #c4a67e; } .sbxMapper-map #results-headPgr a, .sbxMapper-map #results-headPgr a:active, .sbxMapper-map #results-headPgr a:visited { color: #fff; } .sbxMapper-map #results-headPgr a:hover { color: #ccc; } .sbxMapper-map .result-locActive { background: #eaeef4; } .sbxMapper-loc .loc-address .cat { color: #c4a67e; } .sbxMapper-loc .loc-address .cat .title { color: #92744c; } /* ------------------------------------------------------------------------ /* !MODULE: SBXSS Simple Template */ /* ----------------------------------------------------------------------*/ /* !Base */ .sbxMod .sbxss-simple {} .sbxMod .sbxss-simple .sbxss-slide {} /* !Content */ .sbxMod .sbxss-simple .sbxss-content-wrap { color: #fff; } .sbxMod .sbxss-simple .sbxss-content { color: #f2ede7; } .sbxMod .sbxss-simple .sbxss-content h2 { color: #fff; } .sbxMod .sbxss-simple .sbxss-content h2 a { color: #fff; } .sbxMod .sbxss-simple .sbxss-content h2 a:hover { color: #c4a67e; } .sbxMod .sbxss-simple .sbxss-content h3 { color: #7eac2f; } .sbxMod .sbxss-simple .sbxss-content span.catsection { color: #c4a67e; } .sbxMod .sbxss-simple .sbxss-content p {} .sbxMod .sbxss-simple .sbxss-content a.readon { color: #fff; } .sbxMod .sbxss-simple .sbxss-content a.readon:hover { color: #c4a67e; } /* !Controls */ .sbxMod .sbxss-simple .sbxss-controls { background: #c4a67e; } /* !Pagination */ .sbxMod .sbxss-simple a.sbxss-page { color: #fff; background: #dbc09a; } .sbxMod .sbxss-simple a.sbxss-page:hover { color: #333; background: #f2ede7; } .sbxMod .sbxss-simple a.sbxss-pageActive { color: #fff; background: #333; } .sbxMod .sbxss-simple a.sbxss-pageActive:hover {} .sbxMod .sbxss-simple a.sbxss-page .thumbnail {} /* !Navigation (Next, Prev, Play/Pause) */ .sbxMod .sbxss-simple a.sbxss-nav { color: #fff; } .sbxMod .sbxss-simple a.sbxss-nav:hover { color: #333; } .flexslider {border: none !important;} .flexslider .flex-content h3.flex-caption em, .flexslider .flex-content .flex-text em {font-weight: normal; color: #bbb;} .flexslider .flex-content .flex-text em {color: #ddd; margin: .1em 0 0 0; padding: 0px; font-size: 1.2em; line-height: 1.1em;} .flexslider .flex-content {background: url( "../images/flexbg_NOLOAD.png") no-repeat scroll center bottom rgba(0, 0, 0, 0) !important; padding: 1% !important;} .flexslider .flex-content {background: none;} .flexslider .flex-content .flex-content-inner {box-sizing: border-box; width: 940px; margin: 0 auto; padding-left: 470px; height: 60px !important;} .flexslider .flex-direction-nav {width: 940px; margin: 0 auto; position: relative;} .flexslider .flex-direction-nav li a {top: auto !important; bottom: 25px;} .flexslider .flex-direction-nav li .prev {left: 0 !important; background: url(../images/prev.png) no-repeat !important;} .flexslider .flex-direction-nav li .next {left: 60px; right: auto !important; background: url(../images/next.png) no-repeat !important;} #showcase {color: #5D8076; font-size: 18px; line-height: normal; padding-top: 60px;} #showcase .sbxMod {float: left; width: 300px; margin-left: 20px;} #showcase img {border-radius: 10px;} #showcase div.sbxModTable h3 {color: #00536a; font-size: 30px; padding-top: 16px;} #main-video {background: url(../images/videobg.png); color: #fff; padding: 15px 0; font-size: 27px; line-height: normal;} #main-video div.sbxModTable h3 {color: #fff; font-size: 40px; text-transform: uppercase;} #main-video p.credit {font-size: 20px; font-style: italic;} #main-report {color: #003644; font-size: 27px; line-height: normal; padding: 60px 0 0;} #main-report div.sbxModTable h3 {color: #00667D; font-size: 48px;} #latestnews {background: url(../images/latestbg.png); color: #fff; font-size: 18px; padding: 60px 0; word-wrap: break-word;} #latestnews .container {position: relative;} #latestnews ul.mod-list {margin-left: -20px;} #latestnews ul.mod-list li {float: left; width: 300px; margin-left: 20px;} #latestnews h3.sbxMod-title {color: #fff; font-size: 40px; text-align: center; text-transform: uppercase; margin: 0 0 60px;} #latestnews .mod-item .item-title {font-size: 30px; line-height: 1.2; margin: 0 0 15px;} #latestnews .mod-item .item-title a {color: #fff; text-decoration: none;} #latestnews .mod-item .item-meta {margin: 0 0 20px;} #latestnews .item-meta strong.date {color: #405E3C; font-weight: normal;} #latestnews .mod-contentFooter {position: absolute; top: 12px; right: 0; margin: 0;} #latestnews .mod-contentFooter .botLink {color: #fff;border: 2px solid; border-radius: 20px;display: block;padding: 8px 40px;text-decoration: none; text-transform: uppercase;} .sbxModTable-home-page.mod-news .mod-item .item-image img {width: auto;} .sbxModTable-home-page.mod-news .mod-item a.item-readon {color: #405E3C;} .sbxModTable-home-page.mod-news .mod-item a.item-readon:hover {text-decoration: none;} #main-bot {border-top: 1px solid #ebece6; padding: 60px 0 0;} .page-home #main-bot {border-top: none;} #main-bot .sbxMod {float: left; width: 300px; margin-left: 20px; text-align: center;} #main-bot .sbxMod.mod-main-bot-first {text-align: left;} #main-bot h3 {color: #00667D; font-size: 18px; padding: 0 0 20px; text-transform: uppercase;} #main-bot h3 span {font-size: 40px; font-weight: 300; line-height: 30px; display: block;} #main-bot .modsocial h3 {position: relative;} #main-bot a {text-decoration: none;} /* #main-bot .icon-twitter {color: #95bf74; font-size: 140px;} */ #main-bot .social-icons {color: #95bf74; font-size: 50px; padding: 9px;} #main-bot .mod-main-bot-last img {width: 148px;} #main-bot .mod-newsletter-box {position: relative;} #main-bot .mod-newsletter-box input[type=text] {border: 2px solid #95bf74; border-radius: 25px; padding-left: 20px; padding-right: 110px; height: 50px; width: 100%; box-sizing: border-box; font-family: "source-sans-pro"; font-size: 16px;} #main-bot .mod-newsletter-box button.button {background: #95bf74; border: none; font-family: "azo-sans-web"; color: #fff; border-radius: 0 25px 25px 0; height: 50px; padding: 0; font-size: 14px; font-weight: bold; margin: 0; position: absolute; right: 0; top: 0; width: 110px;} #main-top {background: url(../images/sectiontitlebg.jpg); background-size: cover;} #main-top div.sbxModTable {color: #fff; font-family: "azo-sans-web"; font-size: 80px; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; margin: 0; padding: 100px 0;} .sidebar .sbxMod {margin: 0 0 1.5em;} .sidebar .sbxMod-title {background: url(../images/modtitle.png) no-repeat left bottom;color: #5D8076; font-family: "azo-sans-web"; font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0 0 1.5em; padding-bottom: 8px;} .sidebar .sbxModule-sm .sbxMod-title {background: none; color: #CCBE4F; padding: 0;} .sidebar .mod-item .item-title {font-size: 20px;} .sidebar .mod-item .item-title a {color: #A5C887;text-decoration: none;} .sidebar .mod-item .item-title a:hover {color: #00667d;} .sidebar .mod-item strong.date {color: #405e3c;font-weight: normal; font-size: 14px;} .meet-our-team a {border: 2px solid; border-radius: 50px; color: #A5C887; display: block; font-family: "azo-sans-web"; font-style: italic; text-align: center; text-decoration: none; padding: 20px 0;} .meet-our-team a:hover {color: #00667d; text-decoration: none;} .meet-our-team a span {font-size: 27px; font-weight: bold; font-style: normal; display: block; line-height: 27px; text-transform: uppercase;} .menu-name { display: none; } .navbar-toggle { background-color: transparent; background-image: none; border: 2px solid #00536a; border-radius: 10px; cursor: pointer; float: right; margin-bottom: 8px; margin-right: 20px; margin-top: 28px; padding: 11px 10px; position: relative; } .navbar-toggle:focus { outline: 0 none; } .navbar-toggle .icon-bar { background-color: #00536a; border-radius: 1px; display: block; height: 5px; width: 30px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .collaborating-partners table.blog tr td div.contentpaneopen { min-height: 350px; }