/*------------------------------------------------------------------------ # 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: #000; background: #ecf1f5 url(../images/body-bg.jpg) repeat; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #000; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #000; background-color: #fff; } /* !Table */ th {} td,div {} .ff-signika { font-family: 'Signika', sans-serif; font-weight: 300; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #wrapper {} #main { background: #fff; padding: 0 34px; border-right: 1px solid #d9eef3; border-left: 1px solid #d9eef3; position: relative; } #maininner { padding-top: 26px; padding-bottom: 40px; } #main #content { padding-right: 30px; } #sidebar-b .sbxMod { padding-left: 25px; } .sbxModTable-addthis { /*position: absolute; top: 22px; right: 34px;*/ } .addthis_toolbox { width: 100%; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #header { position: relative; z-index: 999; background: url(../images/header-bg.jpg) repeat; } #headerinner { position: relative; height: 155px; z-index: 999; } a#logo { display: block; float: left; margin: 12px 0 0 0; } #global { float: right; height: 52px; margin-top: 52px; overflow: hidden; } #global .mod-search, a.but-facebook { float: right; } #global .mod-search { border: 1px solid #d9eef3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff; padding: 6px 6px 6px 15px; height: 38px; } #global #mod_search_searchword { width: 185px !important; color: #666; font-size: 18px; line-height: 38px; height: 38px; border: none; background: #fff url(none); padding: 0px; } #global .mod-search button.button { width: 37px; height: 37px; margin: 0px; outline: none; position: relative; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #42788E; text-shadow: 1px 1px #B6E6F9; border: 1px solid #1379c5; border-top: 1px solid #137cc9; border-bottom: 1px solid #1274ba; box-shadow: inset 0 1px #aacde7, inset 1px 0 #7cb2d8, inset -1px 0 #7cb2d8, inset 0 -1px #5ea0d0 ; background: -moz-linear-gradient(top, #71abd5 0%, #388ac5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71abd5), color-stop(100%,#388ac5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* IE10+ */ background: linear-gradient(top, #71abd5 0%,#388ac5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71abd5', endColorstr='#388ac5',GradientType=0 ); /* IE6-9 */ background-color: #388ac5; } #global .mod-search button.button::-moz-focus-inner{border:0} #global .mod-search button.button:hover { box-shadow: inset 0 1px #aad5f5, inset 1px 0 #7dc0f0, inset -1px 0 #7dc0f0, inset 0 -1px #60b2ee ; background: -moz-linear-gradient(top, #72baf0 0%, #3aa0e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72baf0), color-stop(100%,#3aa0e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* IE10+ */ background: linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72baf0', endColorstr='#3aa0e9',GradientType=0 ); /* IE6-9 */ background-color: #3aa0e9; } #global .mod-search button.button span { background: url(../images/search-but.png) no-repeat; width: 18px; height: 19px; display: inline-block; text-indent: -999em; } #global a.but-facebook { width: 148px; height: 43px; margin-right: 10px; margin-top: 3px; font-size: 20px; line-height: 1.0em; font-weight: 700; text-decoration: none !important; outline: none; position: relative; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #042c4a; text-shadow: 1px 1px #76add6; border: 1px solid #0a72bd; border-top: 1px solid #127cc9; border-bottom: 1px solid #0a6eb6; box-shadow: inset 0 1px #a9cce7, inset 1px 0 #73abd4, inset -1px 0 #73abd4, inset 0 -1px #5599cb, 0 3px #074c7e, 0 1px #063d65 ; background: -moz-linear-gradient(top, #70abd5 0%, #2f82c0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70abd5), color-stop(100%,#2f82c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #70abd5 0%,#2f82c0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #70abd5 0%,#2f82c0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70abd5 0%,#2f82c0 100%); /* IE10+ */ background: linear-gradient(top, #70abd5 0%,#2f82c0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70abd5', endColorstr='#2f82c0',GradientType=0 ); /* IE6-9 */ background-color: #2f82c0; } #global a.but-facebook::-moz-focus-inner{border:0} #global a.but-facebook:hover { box-shadow: inset 0 1px #a9d5f5, inset 1px 0 #72b8ec, inset -1px 0 #72b8ec, inset 0 -1px #56abea, 0 3px #074c7e, 0 1px #063d65 ; background: -moz-linear-gradient(top, #71baef 0%, #3199e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71baef), color-stop(100%,#3199e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71baef 0%,#3199e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71baef 0%,#3199e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71baef 0%,#3199e5 100%); /* IE10+ */ background: linear-gradient(top, #71baef 0%,#3199e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71baef', endColorstr='#3199e5',GradientType=0 ); /* IE6-9 */ background-color: #3199e5; } #global a.but-facebook span { display: block; padding-left: 36px; } #global a.but-facebook span.sub { font-size: 9px; line-height: 1.0em; font-weight: 400; padding-top: 7px; } #global a.but-facebook em { display: block; position: absolute; background: url(../images/facebook-but.png) no-repeat; width: 15px; height: 27px; top: 8px; left: 10px; } #nav { background: url(../images/nav-bg.jpg) repeat; position: relative; z-index: 999; height: 60px; } #nav-responsive { display: none; } #banner { background: url(../images/banner-bg.jpg) repeat; position: relative; height: 405px; } #bannerinner { padding-top: 40px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #footer { background: #e0edf6; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } #footerinner { padding: 20px 22px; font-size: 13px; line-height: 1.5em; color: #042c4a; } #footerinner p { margin: 0 0 .6em 0; } #footerinner p.copy { font-size: 12px; color: #06436e; margin-bottom: 0px; } #footerinner a { color: #0a6eb7; text-decoration: none; } #footerinner a:hover { color: #0a6eb7; text-decoration: underline; } .sbxModTable-footaddy { float: left; } a#npsb { float: right; margin: 8px 4px 0 0; } #bottominner {} /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #pathway { font-size: 13px; line-height: 1.1em; padding: 26px 0px 0px 20px; color: #9bcae8; } .mod-breadcrumbs { border-bottom: 1px solid #daeaf4; padding: 0 0 10px 0; font-weight: 400; } .mod-breadcrumbs span.pathway a { color: #9bcae8; text-decoration: none !important; } .mod-breadcrumbs span.pathway a:hover { color: #0a6eb7; } .mod-breadcrumbs span.pathway img {} .mod-breadcrumbs span.pathway .sep { padding: 0 6px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Homepage */ /* ----------------------------------------------------------------------*/ #home-grid { border-bottom: 1px solid #daeaf4; padding: 0 0 25px 0; margin-bottom: 25px; } #home-grid #hg-left .sbxMod { padding-right: 20px; } #home-grid #hg-mid .sbxMod { padding: 0px 10px; } #home-grid #hg-right .sbxMod { padding-left: 20px; } .page-home .sbxModTable-addthis, .page-home .sbxModTable-sm { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Sponsors */ /* ----------------------------------------------------------------------*/ #bottom { margin-top: 50px; margin-bottom: 50px; } .sbxModTable-sponsors { text-align: center; position: relative; padding: 30px 0; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border: 1px solid #c2dbed; } .sbxModTable-sponsors .title { text-align: center; position: absolute; bottom: -14px; width: 940px; } .sbxModTable-sponsors h4 { color: #c2dbed; font-size: 16px; line-height: 1em; margin: 0; background: #042c4a; display: inline-block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px 14px; } .sbxModTable-sponsors div.scrollable { float: left; height: 110px; overflow: hidden; position: relative; width: 820px; } .sbxModTable-sponsors div.scrollable div.items { clear: both; margin-left: 0; position: absolute; width: 20000em; } .sbxModTable-sponsors div.scrollable div.items div { float: left; width: 820px; } .sbxModTable-sponsors div.scrollable div.items div div { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 80px; margin-left: 12px; margin-right: 12px; width: 180px; background: #ccc; } .sbxModTable-sponsors div.scrollable div.items a { display: block; position: relative; } .sbxModTable-sponsors a.disabled { opacity: 0.2; } .sbxModTable-sponsors div.scrollable div.items p { color: #666666; font-size: 11px; margin: -25px 0 0; } .sbxModTable-sponsors div.navi { clear: both; display: none; height: 20px; margin: 0 auto; width: 42px; } .sbxModTable-sponsors div.navi a { background: url("../js/navigator.png") no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 1px; height: 8px; margin: 3px; width: 8px; } .sbxModTable-sponsors div.navi a:hover { background-position: 0 -8px; } .sbxModTable-sponsors div.navi a.active { background-position: 0 -16px; } .sbxModTable-sponsors a.prev, .sbxModTable-sponsors a.next, .sbxModTable-sponsors a.prevPage, .sbxModTable-sponsors a.nextPage { background: url("../images/sponsors-arrows.png") no-repeat scroll 0 0 transparent !important; cursor: pointer; display: block; float: left; font-size: 1px; height: 26px; margin: 0; width: 17px; } .sbxModTable-sponsors a.next, .sbxModTable-sponsors a.nextPage { background-position: -17px 0 !important; clear: right; margin: 26px 21px 0 21px; } .sbxModTable-sponsors a.next:hover, .sbxModTable-sponsors a.nextPage:hover { background-position: -17px -26px !important; } .sbxModTable-sponsors a.prev, .sbxModTable-sponsors a.prevPage { background-position: 0 0 !important; margin: 26px 21px 0 21px; } .sbxModTable-sponsors a.prev:hover, .sbxModTable-sponsors a.prevPage:hover { background-position: 0 -26px !important; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 0; list-style: none; } ul.menu > li { margin: 0 !important; padding: 0 !important; background: none !important; height: auto; } ul.menu > li > a { font-size: 16px; color: #042c4a; text-transform: uppercase; text-decoration: none; display: block; outline: none; } ul.menu > li > a:hover { text-decoration: none; } /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 0; list-style: none; } ul.menu li ul li { list-style: none; margin: 0; padding: 12px 0px 10px 0px; background: none; line-height: 1.1em; border-bottom: 1px dotted #daeaf4; } ul.menu li ul li.last-item { border-bottom: 0px solid black; } ul.menu li ul li a { font-size: 22px; line-height: 1.1em; font-weight: 600; color: #0a6eb7; text-decoration: none; } ul.menu li ul li a, ul.menu li.active ul li a {} ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #4ca0d6; } 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 { color: #042c4a; } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} /* !2nd Level > Seperator */ ul.menu li ul li span.separator {} ul.menu li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul {} ul.menu li ul li ul li {} ul.menu li ul li ul li a, ul.menu li.active ul li.active ul li a {} 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: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 { margin: 0; padding: 0; display: inline; background: none; border-right: 1px solid #666; line-height: normal; height: auto; } ul.menu-fm li a { padding: 0 8px; display: inline; color: #666; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; } 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; } ul.menuhorz ul a { width: 180px; 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: 200px; position: absolute; left: -999em; height: auto; z-index: 1000; } ul.menuhorz li li { padding: 0; margin: 0; width: 200px; } /* !3rd Level */ ul.menuhorz li ul ul { margin: -27px 0 0 200px; } 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; line-height: 60px; padding: 0 24px; color: #644c08; font-size: 22px; font-weight: 600; text-transform: uppercase; text-shadow: 1px 1px #f9d14e; } ul.menuhorz li a:hover { color: #352804; } ul.menuhorz li:hover, ul.menuhorz li.sfhover, ul.menuhorz li.havechildsfhover, ul.menuhorz li.havechild-activesfhover { color: #352804; } ul.menuhorz li a.active, ul.menuhorz li a.active:hover { color: #fff; background: url(../images/mm-active.png) repeat-x; text-shadow: 1px 1px #caa533; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ ul.menuhorz li ul { border: 1px solid #f7bb12; border-top: 0px; background: #f8cf5e; box-shadow: 0px 0px 6px rgba(0,0,0,0.2) } ul.menuhorz li ul li { border-bottom: 1px solid #f7bb12; border-right: none; background: none; } ul.menuhorz li ul a { border-right: none; margin: 0; padding: 9px 10px 7px 10px; line-height: normal; background: none; color: #644c08; font-weight: 600; font-size: .9em; line-height: 1.1em; text-shadow: 1px 1px #f9d14e; } /* !LI with subitems, want to show arrow */ ul.menuhorz li.havesubchild {} ul.menuhorz li.havesubchild:hover {} /*! LI active state, want to show arrow */ ul.menuhorz li.havesubchild-active {} ul.menuhorz li.havesubchild-active:hover {} 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 {} 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: #f9c43f; color: #352804; 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: #f9c43f; color: #fff; } /* !LINK active state */ ul.menuhorz ul li a.active, ul.menuhorz ul li a.active:hover { background: #e7a409 !important; color: #fff; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading, .item-header h1.title { color: #042c4a; font-size: 36px; line-height: 1.1em; font-weight: 400; padding-bottom: 0px; } h1.componentheading span.subheading { color: #0a6eb7; } /* !Article Heading */ .article-title {} .article-title h2.contentheading { color: #042c4a; font-size: 36px; line-height: 1.1em; font-weight: 400; } .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: #4ca0d6; } .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: #4ca0d6; } .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 {} 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: #0a6eb7; border-color: #daeaf4; } table.resultsTBL thead th { color: #fff; background: #000; } table.resultsTBL thead th a { color: #fff; } table.resultsTBL thead th a:hover {} table.resultsTBL .row1 td, table.resultsTBL .odd td { background: #f3f8fb; border-color: #daeaf4; } table.resultsTBL .row2 td, table.resultsTBL .even td { background: #f7fafd; border-color: #daeaf4; } table.resultsTBL tfoot td { background: #daeaf4; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #daeaf4; } .resultsTBL-foot .foot-total strong { color: #0a6eb7; } table.resultsTBL tr.rowTitle1 td { background: #f3f8fb; } table.resultsTBL tr.rowTitle2 td { background: #f7fafd; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #daeaf4; } 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: #000; } .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: #042c4a; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #0a6eb7; border-color: #0a6eb7; color: #fff; } .compToolBar-content ul li a:hover { background: #4ca0d6; border-color: #4ca0d6; color: #fff; } .compToolBar-content ul li {} .compToolBar-content ul li.first {} .compToolBar-content ul li.last {} .compToolBar-content ul li.left {} .compToolBar-content ul li.right {} .compToolBar-content ul li.active a { background: #042c4a; border-color: #042c4a; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f3f8fb; border-color: #f3f8fb; color: #daeaf4; } /* !Nav Bar */ .compNavBar-wrap { border-color: #daeaf4; } .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: #daeaf4; text-decoration: none; } .compNavBar-content ul li a { border-color: #daeaf4; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #daeaf4; } /* !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: #daeaf4; text-decoration: none; } .compTitleBar-content ul li a { border-color: #daeaf4; } .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: #daeaf4; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #daeaf4; background: #f7fafd; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #042c4a; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #4ca0d6; background: #f7fafd; } .compConRating-content {} /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #666; font-family: 'Signika', sans-serif; font-weight: 400; border-color: #7c7c7c #c3c3c3 #ddd; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #daeaf4; } /* !Form: Main Button */ button.button { margin: 0px; padding: 6px 12px; outline: none; position: relative; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-family: 'Signika', sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; text-shadow: -1px -1px #5489ae; border: 1px solid #1379c5; border-top: 1px solid #137cc9; border-bottom: 1px solid #1274ba; box-shadow: inset 0 1px #aacde7, inset 1px 0 #7cb2d8, inset -1px 0 #7cb2d8, inset 0 -1px #5ea0d0 ; background: -moz-linear-gradient(top, #71abd5 0%, #388ac5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71abd5), color-stop(100%,#388ac5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71abd5 0%,#388ac5 100%); /* IE10+ */ background: linear-gradient(top, #71abd5 0%,#388ac5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71abd5', endColorstr='#388ac5',GradientType=0 ); /* IE6-9 */ background-color: #388ac5; } button.button::-moz-focus-inner{border:0} button.button:hover { box-shadow: inset 0 1px #aad5f5, inset 1px 0 #7dc0f0, inset -1px 0 #7dc0f0, inset 0 -1px #60b2ee ; background: -moz-linear-gradient(top, #72baf0 0%, #3aa0e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72baf0), color-stop(100%,#3aa0e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* IE10+ */ background: linear-gradient(top, #72baf0 0%,#3aa0e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72baf0', endColorstr='#3aa0e9',GradientType=0 ); /* IE6-9 */ background-color: #3aa0e9; } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions {} span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active {} span.linkOptions a:hover {} /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #daeaf4; } .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: #000; background: #000; } .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty { border-color: #daeaf4; height: 110px; } .cal-monthTBL td.cal-wd { color: #000; background-color: #f3f8fb; } .cal-monthTBL td.cal-wdEmpty { color: #daeaf4; background-color: #f7fafd; } .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL .cal-wdNum a { color: #000; } .cal-monthTBL .cal-wdNum a:hover { color: #000; } .cal-monthTBL .cal-today { background-color: #eaeef4 !important; } .cal-monthTBL .cal-wdPopup { border-color: #daeaf4; 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: #000; } .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: #f7fafd; } .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: #000; background: #000; } .calMod-monthTBL td.cal-wd, .calMod-monthTBL td.cal-wdEmpty { border-color: #daeaf4; } .calMod-monthTBL td.cal-wd { color: #000; background-color: #f3f8fb; } .calMod-monthTBL td.cal-wdEmpty { color: #daeaf4; background-color: #f7fafd; } .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: #daeaf4; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #7eac2f; } .calMod-monthTBL .meta-line { color: #000; } .calMod-monthTBL .cal-wdPopNum a { color: #000; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ #sidebar-b .sbxMod { margin-bottom: 40px; } .sbxModTable-plain { font-size: 14px; line-height: 1.3em; position: relative; } .sbxModTable-plain h3 { color: #042c4a; font-size: 26px; line-height: 1.1em; font-weight: 400; text-transform: none; margin: 0; padding: 0 0 8px; } .sbxModTable-plain ul.mod-list { margin-top: .4em; } .sbxModTable-plain li.mod-item { line-height: 1.3em; border-bottom: 1px dotted #daeaf4; padding-bottom: 14px; margin-bottom: 14px; } .sbxModTable-plain li .item-title { font-size: 16px; line-height: 1.2em; margin-bottom: 2px; font-weight: 700; } .sbxModTable-plain li .item-title a { text-decoration: none !important; } .sbxModTable-plain li .meta-line { font-size: 14px; color: #4ca0d6; } .sbxModTable-plain li .meta-line strong { font-weight: normal; } .sbxModTable-plain li.event-item { padding-left: 45px; background: url(../images/calendar-icon.png) no-repeat left 2px; } .sbxModTable-plain .mod-contentFooter { margin: 0px; text-align: right; margin-top: -6px; } .sbxModTable-plain a.item-readon { font-size: 1.0em; text-decoration: none; font-weight: 300; } a.botLink { font-size: 14px; line-height: 1.0em; font-weight: 700; text-decoration: none !important; } a.botLink:hover {} .stay-form { height: 30px; padding: 6px 5px 6px 14px; border: 3px solid #c2dbed; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .stay-form button.button { padding: 5px 10px; float: right; } .stay-form input#email { background: none; border: none; font-family: 'Signika',sans-serif; font-size: 16px; color: #666; height: 30px; line-height: 30px; width: 66%; } .page-home #home-grid .sbxModTable-plain { font-size: 16px; line-height: 1.3em; } .page-home #home-grid .sbxModTable-plain h3 { padding: 8px 0 4px 0; } .page-home #home-grid .sbxModTable-plain h3, .page-home #home-grid .sbxModTable-plain p { margin-left: 5px; margin-right: 5px; } .sbxModTable-plain.mod-updates { font-size: 16px; line-height: 1.3em; } .sbxModTable-plain.mod-updates li.mod-item { border: none; margin-bottom: 18px; padding-bottom: 18px; } .sbxModTable-plain.mod-updates .item-title { font-size: 20px; line-height: 1.1em; } .sbxModTable-plain.mod-updates .item-text { font-size: 16px; line-height: 1.3em; } .sbxModTable-plain.mod-updates .mod-contentFooter { text-align: left; border-top: 1px dotted #daeaf4; padding-top: 15px; } .sbxModTable-plain a.but-shop { position: absolute; top: -2px; right: 0px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ #sectContactDetails-wrap, sectTaxonomySearch-wrap { margin-top: 0px; } #sectContactDetails-title, #sectTaxonomySearch-title { display: none; } #sectTaxonomySearch-contentwrap { padding: 0px; } .sbx .sbxEvents-event div.whendate span.date { font-size: 1.2em; } .sbx .sbxEvents-event div.whendate span.time { font-size: 1.2em; } .sbx .sbxEvents-event div.whendate span.to { margin: 0px; } .sbx .sbxEvents-event .event-meta-wrap.metaTop { display: none; } .eventWhen, .eventWhere { margin-top: 1em; } .searchResults .article-meta-wrap { display: none; } /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Mapper */ /* ----------------------------------------------------------------------*/ /* !Mapper */ .com_sbxMapper .gmap-locBalloon h6, .com_sbxMapper .gmap-locBalloon h6 a { color: #0a6eb7; text-decoration: none; font-weight: bold; } .com_sbxMapper .locAttribsBox { background-color: #f7fafd; } .sbxMapper-map #mapper-gmapResults { background: #f7fafd; } .sbxMapper-map #results-head { background: #000; } .sbxMapper-map #results-headTtl h4 { color: #fff; } .sbxMapper-map #results-headPgr { border-color: #daeaf4; } .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: #daeaf4; } .sbxMapper-loc .loc-address .cat .title { color: #92744c; } /* ------------------------------------------------------------------------ /* !MODULE: SBXSS Simple Template */ /* ----------------------------------------------------------------------*/ /* !Base */ .sbx-mod .sbxss-simple { position: relative; overflow: visible; } .sbx-mod .sbxss-simple .sbxss-slide { background: transparent !important; overflow: visible; } .sbx-mod .sbxss-simple .sbxss-slide a.sbxss-img { float: right; overflow: visible; } .sbx-mod .sbxss-simple .sbxss-slide a.sbxss-img span { background: none !important; } .sbx-mod .sbxss-simple .sbxss-slide a.sbxss-img img { border: 10px solid #96710d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* !Content */ .sbx-mod .sbxss-simple .sbxss-content-wrap { color: #fff; background: transparent url(none); } .sbx-mod .sbxss-simple .sbxss-content { color: #fff; font-size: 16px; line-height: 1.36em; font-weight: 600; text-shadow: 1px 1px 1px #d29f11; padding: 0px; } .sbx-mod .sbxss-simple .sbxss-content h2 { color: #fff; font-size: 50px; line-height: 1.08em; } .sbx-mod .sbxss-simple .sbxss-content h2 a { color: #fff; } .sbx-mod .sbxss-simple .sbxss-content h2 a:hover { color: #352804; } .sbx-mod .sbxss-simple .sbxss-content h3 { color: #fff; font-size: 36px; line-height: 1.1em; font-weight: 600; } .sbx-mod .sbxss-simple .sbxss-content span.catsection { color: #daeaf4; } .sbx-mod .sbxss-simple .sbxss-content p {} .sbx-mod .sbxss-simple .sbxss-content a.readon { color: #fff; } .sbx-mod .sbxss-simple .sbxss-content a.readon:hover { color: #daeaf4; } .sbx-mod .sbxss-simple .sbxss-content a.readon { clear: both; display: inline-block; height: 33px; font-size: 15px; line-height: 35px; font-weight: 700; padding: 0 13px; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; position: relative; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #644c08; text-shadow: 1px 1px #f9d56e; border: 1px solid #d09b09; border-top: 1px solid #d5a212; border-bottom: 1px solid #d19b01; box-shadow: inset 0 1px #fde6a5, inset 1px 0 #f9d674, inset -1px 0 #f9d674, inset 0 -1px #f8cf5d, 0 3px #95710d, 0 1px #644c08 ; background: -moz-linear-gradient(top, #fbd66f 0%, #f7c539 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd66f), color-stop(100%,#f7c539)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbd66f 0%,#f7c539 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbd66f 0%,#f7c539 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbd66f 0%,#f7c539 100%); /* IE10+ */ background: linear-gradient(top, #fbd66f 0%,#f7c539 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd66f', endColorstr='#f7c539',GradientType=0 ); /* IE6-9 */ background-color: #f7c539; } .sbx-mod .sbxss-simple .sbxss-content a.readon::-moz-focus-inner { border:0 } .sbx-mod .sbxss-simple .sbxss-content a.readon:hover { color: #644c08; box-shadow: inset 0 1px #fdeab8, inset 1px 0 #f9dd95, inset -1px 0 #f9dd95, inset 0 -1px #f8d87e, 0 3px #95710d, 0 1px #644c08 ; background: -moz-linear-gradient(top, #fbde8d 0%, #f7cf62 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbde8d), color-stop(100%,#f7cf62)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbde8d 0%,#f7cf62 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbde8d 0%,#f7cf62 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbde8d 0%,#f7cf62 100%); /* IE10+ */ background: linear-gradient(top, #fbde8d 0%,#f7cf62 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbde8d', endColorstr='#f7cf62',GradientType=0 ); /* IE6-9 */ background-color: #f7cf62; } /* !Controls */ .sbx-mod .sbxss-simple .sbxss-controls { background: transparent; padding: 0px; overflow: visible !important; position: absolute; left: 0px; top: 0px; width: 940px; } .sbx-mod .sbxss-simple .sbxss-controls.clearfix:after { overflow: visible !important; } /* !Pagination */ .sbx-mod .sbxss-simple a.sbxss-page { color: #fff; background: #dbc09a; } .sbx-mod .sbxss-simple a.sbxss-page:hover { color: #333; background: #f3f8fb; } .sbx-mod .sbxss-simple a.sbxss-pageActive { color: #fff; background: #333; } .sbx-mod .sbxss-simple a.sbxss-pageActive:hover {} .sbx-mod .sbxss-simple a.sbxss-page .thumbnail {} /* !Navigation (Next, Prev, Play/Pause) */ .sbx-mod .sbxss-simple a.sbxss-nav { width: 37px !important; height: 61px; padding: 0px; display: block; background: url(../images/sbxss-nav.png) no-repeat; } .sbx-mod .sbxss-simple a.sbxss-nav:hover {} .sbx-mod .sbxss-simple a.sbxss-nav span { display: none; } .sbx-mod .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-prev { top: 130px !important; left: -60px; } .sbx-mod .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-prev:hover { background-position: left bottom; } .sbx-mod .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-next { top: 130px !important; right: -60px; background-position: right top; } .sbx-mod .sbxss-simple .sbxss-ctrlSEP a.sbxss-navbtn-next:hover { background-position: right bottom; }