span.normalthread{ background: url("/Data/style/forums/folder.png") no-repeat; display:inline-block; width:18px; height:20px; } span.lockedthread{ background: url("/Data/style/forums/lock.png") no-repeat; display:inline-block; width:18px; height:20px; } span.stickythread{ background: url("/Data/style/forums/folder_star.png") no-repeat; display:inline-block; width:18px; height:20px; } .newthread, .newpost { background: url("/Data/style/forums/folder_edit.png") no-repeat; background-position: 0px 2px; padding-left:18px; } .forumEdit, .threadEdit, .postEdit { background: url("/Data/style/forums/pencil.png") no-repeat; background-position: 0px 0px; padding-left:18px; } .forumfeed { background: url("/Data/style/forums/feed.png") no-repeat; background-position: 0px 0px; padding-left:18px; }.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;} .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;} .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;} .ajax__calendar_container TABLE {font-size:11px;} .ajax__calendar_header {height:20px;width:100%;} .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-left.gif");} .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-right.gif");} .ajax__calendar_title {cursor:pointer;font-weight:bold;} .ajax__calendar_footer {height:15px;} .ajax__calendar_today {cursor:pointer;padding-top:3px;} .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;} .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;} .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;} .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;} .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;} .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;} .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;} .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;} .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;} .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;} .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;} .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;} .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;} .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;} /* ---------------------------------- mojoPortal Admin Menu CSS To use this, add this to your style.config file: none ------------------------------------- */ /* Admin menu -- 2.8+ */ .panelwrapper.adminmenu { padding: 30px 30px 30px 27px; } .adminmenu ul.simplelist * { box-sizing: border-box; } .adminmenu ul.simplelist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -15px; margin-right: -15px; padding: 0 } .adminmenu ul.simplelist>li { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/7); flex: 0 0 calc(100%/7); font-family: arial,sans-serif; font-size: 14px; min-width: 160px; padding: 15px; text-align: center; } .adminmenu ul.simplelist>li a { border: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; position: relative; text-decoration: none; } .adminmenu ul.simplelist>li a>span.fa { margin: 10px 0; font-size: 30px; } .adminmenu ul.simplelist>li a>span.fa.fa-stack { font-size: 20px; } .adminmenu ul.simplelist>li a:hover { background-color: #eee; text-decoration: none; } /* Admin menu -- before 2.8 For more information about Crystal Clear icons, http://commons.wikimedia.org/wiki/Category:Crystal_Clear_icons This css and few custom modified verasions of crystal icons were contributed by Steve Railsback of Colorado State U 2010-09-29 */ /* div.adminmenu { } div.adminmenu ul.simplelist { margin: 0 0 1em -20px; } div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; } div.adminmenu ul.simplelist li a { line-height: 1em; display: block; width: 100px; height: 40px; float: left; padding: 60px 10px 10px 10px; margin: 5px; text-decoration: none; border: 1px solid #ddd; text-align: center; } html[dir='rtl'] div.adminmenu ul li { float: right;} html[dir='rtl'] div.adminmenu ul li a { float: right; } div.adminmenu ul.simplelist li a:hover { color: #000; border: 1px solid #333; background-color: #eee; } a.lnkSiteSettings { background: url("/Data/style/adminmenu/Crystal_Clear_action_run.png") no-repeat center 10px; } a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url("/Data/style/adminmenu/Crystal_Clear_app_agent.png") no-repeat center 10px; } a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; } a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; } span.secwarning { display: none; } a.lnkCommerceReports { background: url("/Data/style/adminmenu/Crystal_Clear_app_kchart.png") no-repeat center 10px;} a.lnkContentManager { background: url("/Data/style/adminmenu/Crystal_Clear_mimetype_document.png") no-repeat center 10px;} a.lnkContentWorkFlow { background: url("/Data/style/adminmenu/Crystal-Clear-content_workflow.png") no-repeat center 10px; } a.lnkContentTemplates { background: url("/Data/style/adminmenu/Crystal_Clear_app_kivio.png") no-repeat center 10px;} a.lnkStyleTemplates { background: url("/Data/style/adminmenu/Crystal-Clear-app-stylesheet.png") no-repeat center 10px;} a.lnkSiteList { background: url("/Data/style/adminmenu/folder_html.png") no-repeat center 10px;} a.lnkPageTree { background: url("/Data/style/adminmenu/Crystal-Clear-action-view-tree.png") no-repeat center 10px;} a.lnkRoleAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_users.png") no-repeat center 10px;} a.lnkFileManager { background: url("/Data/style/adminmenu/Cystal_Clear_file_manager.png") no-repeat center 10px;} a.lnkAddUser { background: url("/Data/style/adminmenu/Crystal_Clear_add_user.png") no-repeat center 10px;} a.lnkCoreData { background: url("/Data/style/adminmenu/Crystal_Clear_app_database.png") no-repeat center 10px;} a.lnkAdvancedTools { background: url("/Data/style/adminmenu/Crystal-Clear-action-configure.png") no-repeat center 10px;} a.lnkLogViewer { background: url("/Data/style/adminmenu/Crystal-Clear-mimetype-vcalendar.png") no-repeat center 10px;} a.lnkServerInfo { background: url("/Data/style/adminmenu/Crystal-Clear-app-ksysguard.png") no-repeat center 10px;} a.lnkNewsletter { background: url("/Data/style/adminmenu/Crystal-Clear-app-kontact.png") no-repeat center 10px;} a.lnkMemberList { background: url("/Data/style/adminmenu/Crystal-Clear-kuser2.png") no-repeat center 10px;} a.lnkCurrencyAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-currency.png") no-repeat center 10px;} a.lnkCountryAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-locale.png") no-repeat center 10px;} a.lnkGeoZone { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat center 10px;} a.lnkTaxClassAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kspread.png") no-repeat center 10px;} a.lnkTaxRateAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-tax.png") no-repeat center 10px;} a.lnkUrlManager { background: url("/Data/style/adminmenu/Crystal-Clear-url.png") no-repeat center 10px;} a.lnkRedirectManager { background: url("/Data/style/adminmenu/Crystal-Clear-redirect.png") no-repeat center 10px;} a.lnkBannedIPs { background: url("/Data/style/adminmenu/Crystal-Clear_banned_ip.png") no-repeat center 10px;} a.lnkFeatureAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kpackage.png") no-repeat center 10px;} a.lnkTaskQueue { background: url("/Data/style/adminmenu/Crystal_Clear_action_editpaste.png") no-repeat center 10px;} a.lnkWebPartAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_Networksettings.png") no-repeat center 10px;} a.lnkAwaitingApproval { background: url("/Data/style/adminmenu/Crystal_Clear_waiting_approval.png") no-repeat center 10px;} a.lnkRejectedContent { background: url("/Data/style/adminmenu/Crystal_Clear_rejected_content.png") no-repeat center 10px;} a.lnkPendingPages { background: url("/Data/style/adminmenu/FileCrystal-Clear-draft_pages.png") no-repeat center 10px;} a.AnalyticsMenuLink { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat center 10px; } a.lnkDevTools { background: url("/Data/style/adminmenu/devtools.png") no-repeat center 10px; } a.lnkDesignTools { background: url("/Data/style/adminmenu/designtools.png") no-repeat center 10px; } a.lnkRegistrationAgreement, a.lnkLoginInfo { background: url("/Data/style/adminmenu/RegAgreement.png") no-repeat center 10px; } a.lnkPermissionAdmin { background: url("/Data/style/adminmenu/permissions.png") no-repeat center 10px; } a.lnkSkinList { background: url("/Data/style/adminmenu/skin.png") no-repeat center 10px; } a.lnkCacheTool { background: url("/Data/style/adminmenu/cache.png") no-repeat center 10px; } */ body.filedialog{ color: black;} h2.logitem { font-size: 1em; } input.openid_login { background:url("/Data/style/common/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; } /* autocomplete extender */ ul.autocomplete_completionListElement { margin : 0px 0px 0px 0px!important; padding: 0px !important; background-color : white; color : black; border-color : gray; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 300px; text-align : left; list-style-type : none !important; } li.autocomplete_highlightedListItem { margin-left: 0px !important ; background-color: #ffff99; color: black; padding: 1px !important; background-image:none!important; } li.autocomplete_listItem { margin-left: 0px !important; background-color : white; color : black; padding : 1px !important; background-image:none!important; } /* jQuery Cycle Pager * Required for HTML Module "Slide Show Pager" option. */ .cyclenav {text-align: center;} .cyclenav a{margin-right: 3px;} .cyclenav a.activeSlide {font-weight: bold;} /* Example of jQuery Cycle Pager with 'dots' for the navigation links * To use this, place 'cycledots' (without quotes) in the * 'Custom CSS Class' setting of the HTML Content Module being used * for the slideshow */ .cycledots .cyclenav a{ background: transparent url("/Data/style/common/cyclenav-bullet2.png") no-repeat scroll center -28px; line-height: 40px; overflow: hidden; height: 14px; width: 14px; display: inline-block;} .cycledots .cyclenav a:focus, .cycledots .cyclenav a.activeSlide{ background-position: center -14px; } .cycledots .cyclenav a:hover { background-position: center 0; } /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } /* faq */ .faqs{padding-top:20px} .faqs dt{font-weight:bold;background:url("/Data/style/common/q.gif") 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;} .faqs dt:hover{cursor:pointer} .faqs dd{background:url("/Data/style/common/a.gif") 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333} .faqs .hover{color:#990000;text-decoration:underline} /*mojorating */ .ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px; } .ratingprompt { float: left; margin-right: 5px; } .voteswrap { margin-left: 5px; } .ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px; } .ratingrow { white-space:nowrap; } .ratingStar { white-space:nowrap; height:14px; margin:1em; } .ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; } .ratingStar .Filled { background-image:url("/Data/style/common/ratingStarFilled.png"); } .ratingStar .Empty { background-image:url("/Data/style/common/ratingStarEmpty.png"); } .ratingStar .Saved { background-image:url("/Data/style/common/ratingStarSaved.png"); } .ratingbuttons { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; } .rcommentprompt { display:block;} .ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; } .ratingcommentbox { width:200px; height:100px; } a.addtocal { background: url("/Data/style/common/calendar_add.png") no-repeat; background-position: 0px 2px; padding-left:18px; display:inline-block; min-height:22px; margin-right:4px; } /* *************************************** ** Diff related styles *****************************************/ ins { background-color: #cfc; text-decoration:inherit; } del { color: #999; background-color:#FEC8C8; } ins.mod { background-color: #FFE1AC; } a.inlineedittoggle.ui-icon { display: inline-block; } .filedialog { margin: 0; padding: 0;} #GalleryPreview{ table-layout: fixed; width: 450px; margin: 0 auto;float: left; border: 0px solid #0000ff; } #GalleryPreview_VerticalFix { width: 450px; display: table-cell; text-align: left; border: 0px solid #00ff00; } #GalleryPreview img { max-width: 550px; max-height: 550px;} .boldtext { font-weight: bold;} #filewrapper {} #filewrapper .fileoperations { background-color: #F0EFF1; } #filewrapper .foldercreation, #filewrapper .fileupload { float: left; width: 50%;} #filewrapper .operationpanel { padding: 0 5px; } #filewrapper .operationheading { display: block; text-align: center; background-color: #E0DFE3; font-weight: bold;} #filewrapper .imageresizeoptions { margin-top: 10px; } #filewrapper .imageresizeoptions, #filewrapper .operationinstructions { font-size: 110%; } #filewrapper .imageresizecheckbox { display: block; } #filewrapper .imageresizecheckbox input { margin-right: 3px; } #filewrapper .errorpanel span { margin-top: 5px; } #filewrapper .fileselection > div { } #filewrapper .filetreewrapper { float: left; width: 33%; } #filewrapper .filepreview { float: left; width: 67% } #filewrapper .filepreview .operationpanel { padding: 0 0 0 15px; } #filewrapper .rootfolder { float: left; height: 475px; width: 100%; margin-left: 10px; overflow: auto; } #filewrapper #pnlFileTree { padding-right: 30px; } #filewrapper .smalltextbox { width: 30px; margin-right: 10px; } .fileinput-button { position: relative; overflow: hidden; float: left; margin-right: 4px; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; } div.uploadfilelist { padding-top: 10px; clear: both; } div.uploadfilelist .ui-button, .uploadcontainer .ui-button { padding: 7px; } ul.filelist { list-style: none; } ul.filelist .ui-icon-trash { display: inline-block; cursor: hand; cursor: pointer; } div.fileupload-dropzone { padding: 50px 0 50px 0; width: 100%; border:dashed thin black; margin: 4px 4px 4px 4px; text-align:center; vertical-align:middle; } /* editor styles, classes assigned by toolbar items */ .AlignCenter , p.AlignCenter { text-align: center; } .AlignLeft , p.AlignLeft{ text-align: left; } .AlignRight, p.AlignRight { text-align: right; } .AlignJustify, p.AlignJustify { text-align: justify; } .Indent1, p.Indent1 , ol.Indent1, ul.Indent1{ margin-left: 40px; } .Indent2, p.Indent2, ol.Indent2, ul.Indent2 { margin-left: 80px; } .Indent3, p.Indent3, ol.Indent3, ul.Indent3 { margin-left: 120px; } .font-xsmall { font-size: 60%; } .font-small { font-size: 80%; } .font-normal { font-size: 100%; } .font-large { font-size: 120%; } .font-xlarge { font-size: 140%; } table.jqtable td { font-weight:bold; } table.FileManager_table { width:99%; } div.cmdbar { display:inline-block; min-width:300px; min-height:14px; max-height: 14px; } a.forumcommand { margin: 0px 10px 0px 10px; } /* added for 2.7 */ .pagelayout__item-btn { background: 0; border: 0 none; outline: 0 none; padding: 5px 0; cursor: pointer; } .pagelayout__item-btn:hover > svg { fill: #a90a11; } .pagelayout .panelistbox { display: flex; flex-flow: row nowrap; } .pagelayout-item-btns { width: 40px; flex: 1 1 33px; } /* end add for 2.7 */.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .nivoSlider { position:relative; background:#fff url("/Data/style/nivoslider/default/loading.gif") no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } .nivo-controlNav { text-align: center; padding: 20px 0; } .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url("/Data/style/nivoslider/default/bullets.png") no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url("/Data/style/nivoslider/default/arrows.png") no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .nivo-caption a:hover { color:#fff; } .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"], a [class^="icon-"]:before, a [class*=" icon-"]:before { display: inline; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; margin-top: 0; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #colorbox { background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 30px 10px 10px; } #cboxWrapper { position: relative; top: -25px; left: 0px; padding-top: 25px; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; background: rgba(0,0,0,0.85);} #colorbox{} #cboxContent{overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{padding:1px;} #cboxLoadingGraphic{background:url("/Data/SHAC-Skin/resources/colorbox/images/loading.gif") no-repeat center center;} #cboxLoadingOverlay{display: none;} #cboxTitle{position:absolute; top: 0px; left:0; color:#000;} #cboxCurrent{position:absolute; top: 0px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url("/Data/SHAC-Skin/resources/colorbox/images/controls.png") no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px; top: 0;} #cboxPrevious:hover{background-position:0px -25px; top: 0;} #cboxNext{background-position:-25px 0px; right:22px; top: 0;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position: -50px 0px; right: 0; top: 0;} #cboxClose:hover{background-position: -50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /*! jQuery UI - v1.9.2 - 2013-01-10 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=4px&bgColorHeader=%23eaeaea&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=%23dadada&fcHeader=%23333333&iconColorHeader=%23333333&bgColorContent=%23ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=%23dadada&fcContent=%23333333&iconColorContent=%23333333&bgColorDefault=%23e6e6e6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=75&borderColorDefault=%23dadada&fcDefault=%23777777&iconColorDefault=%23777777&bgColorHover=%23dadada&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=75&borderColorHover=%23dadada&fcHover=%23333333&iconColorHover=%23333333&bgColorActive=%23ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23333333&iconColorActive=%23333333&bgColorHighlight=%23fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23333333&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=15&thicknessShadow=2px&offsetTopShadow=-2px&offsetLeftShadow=-2px&cornerRadiusShadow=4px * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha('opacity=0'); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dadada; background: #ffffff url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #333333; } /*.ui-widget-content a { color: #333333; }*/ .ui-widget-header { border: 1px solid #dadada; background: #eaeaea url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_highlight-soft_75_eaeaea_1x100.png") 50% 50% repeat-x; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dadada; background: #e6e6e6 url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_highlight-soft_75_e6e6e6_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #777777; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #777777; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dadada; background: #dadada url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_highlight-hard_75_dadada_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #333333; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #333333; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dadada; background: #ffffff url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_flat_65_ffffff_40x100.png") 50% 50% repeat-x; font-weight: normal; color: #333333; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333333; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #333333; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #333333; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha('opacity=70'); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha('opacity=35'); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha('opacity=35'); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_333333_256x240.png"); } .ui-widget-content .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_333333_256x240.png"); } .ui-widget-header .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_333333_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_333333_256x240.png"); } .ui-state-active .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_333333_256x240.png"); } .ui-state-highlight .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3;filter:Alpha('opacity=30'); } .ui-widget-shadow { margin: -2px 0 0 -2px; padding: 2px; background: #aaaaaa url("/Data/SHAC-Skin/resources/jQuery-UI/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .15;filter:Alpha('opacity=15'); -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }/* --------------------------------------------------- */ /* Developed for mojoPortal by i7MEDIA */ /* Created: 1/5/2013 */ /* Last Updated: 1/16/2013 */ /* */ /* www.i7media.com */ /* Creative.Results */ /* --------------------------------------------------- */ /* Stylesheet Index */ /* --------------------------------------------------- */ /* Note: With a few exceptions, please declare and change all your colors here, and not in other stylesheets. 01. Initial color scheme 1.1. Base Colors 1.2. Primary Colors 1.3. Accent Colors 1.4. Greyscale Colors 02. Typography 2.1. Headings & Moduletitles 2.2. Links 03. Primary Elements 3.1. Header 3.2. Menu 3.3. Body 3.4. Footer 04. Gradients 4.1. Base Gradients 4.2. Primary Gradients 05. Buttons & Inputs 5.1. Inputs 5.2. mojoPortal Buttons 5.3. Custom Content Buttons 06. Borders & Dividers 07. Alerts & Notifications 08. mojoPortal Features 8.1. Blog 8.2. Forums 8.3. Calendars (regular and pro) 8.4. RSS Feed 8.5. Webstore 8.6. jPlayer 8.7. Gridview ------------------------------------------------------ */ /******************* 01. Initial color scheme *******************/ /** 1.1. Base Colors **/ /** 1.2. Primary Colors **/ /** 1.3. Accent Colors **/ /** 1.4. Greyscale Colors **/ /******************** 02. Typography *******************/ /** 2.1. Headings & ModuleTitles **/ /** 2.2. Links **/ /***************** 03. Primary Elements ****************/ /** 3.1. Header **/ /** 3.2. Menu **/ /** 3.3. Body **/ /** 3.4. Footer **/ /******************** 04. Gradients ********************/ /* Note: These are content style gradients. For main *| * style gradients, refer to each elements respective *| * section (header, footer, etc). */ /***************** 05. Buttons & Inputs ****************/ /** 5.1. Inputs **/ /** 5.2. mojoPortal Button colors **/ /* Main Colors */ /* Active Colors */ /* Focus Colors */ /** 5.3. Custom Content Buttons **/ /**************** 06. Borders & Dividers ***************/ /************** 07. Alerts & Notifications *************/ /* Info */ /* Success */ /* Warning */ /* Error */ /**************** 08. mojoPortal Features **************/ /** 8.1. Blog **/ /** 8.2. Forums **/ /** 8.3. Calendars **/ /** 8.4. RSS Feed **/ /** 8.5. Webstore **/ /** 8.6. jPlayer **/ /** 8.7. Gridview **/ /* --------------------------------------------------- */ /* Developed for mojoPortal by i7MEDIA */ /* Created: 1/5/2013 */ /* Last Updated: 1/5/2013 */ /* */ /* Creative.Results */ /* --------------------------------------------------- */ /* Stylesheet Index */ /* --------------------------------------------------- */ /* Note: Colors are not usually present in this file. If you want to recolor something you might want to visit the colors.less file. 01. Site Layout Variables 1.1. Header - User Bar 1.2. Menu 1.3. Body 1.4. Footer 1.5. Responsiveness 1.6. Grid Variables - Gutters 1.7. Miscellaneous 02. Typography 2.1. Headings & ModuleTitles 2.2. Links 03. CSS3 Visual Settings 04. Buttons & Inputs 05. Alerts & Notifications ------------------------------------------------------ */ /*************** 01. Site Layout Variables *************/ /* Note: All background images are set to repeat from *| * the top left. To change these settings you must *| * visit each respective elements section in the *| * style.less and change the background rules. */ /** 1.1. Header **/ /** 1.2. Menu **/ /** 1.3. Body **/ /** 1.4. Footer **/ /** 1.5. Responsiveness **/ /** 1.6. Grid variables **/ /* - Gutters */ /* - Footer Layout */ /** 1.7. Miscellaneous **/ /******************** 02. Typography *******************/ /** 2.1. Headings & ModuleTitles **/ /** 2.2. Links **/ /**************** 03. CSS3 Visual Settings ***************/ /* 3.1. Custom Borders */ /***************** 04. Buttons & Inputs ****************/ /** 4.1. Custom Content Buttons **/ /************** 05. Alerts & Notifications *************/ /** 3.5 User Bar **/ /* Alert & Notification mixins */ /* Carets */ /* Font Awesome Mixin */ /* SEO friendly visual hide */ /* IE7 doesn't like display: inline-block; - Put this mixin on inline-block elements so they work in IE7 */ /* IE7 z-index fix */ /* Size Shortcuts */ /* Center an element */ /* Border Radius */ /* Single Corner Border Radius */ /* Single Side Border Radius */ /* Drop shadows */ /* Transitions */ /* Background sizing */ /* Box sizing */ /* User select */ /* For selecting text on the page - set to "none" to stop the element from being selectable */ /* Resize anything */ /* Opacity */ /* Gradients */ /* Creates a simple gradient from a single base color provided on call */ .button { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .button { display: inline; zoom: 1; } .ie7 .button { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .button:first-child { margin-left: 0; } .button:hover, .button:active, .button.active, .button.disabled, .button[disabled] { background-color: #e6e6e6; } .ie7 .button:hover, .ie7 .button:active, .ie7 .button.active, .ie7 .button.disabled, .ie7 .button[disabled] { background-color: #d9d9d9; } .button:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .button.active, .button:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .button.active, .lt-ie9 .button:active { background-color: #cccccc; } .button:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .button.disabled, .button[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .buttonDark { background: none repeat scroll 0 0 #3a3a3a; background: -webkit-linear-gradient(top, #444444, #2c2c2c) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #444444, #2c2c2c) repeat-x scroll 0 0 transparent; border: 1px solid rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .buttonDark { display: inline; zoom: 1; } .ie7 .buttonDark { background-color: #2c2c2c; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .buttonDark:first-child { margin-left: 0; } .buttonDark:hover, .buttonDark:active, .buttonDark.active, .buttonDark.disabled, .buttonDark[disabled] { background-color: #2c2c2c; } .ie7 .buttonDark:hover, .ie7 .buttonDark:active, .ie7 .buttonDark.active, .ie7 .buttonDark.disabled, .ie7 .buttonDark[disabled] { background-color: #1f1f1f; } .buttonDark:hover { background-position: 0 -15px; color: #ffffff; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .buttonDark:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .buttonDark.active, .buttonDark:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; outline: 0; text-decoration: none; } .lt-ie9 .buttonDark.active, .lt-ie9 .buttonDark:active { background-color: #121212; } .buttonDark:focus:active { border: 1px solid rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .buttonDark.disabled, .buttonDark[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .button1 { background: none repeat scroll 0 0 #cc9426; background: -webkit-linear-gradient(top, #d2a12a, #c38021) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #d2a12a, #c38021) repeat-x scroll 0 0 transparent; border: 1px solid transparent; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; padding: 4px 30px; text-transform: uppercase; color: #ffffff !important; } .ie7 .button1 { display: inline; zoom: 1; } .ie7 .button1 { background-color: #c38021; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .button1:first-child { margin-left: 0; } .button1:hover, .button1:active, .button1.active, .button1.disabled, .button1[disabled] { background-color: #c38021; } .ie7 .button1:hover, .ie7 .button1:active, .ie7 .button1.active, .ie7 .button1.disabled, .ie7 .button1[disabled] { background-color: #ad721d; } .button1:hover { background-position: 0 -15px; color: #ffffff; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button1:focus { border-color: transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(195, 128, 33, 0.35); color: #ffffff; outline: none; text-decoration: none; } .button1.active, .button1:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; outline: 0; text-decoration: none; } .lt-ie9 .button1.active, .lt-ie9 .button1:active { background-color: #97631a; } .button1:focus:active { border: 1px solid transparent; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .button1.disabled, .button1[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .button2 { background: none repeat scroll 0 0 #b1a68a; background: -webkit-linear-gradient(top, #b8ac8f, #a69c83) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #b8ac8f, #a69c83) repeat-x scroll 0 0 transparent; border: 1px solid #a69c83; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .button2 { display: inline; zoom: 1; } .ie7 .button2 { background-color: #a69c83; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .button2:first-child { margin-left: 0; } .button2:hover, .button2:active, .button2.active, .button2.disabled, .button2[disabled] { background-color: #a69c83; } .ie7 .button2:hover, .ie7 .button2:active, .ie7 .button2.active, .ie7 .button2.disabled, .ie7 .button2[disabled] { background-color: #9b9074; } .button2:hover { background-position: 0 -15px; color: #ffffff; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button2:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(184, 172, 143, 0.35); color: #01467f; outline: none; text-decoration: none; } .button2.active, .button2:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #ffffff; outline: 0; text-decoration: none; } .lt-ie9 .button2.active, .lt-ie9 .button2:active { background-color: #8f8467; } .button2:focus:active { border: 1px solid #a69c83; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .button2.disabled, .button2[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } .ie7 audio, .ie7 canvas, .ie7 video { display: inline; zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #FF0; color: #000; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } address { font-style: normal; } p, pre { margin: 1em 0; } figure { margin: 1em 0; position: relative; } figcaption { margin: 1em 0; } blockquote { margin: 0; padding: 0; } hr { border: 0; border-top: 1px solid #CCC; display: block; height: 1px; margin: 1em 0; padding: 0; } dl, menu, ol, ul { margin: 1em 0; } dt { font-weight: bold; margin-top: 10px; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: middle; width: auto; } #map_canvas img, .google-maps img, .jcrop-holder img { max-width: none; } svg:not(:root) { overflow: hidden; } form { margin: 0; } fieldset { border: 0 none; margin: 0; padding: 0; } legend { border: 0; font-size: 1.5em; margin: 0 0 0.83em; padding: 0; white-space: normal; } .ie7 legend { margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } .ie7 button, .ie7 input, .ie7 select, .ie7 textarea { vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .ie7 button, .ie7 input[type="button"], .ie7 input[type="reset"], .ie7 input[type="submit"] { overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; } .ie7 input[type="checkbox"], .ie7 input[type="radio"] { height: 13px; width: 13px; } input[type="search"] { -webkit-appearance: textfield; -ms-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /* Tables */ table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: 400; vertical-align: top; text-align: left; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .grid-container { margin-left: auto; margin-right: auto; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } .ie7 .clearfix { zoom: 1; } .grid-container { width: 940px; } .row { clear: both; margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: ""; display: table; line-height: 0; } .row:after { clear: both; } .ie7 .row { zoom: 1; } [class*="grid_"] { float: left; margin-left: 10px; margin-right: 10px; min-height: 1px; } .grid_12 { width: 940px; } .grid_11 { width: 860px; } .grid_10 { width: 780px; } .grid_9 { width: 700px; } .grid_8 { width: 620px; } .grid_7 { width: 540px; } .grid_6 { width: 460px; } .grid_5 { width: 380px; } .grid_4 { width: 300px; } .grid_3 { width: 220px; } .grid_2 { width: 140px; } .grid_1 { width: 60px; } .prefix_11 { padding-left: 880px; } .prefix_10 { padding-left: 800px; } .prefix_9 { padding-left: 720px; } .prefix_8 { padding-left: 640px; } .prefix_7 { padding-left: 560px; } .prefix_6 { padding-left: 480px; } .prefix_5 { padding-left: 400px; } .prefix_4 { padding-left: 320px; } .prefix_3 { padding-left: 240px; } .prefix_2 { padding-left: 160px; } .prefix_1 { padding-left: 80px; } .suffix_11 { padding-right: 880px; } .suffix_10 { padding-right: 800px; } .suffix_9 { padding-right: 720px; } .suffix_8 { padding-right: 640px; } .suffix_7 { padding-right: 560px; } .suffix_6 { padding-right: 480px; } .suffix_5 { padding-right: 400px; } .suffix_4 { padding-right: 320px; } .suffix_3 { padding-right: 240px; } .suffix_2 { padding-right: 160px; } .suffix_1 { padding-right: 80px; } [class*="push_"], [class*="pull_"] { position: relative; } .push_11 { left: 880px; } .push_10 { left: 800px; } .push_9 { left: 720px; } .push_8 { left: 640px; } .push_7 { left: 560px; } .push_6 { left: 480px; } .push_5 { left: 400px; } .push_4 { left: 320px; } .push_3 { left: 240px; } .push_2 { left: 160px; } .push_1 { left: 80px; } .pull_11 { left: -880px; } .pull_10 { left: -800px; } .pull_9 { left: -720px; } .pull_8 { left: -640px; } .pull_7 { left: -560px; } .pull_6 { left: -480px; } .pull_5 { left: -400px; } .pull_4 { left: -320px; } .pull_3 { left: -240px; } .pull_2 { left: -160px; } .pull_1 { left: -80px; } @media (min-width: 1200px) { .grid-container { width: 1170px; } .row { clear: both; margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: ""; display: table; line-height: 0; } .row:after { clear: both; } .ie7 .row { zoom: 1; } [class*="grid_"] { float: left; margin-left: 15px; margin-right: 15px; min-height: 1px; } .grid_12 { width: 1170px; } .grid_11 { width: 1070px; } .grid_10 { width: 970px; } .grid_9 { width: 870px; } .grid_8 { width: 770px; } .grid_7 { width: 670px; } .grid_6 { width: 570px; } .grid_5 { width: 470px; } .grid_4 { width: 370px; } .grid_3 { width: 270px; } .grid_2 { width: 170px; } .grid_1 { width: 70px; } .prefix_11 { padding-left: 1100px; } .prefix_10 { padding-left: 1000px; } .prefix_9 { padding-left: 900px; } .prefix_8 { padding-left: 800px; } .prefix_7 { padding-left: 700px; } .prefix_6 { padding-left: 600px; } .prefix_5 { padding-left: 500px; } .prefix_4 { padding-left: 400px; } .prefix_3 { padding-left: 300px; } .prefix_2 { padding-left: 200px; } .prefix_1 { padding-left: 100px; } .suffix_11 { padding-right: 1100px; } .suffix_10 { padding-right: 1000px; } .suffix_9 { padding-right: 900px; } .suffix_8 { padding-right: 800px; } .suffix_7 { padding-right: 700px; } .suffix_6 { padding-right: 600px; } .suffix_5 { padding-right: 500px; } .suffix_4 { padding-right: 400px; } .suffix_3 { padding-right: 300px; } .suffix_2 { padding-right: 200px; } .suffix_1 { padding-right: 100px; } [class*="push_"], [class*="pull_"] { position: relative; } .push_11 { left: 1100px; } .push_10 { left: 1000px; } .push_9 { left: 900px; } .push_8 { left: 800px; } .push_7 { left: 700px; } .push_6 { left: 600px; } .push_5 { left: 500px; } .push_4 { left: 400px; } .push_3 { left: 300px; } .push_2 { left: 200px; } .push_1 { left: 100px; } .pull_11 { left: -1100px; } .pull_10 { left: -1000px; } .pull_9 { left: -900px; } .pull_8 { left: -800px; } .pull_7 { left: -700px; } .pull_6 { left: -600px; } .pull_5 { left: -500px; } .pull_4 { left: -400px; } .pull_3 { left: -300px; } .pull_2 { left: -200px; } .pull_1 { left: -100px; } } .alpha { margin-left: 0; } .omega { margin-right: 0; } .center-grid { display: block; float: none; margin-left: auto; margin-right: auto; } .center-grid:before, .center-grid:after { content: ""; display: table; line-height: 0; } .center-grid:after { clear: both; } .ie7 .center-grid { zoom: 1; } /* --------------------------------------------------- */ /* Developed for mojoPortal by i7MEDIA */ /* Created: 1/5/2013 */ /* Last Updated: 1/5/2013 */ /* */ /* www.i7media.com */ /* Creative.Results */ /* --------------------------------------------------- */ /* Stylesheet Index */ /* --------------------------------------------------- */ /* Note: Colors are not present in this file. If you want to recolor something please visit the colors.less file. 01. Main Format Styling 1.1. HTML/Pagebody 1.2. Header - Logo - Site Links/Logbox 1.3. Main Content - Wrappers - Top Pane - Left Pane - Center Pane - Right Pane - Bottom Pane 1.4. Footer - Footer Logo (If one exists) - Footer Menu (If one exists) - Copyright - Contact Info 02. Basic Elements 2.1. General Classes 2.2. Link Styles 2.3. Headings & ModuleTitles 2.4. Ordered & Unordered List Styles - Child Page Menu - Links/List Module 2.5. Inputs & Form Elements - Inputs - Forms - PageLayout - Tables (bleh) 03. mojoElements 3.1. Breadcrumbs 3.2. Search Page 3.3. Pager 3.4. Notifications 3.5. Maps Modules 3.6. Gallery Modules 3.7. Buttons 04. Misc 4.1. Fix for file inputs 4.2. Captcha 4.3. Password Strength Meter 4.4. Hide Styles for SEO 05. Clearfix Modifications ------------------------------------------------------ */ /*************** 01. Main Format Styling ***************/ /** 1.1. HTML/Pagebody **/ html, body.wysiwygeditor, .pagebody { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; } body { color: #2c2c2c; } .pagebody { background: url("/Data/SHAC-Skin/images/white_plaster.png") repeat 0 0 #ffffff; margin: 0; min-width: 960px; } /** 1.2. Header **/ .mainhead { background: none repeat 0 0 transparent; color: #2c2c2c; position: relative; padding-bottom: 25px; } .ie7 .mainhead { position: 3; z-index: 0; } .mainhead:before, .mainhead:after { content: ""; display: table; line-height: 0; } .mainhead:after { clear: both; } .ie7 .mainhead { zoom: 1; } .mainhead .grid-container { position: relative; } /* - Logo & Slogan */ .sitelogo, .sitelogo:link, .sitelogo:hover, .sitelogo:active, .sitelogo:focus { display: block; outline: 0 none; width: 100%; margin-top: 25px; } .slogan { font-size: 30px; color: #fff; display: block; width: 100%; text-align: center; margin-top: 21px; } /* - Site Links/Log Box */ .log-box { position: absolute; top: 2px; right: 0px; } .log-box a { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #e1e1e1; border: 1px solid rgba(207, 207, 207, 0.51); padding: 2px 10px 3px; margin-left: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .searchboxwrap { font-size: 0; float: right; margin-bottom: 8px; margin-top: 38px; } .wrapsearchinput { display: inline-block; height: 28px; line-height: 28px; vertical-align: middle; } .wrapsearchinput .searchpanel { display: inline-block !important; position: relative; vertical-align: top; } .wrapsearchinput .searchpanel input.searchbox { vertical-align: middle; width: 185px; } .wrapsearchinput .searchpanel input.searchbox:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); } .wrapsearchinput .searchpanel input.searchbox:focus + input.searchbutton { color: #015498; } .wrapsearchinput .searchpanel input.searchbutton { font-family: 'FontAwesome'; width: 16px; } .wrapsearchinput .searchpanel input.searchbutton:focus, .wrapsearchinput .searchpanel input.searchbutton:hover { color: #015498; } .searchpanel { position: relative; display: inline-block; font-size: 0; white-space: nowrap; vertical-align: middle; } .searchpanel > input[type="text"], .searchpanel > input.btn { position: relative; border-radius: 0; } .searchpanel > input + input { margin-left: -1px; } .searchpanel > input { font-size: 14px; } .searchpanel > input:first-child { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .searchpanel > input:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .searchpanel > input:hover, .searchpanel > input:focus, .searchpanel > input:active, .searchpanel > input.active { z-index: 2; } .searchpanel .btn { background: none repeat-x scroll 0 0 #cdbf97; background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#cdbf97)); background-image: -webkit-linear-gradient(top, #eaeaea, #cdbf97); background-image: linear-gradient(to bottom, #eaeaea, #cdbf97); color: #6b6b6b; font-family: FontAwesome; } .searchpanel .btn:hover { background-color: #cdbf97; color: #6b6b6b; } .searchpanel .btn:focus { color: #6b6b6b; border-color: #cdbf97; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(205, 191, 151, 0.35); } .btn-green { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; background: none repeat-x scroll 0 0 #5b6148; background-image: -webkit-gradient(linear, left top, left bottom, from(#7e8c4c), to(#5b6148)); background-image: -webkit-linear-gradient(top, #7e8c4c, #5b6148); background-image: linear-gradient(to bottom, #7e8c4c, #5b6148); color: #FFF !important; /* buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .btn-green:first-child { margin-left: 0; } .btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { background-color: #e6e6e6; } .ie7 .btn-green:hover, .ie7 .btn-green:active, .ie7 .btn-green.active, .ie7 .btn-green.disabled, .ie7 .btn-green[disabled] { background-color: #d9d9d9; } .btn-green:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn-green:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .btn-green.active, .btn-green:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .btn-green.active, .lt-ie9 .btn-green:active { background-color: #cccccc; } .btn-green:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-green.disabled, .btn-green[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .btn-green:hover { background-color: #5b6148; color: #FFF !important; } .btn-red-donate { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; background: none repeat-x scroll 0 0 #E51937; background-image: -webkit-gradient(linear, left top, left bottom, from(#FB788B), to(#E51937)); background-image: -webkit-linear-gradient(top, #FB788B, #E51937); background-image: linear-gradient(to bottom, #FB788B, #E51937); color: #FFF; text-shadow: none; /*text-transform: uppercase;*/ font-size: 16px; line-height: 18px; padding: 4px 30px; } .ie7 .btn-red-donate { display: inline; zoom: 1; } .ie7 .btn-red-donate { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .btn-red-donate:first-child { margin-left: 0; } .btn-red-donate:hover, .btn-red-donate:active, .btn-red-donate.active, .btn-red-donate.disabled, .btn-red-donate[disabled] { background-color: #e6e6e6; } .ie7 .btn-red-donate:hover, .ie7 .btn-red-donate:active, .ie7 .btn-red-donate.active, .ie7 .btn-red-donate.disabled, .ie7 .btn-red-donate[disabled] { background-color: #d9d9d9; } .btn-red-donate:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn-red-donate:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .btn-red-donate.active, .btn-red-donate:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .btn-red-donate.active, .lt-ie9 .btn-red-donate:active { background-color: #cccccc; } .btn-red-donate:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-red-donate.disabled, .btn-red-donate[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .btn-red-donate:hover { background-color: #E51937; color: #FFF; } .join-scouting { clear: both; text-align: right; } /** 1.3. Main Content **/ .main-content { padding-bottom: 40px; margin-top: 20px; position: relative; } /* .ie7 .main-content { position: relative; z-index: 2; } */ /* - Wrappers */ .outerwrap { clear: both; margin-top: 20px; } .outerwrap[class*="grid_"] { clear: none; } /* - Top Pane */ .top-pane { border-bottom: 1px solid #bfbfbf; padding-bottom: 20px; } /* - Left Pane */ /* - Center Pane */ /* - Right Pane */ /* - Bottom Pane */ .center-casing { margin-left: 0; margin-right: 0; width: auto; } .left-pane + .center-casing { margin-left: 0; margin-right: -10px; width: 800px; } /** 1.4. Footer **/ .mainfoot { color: #757575; font-size: 11px; position: relative; /* & .footsocial { position: absolute; bottom: 0; text-align: center; width: 100%; & a { color: #fff; font-size: 24px; } & a:hover { color: @linkColor; } & hr.divider { margin-right: 0; padding-right: 0; } }*/ } .mainfoot .foot-top { background: url("/Data/SHAC-Skin/images/footer-divider.png") no-repeat center top transparent; background-size: 960px auto; position: relative; width: 100%; clear: both; height: 86px; } .mainfoot .foot-top .backtotop { background: url("/Data/SHAC-Skin/images/logo-small.png") no-repeat center top transparent; width: 42px; height: 47px; display: block; position: absolute; top: -18px; left: 50%; margin-left: -21px; } /* .ie7 .mainfoot { position: relative; z-index: 2; } */ .mainfoot a { color: #757575; } .mainfoot a:hover { color: #4f4f4f; } .mainfoot .foot-menu { height: 72px; margin: 0; overflow: hidden; padding: 0; width: 300px; list-style: none; list-style-image: none; } .mainfoot .foot-menu li { padding-left: 14px; position: relative; width: 136px; } .mainfoot .foot-menu li:before { content: "\f0da"; font-size: 18px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; color: #7e8c4c; left: 0; position: absolute; top: 0; } .mainfoot .foot-menu li:first-child { display: none; } .mainfoot .foot-menu li:nth-child(n+6), .lt-ie9 .mainfoot .foot-menu li + li + li + li + li + li { left: 150px; position: relative; top: -72px; } .mainfoot .footnav { margin-bottom: 23px; } .mainfoot .sitemaplink, .mainfoot .printerfriendlylink , .mainfoot .feedbacklink { margin-top: 23px; margin-left: 0px; padding-left: 20px; position: relative; } .mainfoot .sitemaplink:before, .mainfoot .printerfriendlylink:before, .mainfoot .feedbacklink:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0e8"; text-decoration: none !important; position: absolute; top: 2px; left: 0; font-size: 14px; } .mainfoot .printerfriendlylink:before { content: "\f02f"; } .mainfoot .feedbacklink:before { content: "\f0e6"; } @media (min-width: 1200px) { .mainfoot .sitemaplink { /*margin-left: 30px;*/ } } .mainfoot .address-break { clear: left; } .mainfoot .addressbox.box1 div:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f041"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; display: inline-block; color: #7E8C4C; width: 10px; margin-left: -10px; } .mainfoot .addressbox.box3 div:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0e0"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; display: inline-block; color: #7E8C4C; width: 18px; margin-left: -18px; } .mainfoot .addressbox.box2 div:before, .mainfoot .addressbox.box3 div:first-child:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f095"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; display: inline-block; color: #7E8C4C; width: 13px; margin-left: -13px; } .mainfoot .addressbox.box1, .mainfoot .addressbox.box2, .mainfoot .addressbox.box3 { display: inline; float: left; width: 33.333333%; } .mainfoot .copyright { clear: both; float: left; margin-top: 20px; } .mainfoot .pullcontainer { margin-left: -50px; } .mainfoot [class*="icon-"] { color: #7e8c4c; } /* - Sticky Footer settings */ .htmlclass, .mainform, .sitewrap, .pagebody { height: 100%; } .htmlclass .mainfoot, .mainform .mainfoot, .sitewrap .mainfoot, .pagebody .mainfoot { height: 210px; position: relative; } .htmlclass .footspacer, .mainform .footspacer, .sitewrap .footspacer, .pagebody .footspacer { height: 210px; width: 100%; } .sitewrap { height: auto !important; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: -210px; min-height: 100%; overflow: hidden; } /*************** 02. Basic Elements ***************/ /** 2.1. General Classes **/ blockquote { border-left: 4px solid #999; color: #333; margin: 0 0 18px; padding: 9px 18px; } blockquote p { margin: 0; } blockquote small { color: #666; display: block; font-size: small; } blockquote small::before { content: "— "; } .no-overflow { overflow: hidden; } .primaryColor { color: #015498; } .alternateColor { color: #7e8c4c; } .blue { color: #049cdb; } .blueDark { color: #0064cd; } .green { color: #46a546; } .red { color: #9d261d; } .yellow { color: #ffc40d; } .orange { color: #f89406; } .pink { color: #c3325f; } .purple { color: #7a43b6; } /** 2.2. Link Styles **/ a, .buttonlink { color: #015498; text-decoration: none; } a:hover, .buttonlink:hover, a:active, .buttonlink:active { color: #01467f; text-decoration: underline; } .ModuleEditLink { font-family: Arial, Helvetica, sans-serif; font-size: 10px; position: relative; text-transform: none; /* z-index: 1; */ } legend .ModuleEditLink { font-size: smaller; } /** 2.3. Headings & ModuleTitles **/ .pagetitle { color: #015498; font-size: 36px; font-family: 'Open Sans', sans-serif; line-height: 40px; font-weight: 700; margin-top: 20px; margin-bottom: 0px; } .h1-mimick, h1, h2, h3, h4, h5, h6 { color: #015498; clear: both; display: block; font-weight: 700; line-height: normal; } .h1-mimick small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #606060; font-weight: 400; } h1.moduletitle, h2.moduletitle, h3.moduletitle, h4.moduletitle, h5.moduletitle, h6.moduletitle { color: #015498; font-size: 1.5em; font-family: 'Open Sans', sans-serif; line-height: normal; font-weight: 700; margin-top: 0px; } .modulelinks, .moduleeditlinks, .ModuleEditLink { font-weight: 400; } .subtitle { font-weight: 700; color: #2c2c2c; margin-top: -1em; } /** 2.4. Ordered & Unordered List Styles **/ .simplelist, .simplelist li { list-style: none outside none; padding: 0 0 4px 10px; } ul.linkitem { list-style: none outside none; margin: 0; padding: 0; } ul.userstats { list-style-type: none; margin: 0; padding: 0; } ul.userstats ul { display: block; margin: 0; padding: 0; } ul.userstats li { list-style: none outside none; position: relative; } div.panelwrapper ul.simplelist { margin-bottom: 0; } div.AspNet-RadioButtonList ul, div.AspNet-CheckBoxList ul { list-style-type: none; margin: 0; padding: 0; } li.AspNet-RadioButtonList-Item, li.AspNet-CheckBoxList-Item, .ratingrow { white-space: nowrap; } div.simplehorizontalmenu { clear: both; overflow: hidden; } ul.simplehorizontalmenu { float: left; list-style: none outside none; margin: 0; padding: 0; } ul.simplehorizontalmenu li { display: inline; float: left; padding: 10px; } ul.simplehorizontalmenu li:first-child { padding-left: 0; } .tag-cloud { list-style-type: none; margin: 15px 0 3px -30px; } .tag-cloud li { display: inline; list-style-type: none; } .tagcount { font-size: x-small; } .tag-cloud .weight1 { font-size: 90%; } .tag-cloud .weight2 { font-size: 110%; } .tag-cloud .weight3 { font-size: 120%; } .tag-cloud .weight4 { font-size: 130%; } .tag-cloud .weight5 { font-size: 140%; } .tag-cloud .weight6 { font-size: 150%; } .tag-cloud .weight7 { font-size: 160%; } .tag-cloud .weight8 { font-size: 180%; } .tag-cloud .weight9 { font-size: 200%; } .tag-cloud .weight10 { font-size: 210%; } .cleanlist { list-style: none outside none; margin-bottom: 0; margin-top: 0; padding-left: 0; } /* - Child Page Menu */ .childsitemap ul { margin: 0; padding-left: 15px; } .childsitemap ul li { line-height: 1.6; position: relative; } .childsitemap ul li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; display: inline-block; color: #BFBFBF; content: "\f0da"; font-size: 18px; line-height: 1.6; margin-left: -15px; position: absolute; width: 15px; } .pagemenu .subnav { background-color: #015498; margin: 11px 0 0; padding: 4px 16px 14px; list-style-type: none; } .pagemenu .subnav li { border-top: 1px solid #FFF; clear: both; position: relative; } .pagemenu .subnav li ul { display: none; } .pagemenu .subnav li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; color: #FFF; content: "\f0da"; font-size: 18px; float: left; line-height: 36px; margin-right: 5px; } .pagemenu .subnav li:first-child { border-top: 0 none; } .pagemenu .subnav li a { display: block; padding: 10px 0px; color: #FFF; font-size: 14px; line-height: 16px; overflow: hidden; } .pagemenu .subnav li a:hover { text-decoration: none; } .pagemenu .subnav > li.current, .pagemenu .subnav > li.child-selected { background-color: #CFCFCF; border-top: 0 none; margin: 0 -16px; padding: 0 16px; } .pagemenu .subnav > li.current:before, .pagemenu .subnav > li.child-selected:before { color: #999; } .pagemenu .subnav > li.current > a, .pagemenu .subnav > li.child-selected > a { color: #555; text-decoration: none; font-weight: 700; } .pagemenu .subnav > li.current > a:hover, .pagemenu .subnav > li.child-selected > a:hover { color: #555; } .pagemenu .subnav > li.current + li, .pagemenu .subnav > li.child-selected + li { border-top: 0 none; } .pagemenu .subnav li.current li, .pagemenu .subnav li.child-selected li { border-color: #bbb; } .pagemenu .subnav li.current > a, .pagemenu .subnav li.child-selected > a { font-weight: 700; } .pagemenu .subnav li.current > ul, .pagemenu .subnav li.child-selected > ul { display: block; } .pagemenu .subnav ul { list-style-type: none; margin: 0; padding-left: 0; } .pagemenu .subnav ul li:before { color: #999; line-height: 25px; } .pagemenu .subnav ul li a { color: #015498; font-size: 12px; line-height: 14px; padding: 5px 0; } .pagemenu .subnav ul li a:hover { color: #333; } .pagemenu .subnav ul li ul { margin-left: 10px; } .pagemenu .subnav ul li:first-child { border-top: 1px solid #bbb; } .pagemenu .subnav ul li:last-child { border-bottom: 0 none; } .pagemenu .subnav ul.treehide { display: none; } .pagemenu .subnav a.AspNet-TreeView-Collapse, .pagemenu .subnav a.AspNet-TreeView-Expand { display: none; } .pagemenu .subnav .subs { margin: 0 0 -1px; padding: 0 0 0 10px; } /* - Links/List Module */ .linksmodule li.linkitem, .linksmodule li.linkaltitem { position: relative; } .linksmodule li.linkitem a.mojolink, .linksmodule li.linkaltitem a.mojolink { display: inline-block; font-size: 14px; margin: 5px 0; padding: 0 0 0 10px; position: relative; } .NewsLetterSubscribeModule .txterror ul { margin: 0 15px; padding: 0 0 15px 15px; } /** 2.5. Inputs & Form Elements **/ /* - Inputs - Most of this is Bootstrap */ label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 18px; } input, button, select, textarea { font-family: 'Open Sans', sans-serif; } input + label { margin-left: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: inline-block; padding: 4px 6px; font-size: 14px; line-height: 18px; color: #555555; border-radius: 4px; vertical-align: middle; } input, textarea { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .ajax__html_editor_extender_texteditor { background-color: #ffffff; border: 1px solid #b7b7b7; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .ajax__html_editor_extender_texteditor:focus { border-color: rgba(1, 84, 152, 0.6); outline: 0; outline: thin dotted \9; /* IE6-9 */ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); } input[type="radio"], input[type="checkbox"] { margin: 8px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 28px; } select { width: 220px; border: 1px solid #b7b7b7; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .inputfilebox { display: inline-block; font-size: 0; line-height: 18px; position: relative; vertical-align: middle; white-space: nowrap; } .ie7 .inputfilebox { display: inline; zoom: 1; } .inputfilebox #ifb-filename { display: inline-block; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 14px !important; } .ie7 .inputfilebox #ifb-filename { display: inline; zoom: 1; } /* .inputfilebox #ifb-filename:focus { z-index: 1; } */ .inputfilebox #ifb-file { display: inline-block; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 14px !important; margin-left: -1px; } .ie7 .inputfilebox #ifb-file { display: inline; zoom: 1; } select[disabled], textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[readonly], textarea[readonly], input[type="text"][readonly], input[type="password"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="date"][readonly], input[type="month"][readonly], input[type="time"][readonly], input[type="week"][readonly], input[type="number"][readonly], input[type="email"][readonly], input[type="url"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="color"][readonly] { cursor: not-allowed; background-color: #eeeeee; } /* - Forms */ .settingrow { clear: left; margin: 20px 0; } .settingrow:empty, .settingrow.pageicons { display: none; } .settinglabel { font-size: smaller; font-weight: 700; clear: left; float: left; padding: 1px; width: 20em; } .eventdetailview .settinglabel { /* Marked for removal to style-eventcalendar */ font-size: inherit; font-weight: 400; margin-right: 5px; padding: 0; width: auto; } .mhelp { display: inline; margin: 0 5px; vertical-align: middle; } .forminput .mhelp { float: none; } .modulebuttonrow { clear: left; text-align: center; } .txtcopyright { color: #444; font-size: 80%; font-weight: 400; } .watermarktextbox { color: Gray; width: 9em; } .subscribeemail { color: Gray; width: 14em; } /* - Page Layout using Font Awesome */ .pagelayout .addcontent { float: left; margin: 0 0 20px; } .pagelayout .panelayout { clear: both; margin: 0 0 20px; padding: 0; } .pagelayout .panelayout h2 { margin: 0 10px 10px 0; text-align: center; } .pagelayout .regularpanes { clear: both; margin: 0 auto; width: 630px; } .pagelayout .pane { clear: none; float: left; margin: 20px 0; position: relative; } .pagelayout .pane select { margin-right: 20px; min-width: auto; width: 170px; } .pagelayout .layoutcenter { margin: 20px 30px; } .pagelayout .layoutalt1, .pagelayout .layoutalt2 { clear: both; float: none; margin: 0 auto; position: relative; width: 190px; } .pagelayout .altlayoutnotice { margin-bottom: 20px; } .pagelayout .panelistbox { position: relative; width: 190px; } .pagelayout .layoutbuttons { position: absolute; right: 0; top: 5px; } .pagelayout .layoutbuttons input { display: block; margin-bottom: 12px; } /* - GridView and Tables */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { margin-bottom: 18px; width: 100%; } .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px solid #dadada; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table thead { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 1px solid #dadada; } .table .AspNet-GridView-Alternate, .table tbody tr:nth-child(even) { background-color: #fafafa; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dadada; } .table .table { background-color: #ffffff; } .table-condensed { width: 100%; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dadada; border-collapse: separate; border-left: 0; border-radius: 4px; width: 100%; } .ie7 .table-bordered { border-collapse: collapse; } .table-bordered th, .table-bordered td { border-left: 1px solid #dadada; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child { border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child { border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child { border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child { border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 4px; } .table-striped { width: 100%; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-vertical { width: 100%; } .table-vertical tbody tr th:nth-child(even) { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; } .table-vertical tbody td, .table-vertical tbody th { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border: 1px solid #dadada; } .table-vertical tbody td:nth-child(even) { background-color: #f9f9f9; } .memberlist .AspNet-GridView table tbody tr:hover td, .table-hover tbody tr:hover td, .memberlist .AspNet-GridView table tbody tr:hover th, .table-hover tbody tr:hover th { background-color: #f5f5f5; } .AspNet-GridView table, .cartgrid { margin-bottom: 18px; width: 100%; } .AspNet-GridView table th, .cartgrid th, .AspNet-GridView table td, .cartgrid td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px solid #dadada; } .AspNet-GridView table th, .cartgrid th { font-weight: bold; } .AspNet-GridView table thead th, .cartgrid thead th { vertical-align: bottom; } .AspNet-GridView table thead, .cartgrid thead { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 1px solid #dadada; } .AspNet-GridView table .AspNet-GridView-Alternate, .cartgrid .AspNet-GridView-Alternate, .AspNet-GridView table tbody tr:nth-child(even), .cartgrid tbody tr:nth-child(even) { background-color: #fafafa; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset; } .AspNet-GridView table caption + thead tr:first-child th, .cartgrid caption + thead tr:first-child th, .AspNet-GridView table caption + thead tr:first-child td, .cartgrid caption + thead tr:first-child td, .AspNet-GridView table colgroup + thead tr:first-child th, .cartgrid colgroup + thead tr:first-child th, .AspNet-GridView table colgroup + thead tr:first-child td, .cartgrid colgroup + thead tr:first-child td, .AspNet-GridView table thead:first-child tr:first-child th, .cartgrid thead:first-child tr:first-child th, .AspNet-GridView table thead:first-child tr:first-child td, .cartgrid thead:first-child tr:first-child td { border-top: 0; } .AspNet-GridView table tbody + tbody, .cartgrid tbody + tbody { border-top: 2px solid #dadada; } .cartgrid tr:first-child { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 1px solid #dadada; } .moduleedit { background-color: #FFF; border: 0 none; height: 28px; margin: 0; padding: 0; text-indent: 4px; } /*************** 03. mojoElements ***************/ /** 3.1. Breadcrumbs **/ .center-pane .breadcrumbs { margin-right: 0; margin-left: 0; padding: 0px; } .breadcrumbs, .breadcrumbs.grid_12 { margin-top: 8px; margin-bottom: 0; } .breadcrumbs .breadcrumb li + a.unselectedcrumb, .breadcrumbs.grid_12 .breadcrumb li + a.unselectedcrumb { margin-left: 5px; padding-left: 8px; position: relative; } .breadcrumbs .breadcrumb li + a.unselectedcrumb:before, .breadcrumbs.grid_12 .breadcrumb li + a.unselectedcrumb:before { content: "-"; position: absolute; left: 0px; } .breadcrumbs .breadcrumb li + a.unselectedcrumb:hover:before, .breadcrumbs.grid_12 .breadcrumb li + a.unselectedcrumb:hover:before { text-decoration: none; color: #707070; } .breadcrumbs .breadcrumb a.unselectedcrumb, .breadcrumbs.grid_12 .breadcrumb a.unselectedcrumb { color: #707070; } .breadcrumbs .breadcrumb a.unselectedcrumb:hover, .breadcrumbs.grid_12 .breadcrumb a.unselectedcrumb:hover { color: #015498; } .breadcrumbs + .top-pane > .outerwrap { margin-top: 10px; } .breadcrumb li { display: inline; float: left; } .breadcrumb .divider { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; margin: 0 5px; } .breadcrumb li:first-child .divider { display: none; } .breadcrumb .selectedcrumb { text-decoration: underline; } .breadcrumbs.forumthreadcrumbs { margin-top: 7px; } /** 3.2. Search Page **/ .searchresults ol.searchresultlist { list-style-type: none; margin: 8px 0; padding: 0 0 0 10px; max-width: 80%; } .searchresults ol.searchresultlist li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DBDBDB; } .searchresults ol.searchresultlist h3 { margin: 0; } ol.searchresultlist { list-style-type: none; } div.searchcontrols { background-color: transparent; border: 1px solid #a9a9a9; display: block; margin-bottom: 10px; overflow: hidden; padding: 5px; } .searchresults .searchcontrols a.mhelp { background: url("/Data/SHAC-Skin/images/help-with-search.png") no-repeat scroll 4px 3px transparent; background-color: #FFF; border: 1px solid #A6A6A6; border-radius: 4px; float: right; height: 41px; padding: 3px; width: 91px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .searchresults .searchcontrols a.mhelp:hover { border-color: #007DB1; } .searchresults .searchcontrols a.mhelp img { display: none; } .searchresults .searchcontrols input.ui-button { vertical-align: middle; } .panelwrapper.searchresults .settingrow.searchresults { padding: 0; } /** 3.3. Pager **/ /** 3.4. Notifications **/ .txterror { background-color: #b94a48; border: 1px solid #a74240; color: #ffffff; padding: 5px 20px; border-radius: 4px; display: inline-block; } .txterror:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f071"; color: #ffffff; margin-right: 5px; } .txterror.info { background-color: #e8f4fa; border: 1px solid #d3eaf5; color: #2c2c2c; padding: 5px 20px; border-radius: 4px; display: inline-block; } .txterror.info:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f05a"; color: #2c2c2c; margin-right: 5px; } .txterror.success { background-color: #dff0d8; border: 1px solid #d0e9c6; color: #2c2c2c; padding: 5px 20px; border-radius: 4px; display: inline-block; } .txterror.success:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f058"; color: #2c2c2c; margin-right: 5px; } .txterror.warning { background-color: #fff9da; border: 1px solid #fff1a7; color: #2c2c2c; padding: 5px 20px; border-radius: 4px; display: inline-block; } .txterror.warning:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f06a"; color: #2c2c2c; margin-right: 5px; } .txterror:empty { display: none; } .txterror[style="visibility:hidden;"], .txterror[style="visibility: hidden;"], .txtError[style="visibility:hidden;"], .txtError[style="visibility: hidden;"] { display: none; } .txterror[style="display:inline;"], .txterror[style="display: inline;"], .txtError[style="display:inline;"], .txtError[style="display: inline;"] { display: inline-block !important; } .commercewarning, .nosslwarning { background-color: #fff9da; border: 1px solid #fff1a7; color: #2c2c2c; padding: 5px 20px; border-radius: 4px; display: inline-block; color: #2c2c2c !important; font-weight: normal !important; } .commercewarning:before, .nosslwarning:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f06a"; color: #2c2c2c; margin-right: 5px; } /** 3.5. Maps Modules **/ .gmaptextbox { width: 27em; } .gmap { margin: 0 0 10px; } .bmap { position: relative; } .MSVE_ImageTile { max-width: none; } /** 3.6. Gallery Modules **/ .gallerymodule .galleryitem { padding: 0; margin: 20px; } .gallerymodule .galleryitem > a > img { background-color: #f7f7f7; border: 1px solid #bfbfbf; padding: 10px; } .galleryinfo { display: inline-block; margin-top: 10px; position: relative; } .mojogallery > a img { background-color: #ffffff; border: 1px solid #bfbfbf; padding: 3px; } .mojogallery .gallerylist { width: 100%; } /* Folder Gallery */ .foldergallery h1 { font-size: large; margin-bottom: 20px; } .albumFloat { float: left; margin-bottom: 4px; margin-right: 8px; text-align: center; } .albumMetaSectionHead { background-color: Gray; font-weight: 700; } .albumMetaName { font-weight: 700; } .forumnotify { padding: 10px 0 5px; vertical-align: middle; white-space: nowrap; } .forumnotify img { float: left; } .fthumbs img { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); cursor: pointer; margin: 5px 10px; padding: 2px; } /** 3.7. Buttons **/ /*************** 04. Misc ***************/ div.panelwrapper.adminmenu ul.simplelist { margin: 0; } div.panelwrapper.adminmenu ul.simplelist li a { background-color: rgba(238, 238, 238, 0.3); color: #2c2c2c; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; } div.panelwrapper.adminmenu ul.simplelist li a:hover { background-color: rgba(1, 84, 152, 0.25); border: 1px solid rgba(1, 84, 152, 0.5); color: #2c2c2c; box-shadow: 0 0 15px rgba(1, 84, 152, 0.4) inset; } /* File Upload drag/drop */ #aspnetForm div.fileupload-dropzone { background-color: #ffffff; border: 1px dashed #2c2c2c; box-shadow: 0 0 25px rgba(0, 0, 0, 0.13); margin: 40px auto 15px; padding: 50px 0; text-align: center; vertical-align: middle; width: 92%; } #aspnetForm .uploadcontainer { width: 92%; margin: 0 auto; text-align: center; } #aspnetForm .uploadcontainer .fileinput-button { float: none; margin: 0 auto; width: 230px; } #aspnetForm .uploadcontainer .fileinput-button > button { font-size: 14px; line-height: 19px; padding-bottom: 3px; } #aspnetForm .uploadcontainer .fileinput-button .inputfilebox { margin-left: 10px; } #aspnetForm .uploadcontainer .fileinput-button .inputfilebox #ifb-file { border-radius: 4px; } #aspnetForm .uploadcontainer + div[id$="_uploader"].ui-progressbar { width: 92%; margin: 10px auto; } #aspnetForm .uploadfilelist { width: 92%; margin: 0 auto; } #aspnetForm .uploadfilelist ul.filelist { border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding: 40px 20px 20px; position: relative; margin: 5px 0 10px; } #aspnetForm .uploadfilelist ul.filelist:before { content: "Files to upload:"; position: absolute; width: 95.4%; text-align: center; font-size: 18px; top: 10px; } #aspnetForm .uploadfilelist ul.filelist li { position: relative; padding: 5px 20px; } #aspnetForm .uploadfilelist ul.filelist li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f07b"; position: absolute; left: 0; top: 8px; } #aspnetForm .uploadfilelist ul.filelist li .ui-icon-trash { background: none !important; text-indent: 0; width: auto; height: auto; } #aspnetForm .uploadfilelist ul.filelist li .ui-icon-trash:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f057"; display: inline-block; padding: 0 5px; position: absolute; top: 8px; } #aspnetForm .uploadfilelist ul.filelist li .ui-icon-trash:hover:before { color: #01467f; } #aspnetForm .uploadfilelist ul.filelist + button { display: block; float: none; margin: 0 auto; width: 90px; font-size: 14px; line-height: 19px; padding-bottom: 3px; } #aspnetForm .uploadfilelist ul.filelist + button:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0c7"; padding-right: 0.3em; } #aspnetForm ul.skinlist { margin: 0 auto; padding: 0 20px; width: 88%; } #aspnetForm ul.skinlist li { position: relative; padding: 3px 20px; } #aspnetForm ul.skinlist li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f07c"; position: absolute; left: 0; top: 7px; } .designtools .uploadcontainer .fileinput-button { padding-right: 200px; } .designtools div[id$="_divUpload"] { position: relative; } .designtools div[id$="_divUpload"] [id$="_chkOverwrite"] { left: 491px; position: absolute; top: 140px; } .designtools div[id$="_divUpload"] [id$="_chkOverwrite"] + label { left: 503px; position: absolute; top: 140px; } .designtools .importskin + .settingrow + .txterror { position: absolute; left: 521px; top: 359px; } .designtools .importskin + .settingrow + .txterror:after { content: ""; display: inline-block; border-left: 0 solid transparent; border-right: 6px solid #b94a48; border-bottom: 6px solid transparent; border-top: 6px solid transparent; position: absolute; top: 50%; left: -6px; margin-top: -5px; } .designtools .importskin + .settingrow + .txterror + .txterror { position: absolute; left: 201px; top: 359px; } .designtools .importskin + .settingrow + .txterror + .txterror:after { content: ""; display: inline-block; border-left: 6px solid #b94a48; border-right: 0 solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid transparent; position: absolute; top: 50%; right: -6px; margin-top: -5px; } .forumnotification a { vertical-align: middle; } div.adminmenu ul { margin: 0; } div.adminmenu ul.simplelist li a { font-size: 14px; } div.uploadpanel > div { padding-bottom: 4px; } .menudesc textarea { width: 450px; height: 75px; } /** 4.1. Fix for the stupid file input on the skin management page **/ .importskin input[type="file"] { width: 248px !important; } /** 4.2. Captcha **/ .captcha { text-align: center; } .captcha img { border: 1px solid #ADADAD; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); padding: 5px; display: block; margin: 10px auto; } .captcha label { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; } .ie7 .captcha label { display: inline; zoom: 1; } .right-pane .captcha, .left-pane .captcha { clear: both; height: 44px; text-align: left; } .right-pane .captcha img, .left-pane .captcha img { box-shadow: none; border: 1px solid #CCC; display: inline-block; float: left; margin: 0; padding: 3px; width: 130px; } .right-pane .captcha label, .left-pane .captcha label { float: left; font-size: 10px; height: 13px; line-height: 13px; padding: 0 0 0 10px; } .right-pane .captcha input, .left-pane .captcha input { background: none repeat scroll 0 0 #FFF; border-radius: 3px; height: 24px !important; line-height: 17px; margin-left: 13px; margin-top: 7px; padding: 2px 6px; width: 114px !important; } /** 4.3. Password Stength Meter **/ .pwspoor { background-color: Red; color: White; padding: 5px; } .pwsweak { background-color: Orange; color: White; padding: 5px; } .pwsaverage { background-color: Yellow; color: Black; padding: 5px; } .pwsstrong { background-color: Teal; color: Black; padding: 5px; } .pwsexcellent { background-color: Green; color: White; padding: 5px; } .pwdstrengthbarborder { border-style: solid; border-width: 1px; vertical-align: middle; width: 200px; } .pwdstrengthbar { height: 15px; padding: 2px; width: 200px; } /** 4.4. To hide items without sacrificing SEO or Accessibility **/ .skiplink, .visuallyhidden, .buttonvideo a { border: medium none !important; clip: rect(0, 0, 0, 0) !important; height: 1px !important; left: 0; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: 0; width: 1px !important; } .hide, .hidden { /*To completely hide content*/ display: none; } /*************** 05. Clearfix ***************/ /* Edits for the Clearfix - actual clearfix is in grid.less */ .webstoreproductdetail .breadcrumbs + .settingrow:before, .wrapstorelink:before, .mojogallery:before, .clearpanel:before, .stats:before, .blognav:before, .webstoreproductdetail .breadcrumbs + .settingrow:after, .wrapstorelink:after, .mojogallery:after, .clearpanel:after, .stats:after, .blognav:after { content: ""; display: table; line-height: 0; } .webstoreproductdetail .breadcrumbs + .settingrow:after, .wrapstorelink:after, .mojogallery:after, .clearpanel:after, .stats:after, .blognav:after { clear: both; } .ie7 .webstoreproductdetail .breadcrumbs + .settingrow, .ie7 .wrapstorelink, .ie7 .mojogallery, .ie7 .clearpanel, .ie7 .stats, .ie7 .blognav { zoom: 1; } /* Tooltip - (AKA Cluetip) */ .workflowicon { background: none repeat scroll 0 0 transparent; border: 0 none; color: #b8ac8f; font-family: 'FontAwesome'; font-size: 14px; height: auto; line-height: normal; padding: 0; text-decoration: none; vertical-align: baseline; } .workflowicon:hover { color: #01467f; text-decoration: none; } .searchterm { background-color: #FFFFB3; font-weight: 700; padding: 1px; } .modulesubtitle, span.iplookup { font-size: 0; } .modulesubtitle > *, span.iplookup > * { font-size: 14px; } .iplookup { display: block; margin: 20px 0; } .modulesubtitle > input[type="text"], .iplookup > input[type="text"] { border-bottom-right-radius: 0; border-top-right-radius: 0; position: relative; } /* .modulesubtitle > input[type="text"]:focus, .iplookup > input[type="text"]:focus { z-index: 2; } */ .modulesubtitle > input[type="submit"], .iplookup > input[type="submit"] { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; position: relative; } /* .modulesubtitle > input[type="submit"]:focus, .iplookup > input[type="submit"]:focus { z-index: 2; } */ .modulesubtitle > a { margin: 0 20px; vertical-align: middle; } /* .ui-autocomplete { z-index: 999; } */ /* Large Desktops */ @media (min-width: 1200px) { html, body.wysiwygeditor, .pagebody { font-size: 15.4px; line-height: 19.8px; } .menuwrap .mmnav .megamenu li { font-size: 16px; } .center-casing { margin-left: 0; margin-right: 0; width: auto; } .left-pane + .center-casing { margin-left: 0; margin-right: -10px; width: 1000px; } .mainfoot { font-size: 14px; line-height: 18px; } .mainfoot .foot-top { background-size: 1170px auto; } .mainfoot .i7mark { font-size: 13px; } } /* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.happyworm.com/jquery/jplayer * * Skin Name: Blue Monday * * Copyright (c) 2010-2011 Happyworm Ltd * Dual licensed under the MIT and GPL licenses. * - http://www.opensource.org/licenses/mit-license.php * - http://www.gnu.org/copyleft/gpl.html * * Author: Silvia Benvenuti * Skin Version: 4.0 (jPlayer 2.1.0) * Date: 1st September 2011 */ /* KLD - Added to avoid clashes with general ul and li styles */ div.jp-audio ul li, div.jp-video ul li { background-image: none; padding-left: 0; margin: 0; } div.jp-audio, div.jp-video { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size: 1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */ font-family: Verdana, Arial, sans-serif; line-height: 1.6; color: #2c2c2c; border: 1px solid #dadada; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; position: relative; } div.jp-audio { width: 480px; max-width: 100%; } div.jp-video-270p { width: 480px; max-width: 100%; } div.jp-video-360p { width: 640px; max-width: 100%; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position: static !important; position: relative; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; /* Rules for IE6 (full-screen) */ position: fixed !important; position: relative; overflow: hidden; z-index: 11000; } div.jp-video-full div.jp-gui { /* Rules for IE6 (full-screen) */ position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 11000; } div.jp-video-full div.jp-interface { /* Rules for IE6 (full-screen) */ position: absolute !important; position: relative; bottom: 0; left: 0; z-index: 11000; } div.jp-interface { position: relative; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; width: 100%; } div.jp-audio div.jp-type-single div.jp-interface { height: 80px; } div.jp-audio div.jp-type-playlist div.jp-interface { height: 80px; } div.jp-video div.jp-interface { border-top: 1px solid #dadada; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width: 440px; margin: 0 auto; position: relative; overflow: hidden; top: -8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } div.jp-audio ul.jp-controls { width: 380px; padding: 20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display: inline; float: left; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 40px; height: 40px; } a.jp-play { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 0 no-repeat; } a.jp-play:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -41px 0 no-repeat; } a.jp-pause { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -42px no-repeat; display: none; } a.jp-pause:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -41px -42px no-repeat; } a.jp-stop, a.jp-previous, a.jp-next { width: 28px; height: 28px; margin-top: 6px; } a.jp-stop { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -83px no-repeat; margin-left: 10px; } a.jp-stop:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -29px -83px no-repeat; } a.jp-previous { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -112px no-repeat; } a.jp-previous:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -29px -112px no-repeat; } a.jp-next { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -141px no-repeat; } a.jp-next:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -29px -141px no-repeat; } /* @end */ /* @group progress bar */ div.jp-progress { overflow: hidden; background-color: #ddd; } div.jp-audio div.jp-progress { position: absolute; top: 32px; height: 15px; } div.jp-audio div.jp-type-single div.jp-progress { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-progress { left: 166px; width: 130px; } div.jp-video div.jp-progress { top: 0px; left: 0px; width: 100%; height: 10px; } div.jp-seek-bar { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -202px repeat-x; width: 0px; height: 100%; cursor: pointer; } div.jp-play-bar { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -218px repeat-x; width: 0px; height: 100%; } /* The seeking class is added/removed inside jPlayer */ /*div.jp-seeking-bg { background: url("/Data/SHAC-Skin/images/jplayer.blue.monday.seeking.gif"); }*/ /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width: 18px; height: 15px; margin-top: 12px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio a.jp-volume-max { margin-left: 56px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top: 12px; margin-top: 0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; } div.jp-video a.jp-volume-max { left: 134px; } a.jp-mute { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -170px no-repeat; } a.jp-mute:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -19px -170px no-repeat; } a.jp-unmute { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -60px -170px no-repeat; display: none; } a.jp-unmute:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -79px -170px no-repeat; } a.jp-volume-max { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -186px no-repeat; } a.jp-volume-max:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow: hidden; background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -250px repeat-x; width: 46px; height: 5px; cursor: pointer; } div.jp-audio div.jp-volume-bar { top: 37px; left: 330px; } div.jp-video div.jp-volume-bar { top: 17px; left: 72px; } div.jp-volume-bar-value { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -256px repeat-x; width: 0px; height: 5px; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { position: absolute; top: 50px; } div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; } div.jp-current-time, div.jp-duration { width: 60px; font-size: .64em; font-style: oblique; } div.jp-current-time { float: left; display: inline; } div.jp-duration { float: right; display: inline; text-align: right; } div.jp-video div.jp-current-time { margin-left: 20px; } div.jp-video div.jp-duration { margin-right: 20px; } /* @end */ /* @group playlist */ div.jp-title { font-weight: bold; text-align: center; } div.jp-title, div.jp-playlist { width: 100%; background-color: #e7e7e7; border-top: 1px solid #dadada; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top: none; } div.jp-title ul, div.jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } div.jp-title li { padding: 5px 0; font-weight: bold; } div.jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #dadada; } div.jp-playlist li div { display: inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { /* padding:5px 0 5px 20px; */ padding: 5px 0 5px 0px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #015498; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } span.jp-artist { font-size: .8em; color: #015498; } /* @end */ div.jp-video-play { position: absolute; top: 0; left: 0; width: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } div.jp-video-270p div.jp-video-play { height: 270px; } div.jp-video-360p div.jp-video-play { height: 360px; } div.jp-video-full div.jp-video-play { height: 100%; z-index: 11000; } a.jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url("/Data/SHAC-Skin/images/jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent: -9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url("/Data/SHAC-Skin/images/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; } div.jp-jplayer audio, div.jp-jplayer { width: 0px; height: 0px; } div.jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; } div.jp-video ul.jp-toggles { margin-top: 10px; width: 100px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; /* need this for IE6 */ } a.jp-full-screen { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -310px no-repeat; margin-left: 20px; } a.jp-full-screen:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -30px -310px no-repeat; } a.jp-restore-screen { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -60px -310px no-repeat; margin-left: 20px; } a.jp-restore-screen:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -90px -310px no-repeat; } a.jp-repeat { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -290px no-repeat; } a.jp-repeat:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -30px -290px no-repeat; } a.jp-repeat-off { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -60px -290px no-repeat; } a.jp-repeat-off:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -90px -290px no-repeat; } a.jp-shuffle { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") 0 -270px no-repeat; margin-left: 5px; } a.jp-shuffle:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -30px -270px no-repeat; } a.jp-shuffle-off { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -60px -270px no-repeat; margin-left: 5px; } a.jp-shuffle-off:hover { background: url("/Data/SHAC-Skin/images/jplayerskin-sprite.png") -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { position: absolute; width: 390px; margin-left: -202px; left: 50%; top: 10px; padding: 5px; font-size: .8em; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 2px solid #dadada; color: #dadada; display: none; } .jp-no-solution a { color: #015498; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ .userbar-boxshadow { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .userbar-dropdown-boxshadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .usernavbar + .sitewrap { margin-top: 40px; } .usernavbar { position: fixed; z-index: 4; overflow: visible; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #999999; width: 100%; height: 40px; line-height: 20px; top: 0; background-color: #1b1b1b; background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .usernavbar .grid-container { position: relative; } .usernavbar a { color: #999999; } .usernavbar a:hover { color: #ffffff; } .usernavbar .usernav > li > a:hover, .usernavbar .usernav > div > li a:hover { -webkit-transition: all 1s 0s; transition: all 1s 0s; } .usernavbar #infocon { background-image: url("/Data/SHAC-Skin/images/images/i7logo_white.png") !important; background-repeat: no-repeat; background-position: center center; } .usernavbar .usernav { list-style: none outside none; left: 0; display: block; float: left; margin: 0 10px 0 0; padding: 0; } .usernavbar .usernav li { display: block; float: left; } .usernavbar .usernav li > a { display: block; float: none; padding: 10px; color: #999999; text-decoration: none; } .usernavbar .usernav li > a:hover { color: #ffffff; } .usernavbar .usernav > li > a:hover { text-shadow: 0 0 1px #ffffff; } .usernavbar .usernav.nav-right { float: right; margin-right: 0; } .usernavbar .usernav.nav-right ul { left: auto !important; right: 0px; float: right; } .usernavbar .usernav.nav-right ul .useravatar { display: none; } .usernavbar .usernav.nav-right > li.dropdown > .avatar { display: none; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul { padding-left: 99px !important; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul .useravatar { position: absolute; top: 0; left: 0; border-right: 1px solid #ccc; width: 98px; height: 100%; display: block; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul .useravatar:hover { background-color: #fff; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul .useravatar .avatar { background: url("/Data/SHAC-Skin/images/anonymous.png") no-repeat 0 0 transparent; background-size: 100% 100%; width: 60px !important; height: 60px !important; position: relative; padding: 0; top: 50%; margin: -30px auto 0; left: 0px; border: 0 none; display: block; font-size: 0; color: transparent; } .usernavbar .usernav.nav-right .welcomemessage { border-right: 1px solid #222222; border-left: 1px solid #111111; max-width: 170px; } .usernavbar .usernav.nav-right .welcomemessage a.wma { display: block; float: none; padding: 10px; color: #999999; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .usernavbar .usernav.nav-right .welcomemessage:hover { cursor: pointer; -webkit-transition: all 1s 0s; transition: all 1s 0s; } .usernavbar .usernav.nav-right .welcomemessage:hover a.wma { color: #ffffff; -webkit-transition: all 1s 0s; transition: all 1s 0s; } .usernavbar .usernav.nav-right .welcomemessage .avatar { display: none; } .usernavbar .usernav .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #111111; border-right: 1px solid #222222; } .usernavbar .usernav .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #ccc; background-color: rgba(0, 0, 0, 0.2); border-bottom: 1px solid #ffffff; } .usernavbar .usernav .divider.last { margin: 9px 0 4px; } .usernavbar .usernav .dropdown ul { display: none; } .usernavbar .usernav .dropdown.open ul { display: block; } .usernavbar .usernav .dropdown ul { position: absolute; top: 43px; left: 0; z-index: 1000; float: left; min-width: 170px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .usernavbar .usernav .dropdown ul li { display: block; width: 100%; clear: both; } .usernavbar .usernav .dropdown ul li a { display: block; float: none; padding: 5px 10px; color: #222222; text-decoration: none; } .usernavbar .usernav .dropdown ul li:hover { background-color: #015498; } .usernavbar .usernav .dropdown ul li:hover a { color: #ffffff; } .usernavbar .usernav .dropdown.logoli li a i { padding-right: 0.5em; } .usernavbar .usernav .dropdown ul:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .usernavbar .usernav .dropdown ul:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .usernavbar .usernav.nav-right .dropdown ul:before { right: 9px; left: auto; } .usernavbar .usernav.nav-right .dropdown ul:after { right: 10px; left: auto; } .usernavbar .usernav li.dropdown { border-left: 1px solid #222222; border-right: 1px solid #111111; } .usernavbar .usernav li.dropdown > a { border-left: 1px solid #111111; border-right: 1px solid #222222; } .usernavbar .usernav #infocon { padding: 20px 20px 19px 19px; } .usernavbar .usernav .dropdown.open > a { background-color: rgba(255, 255, 255, 0.05); } /* Icons using FontAwesome */ .usernavbar .usernav li > a.adminlink { position: relative; } .usernav .adminlink:before, .usernav .adminlink:after, .usernavbar .usernav .dropdown ul li a:before, .usernavbar .usernav .dropdown ul li a:after { font-size: 1.1em; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; padding-right: 10px; } .usernav .adminlink:after, .usernavbar .usernav .dropdown ul li a:after { font-size: 0.8em; } .usernav .adminmenulink:before { content: "\f085"; } .usernav .filemanlink:before { content: "\f07c"; } .usernav .newpagelink:before { content: "\f0f6"; } .usernav .newpagelink:after { content: "\f067"; font-size: 10px; left: 7px; position: absolute; text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 0 -1px 0 #000000, -1px 0 0 #000000; top: 18px; } .usernav .pageeditlink:before { content: "\f0f6"; } .usernav .pageeditlink:after { content: "\f0ad"; font-size: 10px; left: 7px; position: absolute; text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 0 -1px 0 #000000, -1px 0 0 #000000; top: 18px; } .usernav .pagesettingslink:before { content: "\f0f6"; } .usernav .pagesettingslink:after { content: "\f013"; font-size: 10px; left: 7px; position: absolute; text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 0 -1px 0 #000000, -1px 0 0 #000000; top: 18px; } /* Fix for bar when JS is disabled */ .no-js .usernavbar li.dropdown:hover ul { display: block; margin-top: -2px; } /* Icons in dropdowns */ .usernavbar .usernav .dropdown ul li a:before { width: 16px; text-align: center; display: inline-block; } .usernav .dropdown .myprofilelink:before { content: "\f007"; } .usernav .dropdown .memberlistlink:before { content: "\f0c0"; } .usernav .dropdown a.togglelink:before { content: "\f040"; } .usernav .dropdown a.toggleiconlink:before { content: "\f146"; } .usernav .dropdown .logoutlink:before { content: "\f08b"; } .workflowli { padding-top: 5px; margin-left: 10px; } .workflowli select { font: 12px Arial, sans-serif; height: 22px; margin: 4px 0; min-width: 125px; padding: 2px; width: 125px; } .ahpanel { float: left; } /* Modes - icon only, show hide */ .usernavbar.iconsonly .usernav .dropdown > ul { left: 3px; min-width: auto; padding: 0; } .usernavbar.iconsonly .usernav .dropdown > ul li { display: inline; clear: none; width: auto; padding: 0 !important; border-left: 1px solid #ccc; border-left: 1px solid rgba(0, 0, 0, 0.2); } .usernavbar.iconsonly .usernav .dropdown > ul li:first-child, .usernavbar.iconsonly .usernav .dropdown > ul li.useravatar:first-child + li { border-left: 0 none; } .usernavbar.iconsonly .usernav .dropdown > ul li a { color: #ffffff; font-size: 0; line-height: 0; padding: 8px 10px 6px; } .usernavbar.iconsonly .usernav .dropdown > ul li a:before, .usernavbar.iconsonly .usernav .dropdown > ul li a:after, .usernavbar.iconsonly .usernav .dropdown > ul li a i { color: #222222; font-size: 14px; line-height: 20px; padding: 5px; display: inline !important; } .usernavbar.iconsonly .usernav .dropdown > ul li a:hover:before, .usernavbar.iconsonly .usernav .dropdown > ul li a:hover:after, .usernavbar.iconsonly .usernav .dropdown > ul li a:hover i { color: #ffffff; } .usernavbar.iconsonly .usernav .dropdown > ul .divider, .usernavbar.iconsonly .usernav .dropdown > ul .divider.last, .usernavbar.iconsonly .usernav .dropdown > ul .useravatar { display: none !important; } .usernavbar.iconsonly .usernav > li.dropdown + .ahpanel > li a { border-right: 1px solid #222222; font-size: 0; padding: 0; } .usernavbar.iconsonly .usernav > li.dropdown + .ahpanel > li a:before { border-right: 1px solid #111111; font-size: 19px; line-height: 40px; padding: 0 10px; display: inline-block; } .usernavbar.iconsonly .usernav .dropdown + .ahpanel > li a:hover, .usernavbar.iconsonly .usernav .dropdown + .ahpanel > li a:focus, .usernavbar.iconsonly .usernav .dropdown + .ahpanel > li a:active { background-color: rgba(255, 255, 255, 0.1); } .usernavbar.iconsonly .usernav.nav-right > li { margin-right: -2px; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage { font-size: 0; padding: 8px 18px 8px 8px; position: relative; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage img.avatar, .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage a.avatar { background: url("/Data/SHAC-Skin/images/anonymous.png") no-repeat 0 0 transparent; background-size: 100% 100%; display: block; height: 24px; width: 24px; border: 0 none; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage a.wma { display: none; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0d7"; position: absolute; right: 5px; top: 13px; font-size: 14px; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage:hover:after { color: #ffffff; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage:first-child { padding: 20px 18px; } .usernavbar.iconsonly .usernav.nav-right > li .welcomemessage:first-child:after { right: 14px; } .usernavbar.iconsonly .usernav.nav-right > li.dropdown > .avatar + div + ul, .usernavbar.iconsonly .usernav.nav-right > li.dropdown > ul { padding-left: 0px !important; right: 3px; } .usernavbar.iconsonly .usernav.nav-right > li.dropdown > .avatar + div + ul li.useravatar, .usernavbar.iconsonly .usernav.nav-right > li.dropdown > ul li.useravatar { display: none; } /* Positioning */ /* Responsiveness */ @media (max-width: 960px) { .usernavbar { min-width: 440px; } .usernavbar .grid-container { width: 100%; } .usernavbar .usernav .dropdown > ul { left: 3px; min-width: auto; padding: 0; } .usernavbar .usernav .dropdown > ul li { display: inline; clear: none; width: auto; padding: 0 !important; border-left: 1px solid #ccc; border-left: 1px solid rgba(0, 0, 0, 0.2); } .usernavbar .usernav .dropdown > ul li:first-child, .usernavbar .usernav .dropdown > ul li.useravatar:first-child + li { border-left: 0 none; } .usernavbar .usernav .dropdown > ul li a { color: #ffffff; font-size: 0; line-height: 0; padding: 8px 10px 6px; } .usernavbar .usernav .dropdown > ul li a:before, .usernavbar .usernav .dropdown > ul li a:after, .usernavbar .usernav .dropdown > ul li a i { color: #222222; font-size: 14px; line-height: 20px; padding: 5px; display: inline !important; } .usernavbar .usernav .dropdown > ul li a:hover:before, .usernavbar .usernav .dropdown > ul li a:hover:after, .usernavbar .usernav .dropdown > ul li a:hover i { color: #ffffff; } .usernavbar .usernav .dropdown > ul .divider, .usernavbar .usernav .dropdown > ul .divider.last, .usernavbar .usernav .dropdown > ul .useravatar { display: none !important; } .usernavbar .usernav > li.dropdown + .ahpanel > li a { border-right: 1px solid #222222; font-size: 0; padding: 0; } .usernavbar .usernav > li.dropdown + .ahpanel > li a:before { border-right: 1px solid #111111; font-size: 19px; line-height: 40px; padding: 0 10px; display: inline-block; } .usernavbar .usernav .dropdown + .ahpanel > li a:hover, .usernavbar .usernav .dropdown + .ahpanel > li a:focus, .usernavbar .usernav .dropdown + .ahpanel > li a:active { background-color: rgba(255, 255, 255, 0.1); } .usernavbar .usernav.nav-right > li { margin-right: -2px; } .usernavbar .usernav.nav-right > li .welcomemessage { font-size: 0; padding: 8px 18px 8px 8px; position: relative; } .usernavbar .usernav.nav-right > li .welcomemessage img.avatar, .usernavbar .usernav.nav-right > li .welcomemessage a.avatar { background: url("/Data/SHAC-Skin/images/anonymous.png") no-repeat 0 0 transparent; background-size: 100% 100%; display: block; height: 24px; width: 24px; border: 0 none; } .usernavbar .usernav.nav-right > li .welcomemessage a.wma { display: none; } .usernavbar .usernav.nav-right > li .welcomemessage:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0d7"; position: absolute; right: 5px; top: 13px; font-size: 14px; } .usernavbar .usernav.nav-right > li .welcomemessage:hover:after { color: #ffffff; } .usernavbar .usernav.nav-right > li .welcomemessage:first-child { padding: 20px 18px; } .usernavbar .usernav.nav-right > li .welcomemessage:first-child:after { right: 14px; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul, .usernavbar .usernav.nav-right > li.dropdown > ul { padding-left: 0px !important; right: 3px; } .usernavbar .usernav.nav-right > li.dropdown > .avatar + div + ul li.useravatar, .usernavbar .usernav.nav-right > li.dropdown > ul li.useravatar { display: none; } .usernavbar .usernav .dropdown a.toggleiconlink { display: none; } } .btn, [id*="lnkParentPageEdit"] { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .btn, .ie7 [id*="lnkParentPageEdit"] { display: inline; zoom: 1; } .ie7 .btn, .ie7 [id*="lnkParentPageEdit"] { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .btn:first-child, .ie7 [id*="lnkParentPageEdit"]:first-child { margin-left: 0; } .btn:hover, [id*="lnkParentPageEdit"]:hover, .btn:active, [id*="lnkParentPageEdit"]:active, .btn.active, [id*="lnkParentPageEdit"].active, .btn.disabled, [id*="lnkParentPageEdit"].disabled, .btn[disabled], [id*="lnkParentPageEdit"][disabled] { background-color: #e6e6e6; } .ie7 .btn:hover, .ie7 [id*="lnkParentPageEdit"]:hover, .ie7 .btn:active, .ie7 [id*="lnkParentPageEdit"]:active, .ie7 .btn.active, .ie7 [id*="lnkParentPageEdit"].active, .ie7 .btn.disabled, .ie7 [id*="lnkParentPageEdit"].disabled, .ie7 .btn[disabled], .ie7 [id*="lnkParentPageEdit"][disabled] { background-color: #d9d9d9; } .btn:hover, [id*="lnkParentPageEdit"]:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus, [id*="lnkParentPageEdit"]:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .btn.active, [id*="lnkParentPageEdit"].active, .btn:active, [id*="lnkParentPageEdit"]:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .btn.active, .lt-ie9 [id*="lnkParentPageEdit"].active, .lt-ie9 .btn:active, .lt-ie9 [id*="lnkParentPageEdit"]:active { background-color: #cccccc; } .btn:focus:active, [id*="lnkParentPageEdit"]:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn.disabled, [id*="lnkParentPageEdit"].disabled, .btn[disabled], [id*="lnkParentPageEdit"][disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } button.btn::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding: 0; border: 0; } .ie7 button.btn, .ie7 input[type="submit"] { padding-top: 3px; padding-bottom: 3px; } .btn-group, .modulepager { position: relative; display: inline-block; font-size: 0; vertical-align: middle; white-space: nowrap; } .ie7 .btn-group, .ie7 .modulepager { display: inline; zoom: 1; } .ie7 .btn-group, .ie7 .modulepager { border: 0; margin-left: .3em; } .ie7 .btn-group:first-child, .ie7 .modulepager:first-child { margin-left: 0; } .btn-group + .btn-group, .modulepager + .modulepager { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 9px; margin-bottom: 9px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn, .modulepager > nav > .btn { position: relative; border-radius: 0; } .btn-group > .btn + .btn, .modulepager > nav > .btn + .btn { margin-left: -1px; } .ie7 .btn-group > .btn + .btn, .ie7 .modulepager > nav > .btn + .btn { margin-left: -2px; } .btn-group > .btn, .btn-group > .dropdown-menu, .modulepager > nav > .btn { font-size: 14px; } .btn-group > .btn:first-child, .modulepager > nav > .btn:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .modulepager > nav > .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .modulepager > nav > .btn:hover, .modulepager > nav > .btn:focus, .modulepager > nav > .btnactive, .modulepager > nav > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .ie7 .btn-group > .btn + .dropdown-toggle { padding-top: 5px; padding-bottom: 5px; } .btn-group.open .dropdown-toggle { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-group-vertical { display: inline-block; } .ie7 .btn-group-vertical { display: inline; zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { border-radius: 0 0 6px 6px; } .btn:empty { display: none; } input.btn:empty { display: inline-block; } .btn > strong { font-weight: 400; } .modulepager, .pagelayout-buttons { clear: both; display: block; margin-bottom: 14px; margin-top: 14px; } input.btn, input[type="submit"] { /* Firefox has lin-height: 17 !important in the Client Css which cannot be overwritten, so height is used to compensate */ -ms-box-sizing: content-box; box-sizing: content-box; height: 18px; } .ie7 input.btn, .ie7 input[type="submit"] { height: auto; } input.buttonlink, button.buttonlink, input.buttonlink:hover, button.buttonlink:hover, input.buttonlink:focus, button.buttonlink:focus, input.buttonlink:active, button.buttonlink:active { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; box-shadow: none; color: #015498; cursor: pointer; display: inline; -webkit-filter: none; filter: none; font-size: inherit; line-height: normal; margin: 0; padding: 0; text-align: left; text-shadow: none; } input.buttonlink:hover, button.buttonlink:hover { text-decoration: underline; } /* Login/register/password recovery pages*/ .loginpage *, .registerpage *, .changepassword *, .passwordrecovery * { display: none; /* Hide everything, this way only elements specifically told to show will show, regardless of what's in the layout.master */ } .loginpage #aspnetForm, .registerpage #aspnetForm, .changepassword #aspnetForm, .passwordrecovery #aspnetForm, .loginpage .sitewrap, .registerpage .sitewrap, .changepassword .sitewrap, .passwordrecovery .sitewrap, .loginpage .mainhead, .registerpage .mainhead, .changepassword .mainhead, .passwordrecovery .mainhead, .loginpage .mainhead .grid-container, .registerpage .mainhead .grid-container, .changepassword .mainhead .grid-container, .passwordrecovery .mainhead .grid-container, .loginpage .mainhead .alpha, .registerpage .mainhead .alpha, .changepassword .mainhead .alpha, .passwordrecovery .mainhead .alpha, .loginpage .sitelogo, .registerpage .sitelogo, .changepassword .sitelogo, .passwordrecovery .sitelogo, .loginpage .sitelogo img, .registerpage .sitelogo img, .changepassword .sitelogo img, .passwordrecovery .sitelogo img, .loginpage .main-content, .registerpage .main-content, .changepassword .main-content, .passwordrecovery .main-content, .loginpage .main-content *, .registerpage .main-content *, .changepassword .main-content *, .passwordrecovery .main-content * { display: inherit; } .ie7 .loginpage #aspnetForm, .ie7 .registerpage #aspnetForm, .ie7 .changepassword #aspnetForm, .ie7 .passwordrecovery #aspnetForm, .ie7 .loginpage .sitewrap, .ie7 .registerpage .sitewrap, .ie7 .changepassword .sitewrap, .ie7 .passwordrecovery .sitewrap, .ie7 .loginpage .mainhead, .ie7 .registerpage .mainhead, .ie7 .changepassword .mainhead, .ie7 .passwordrecovery .mainhead, .ie7 .loginpage .mainhead .grid-container, .ie7 .registerpage .mainhead .grid-container, .ie7 .changepassword .mainhead .grid-container, .ie7 .passwordrecovery .mainhead .grid-container, .ie7 .loginpage .mainhead .alpha, .ie7 .registerpage .mainhead .alpha, .ie7 .changepassword .mainhead .alpha, .ie7 .passwordrecovery .mainhead .alpha, .ie7 .loginpage .sitelogo, .ie7 .registerpage .sitelogo, .ie7 .changepassword .sitelogo, .ie7 .passwordrecovery .sitelogo, .ie7 .loginpage .sitelogo img, .ie7 .registerpage .sitelogo img, .ie7 .changepassword .sitelogo img, .ie7 .passwordrecovery .sitelogo img, .ie7 .loginpage .main-content, .ie7 .registerpage .main-content, .ie7 .changepassword .main-content, .ie7 .passwordrecovery .main-content, .ie7 .loginpage .main-content *, .ie7 .registerpage .main-content *, .ie7 .changepassword .main-content *, .ie7 .passwordrecovery .main-content * { display: block; } .loginpage .htmlclass, .registerpage .htmlclass, .changepassword .htmlclass, .passwordrecovery .htmlclass, .loginpage .pagebody, .registerpage .pagebody, .changepassword .pagebody, .passwordrecovery .pagebody, .loginpage .mainform, .registerpage .mainform, .changepassword .mainform, .passwordrecovery .mainform, .loginpage .sitewrap, .registerpage .sitewrap, .changepassword .sitewrap, .passwordrecovery .sitewrap { height: auto; } .loginpage .sitewrap, .registerpage .sitewrap, .changepassword .sitewrap, .passwordrecovery .sitewrap { margin-bottom: 100px; } .loginpage [class*="grid_"], .registerpage [class*="grid_"], .changepassword [class*="grid_"], .passwordrecovery [class*="grid_"] { width: auto; margin: 0; float: none; clear: both; } .loginpage .mainhead, .registerpage .mainhead, .changepassword .mainhead, .passwordrecovery .mainhead { background: none; padding: 50px 0 0; } .loginpage .mainhead:before, .registerpage .mainhead:before, .changepassword .mainhead:before, .passwordrecovery .mainhead:before { display: none; } .loginpage .mainhead [class*="grid_"], .registerpage .mainhead [class*="grid_"], .changepassword .mainhead [class*="grid_"], .passwordrecovery .mainhead [class*="grid_"] { text-align: center; } .loginpage .sitelogo, .registerpage .sitelogo, .changepassword .sitelogo, .passwordrecovery .sitelogo { background: url("/Data/SHAC-Skin/images/login-logo.png") no-repeat center center transparent; margin: 0 auto; display: inline-block; width: auto; height: 209px; } .ie7 .loginpage .sitelogo, .ie7 .registerpage .sitelogo, .ie7 .changepassword .sitelogo, .ie7 .passwordrecovery .sitelogo { display: inline; zoom: 1; } .loginpage .sitelogo img, .registerpage .sitelogo img, .changepassword .sitelogo img, .passwordrecovery .sitelogo img { visibility: hidden; width: 303px; height: 209px; } .loginpage .main-content .login, .registerpage .main-content .login, .changepassword .main-content .login, .passwordrecovery .main-content .login, .loginpage .main-content .register, .registerpage .main-content .register, .changepassword .main-content .register, .passwordrecovery .main-content .register { /* .login is on multiple pages */ width: 260px; padding: 26px 24px 56px; margin: 20px auto; background-color: #fff; border: 1px solid #dadada; box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7); border-radius: 2px; position: relative; } .loginpage .main-content .txterror, .registerpage .main-content .txterror, .changepassword .main-content .txterror, .passwordrecovery .main-content .txterror { position: absolute; top: 102%; left: 0; width: auto; display: block; color: #b94a48; border: 1px solid #c4c4c4; padding: 10px; font-size: 12px; font-weight: 400; z-index: 1; background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .loginpage .main-content .txterror:before, .registerpage .main-content .txterror:before, .changepassword .main-content .txterror:before, .passwordrecovery .main-content .txterror:before { content: "\f071"; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; padding-right: 5px; color: #b94a48; } .loginpage .main-content .txterror:empty, .registerpage .main-content .txterror:empty, .changepassword .main-content .txterror:empty, .passwordrecovery .main-content .txterror:empty { display: none !important; } /* Login Specific */ .loginpage .main-content .login .floatpanel > div + span.txterror { top: 9px; left: 296px; width: 167px; } .loginpage .main-content .login .floatpanel > div + span.txterror:after { content: ""; display: inline-block; border-left: 0 solid transparent; border-right: 8px solid #fafafa; border-bottom: 8px solid transparent; border-top: 8px solid transparent; position: absolute; left: -8px; top: 50%; margin-top: -7px; } .loginpage .main-content .login br { display: none; } .loginpage .main-content strong, .loginpage .main-content legend { display: none; } .loginpage .main-content input.normaltextbox { height: 20px; width: 225px; position: relative; z-index: 1; border-radius: 0px; } .loginpage .main-content .idrow { margin-top: 0px; padding-left: 29px; position: relative; } .loginpage .main-content .idrow:before { content: "\f003"; background-color: #eee; font-family: FontAwesome; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; border: 1px solid #bbb; border-right: 0 none; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; width: 18px; position: absolute; left: 0; top: 0; } .loginpage .main-content .passwordrow { padding-left: 29px; position: relative; } .loginpage .main-content .passwordrow:before { content: "\f084"; background-color: #eee; font-family: FontAwesome; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; border: 1px solid #bbb; border-right: 0 none; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; width: 18px; position: absolute; left: 0; top: 0; } .ie7 .loginpage .main-content .idrow, .ie7 .loginpage .main-content .passwordrow { padding-left: 0; } .loginpage .main-content .rememberrow { padding-left: 18px; position: absolute; bottom: 30px; margin: 0; } .loginpage .main-content .rememberrow input { position: absolute; left: 0px; height: 100%; margin: 0; } .loginpage .main-content .rememberrow label { font-size: 11px; display: block; height: 20px; width: 7em; overflow: hidden; color: #464646; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; } .ie7 .loginpage .main-content .rememberrow label { display: inline; zoom: 1; } .loginpage .main-content .buttonrow { position: absolute; right: 24px; bottom: 26px; margin: 0; } .loginpage .main-content .buttonrow .txterror { bottom: -89px; display: block; left: -217px; text-align: center; top: auto; width: 288px; } .loginpage .main-content .registerrow { text-align: center; } .loginpage .main-content .registerrow a { display: inline; } /* Register specific */ .registerpage .register { width: 320px; } .registerpage legend { text-align: center; width: 100%; } .registerpage label, .registerpage input, .registerpage select { display: block; clear: both; width: 100%; } .registerpage select { width: 102.5%; } .registerpage .createuserbutton { position: absolute; bottom: 26px; left: 50%; width: 126px; margin-left: -75px; } .registerpage .emailformat input[type="radio"] { float: left; display: inline; width: auto; clear: left; margin-top: 4px; margin-right: 5px; } .registerpage .emailformat label { float: left; display: inline; width: auto; clear: right; } /* Password recovery specific */ .passwordrecovery .main-content .login legend { display: none; } .passwordrecovery .main-content .login h2 { font-weight: normal; margin-top: 0px; } .passwordrecovery .main-content .login input[type="submit"] { position: absolute; bottom: 26px; left: 50%; width: 36px; margin-left: -30px; } .passwordrecovery .main-content .login h2 + .settingrow + .settingrow + div.txterror { width: 309px; padding: 0; margin: 0; border: 0 none; background: none; text-align: center; box-shadow: none; } .passwordrecovery .main-content .login h2 + .settingrow + .settingrow + div.txterror:before, .passwordrecovery .main-content .login h2 + .settingrow + .settingrow + div.txterror:after { display: none; } .passwordrecovery .main-content .login h2 + .settingrow + .settingrow + div.txterror .txterror { position: absolute; top: 102%; left: 0; width: auto; display: block; color: #b94a48; border: 1px solid #c4c4c4; padding: 10px; font-size: 12px; font-weight: 400; background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .passwordrecovery .main-content .login h2 + .settingrow + .settingrow + div.txterror .txterror:before { content: "\f071"; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; padding-right: 5px; } .passwordrecovery .main-content .txterror { top: 105%; } /* Makes all the items in menu span the width of the parent element */ /* Hide the mobile-only stuff */ .mobilenav { display: none; } .megamenu, .megamenu * { list-style: none outside none; margin: 0; padding: 0; } .megamenu { line-height: 1; } .megamenu .mm-children { position: absolute; top: -999em; width: 10em; } .megamenu .mm-children li { width: 100%; } .megamenu li:hover { visibility: inherit; } .megamenu li { float: left; position: relative; } .megamenu a { display: block; position: relative; } .megamenu li:hover .mm-children, .megamenu li.sfHover .mm-children { left: 0; top: 100%; z-index: 99; } .megamenu li:hover li .mm-children, .megamenu li.sfHover li .mm-children { top: -999em; } .megamenu li li:hover .mm-children, .megamenu li li.sfHover .mm-children { left: 100%; top: 0; } .megamenu li li:hover li .mm-children, .megamenu li li.sfHover li .mm-children { top: -999em; } .megamenu li li li:hover .mm-children, .megamenu li li li.sfHover .mm-children { left: 100%; top: 0; } .menuwrap { position: relative; z-index: 500; } .menuwrap .mmnav .megamenu { background: none repeat scroll 0 0 #0060a6; background: -webkit-linear-gradient(top, #0067b1, #005596) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #0067b1, #005596) repeat-x scroll 0 0 transparent; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; height: 40px; width: 100%; /* UL styles */ /* Link Styles */ /* Hover States */ /* Highlight Item */ } .menuwrap .mmnav .megamenu .mm-root { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; float: left; display: inline; text-align: center; } .menuwrap .mmnav .megamenu .mm-root:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .menuwrap .mmnav .megamenu .mm-root:first-child > a { border-left: 0 none; } .menuwrap .mmnav .megamenu .mm-root:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .menuwrap .mmnav .megamenu .mm-root:hover { background: none repeat scroll 0 0 #005ca1; background: -webkit-linear-gradient(top, #005596, #0067b1) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #005596, #0067b1) repeat-x scroll 0 0 transparent; } .menuwrap .mmnav .megamenu .mm-root > a { border-left: 1px solid #005596; line-height: 40px; text-transform: uppercase; } .menuwrap .mmnav .megamenu .mm-root.mm-current { background: none repeat scroll 0 0 #c5c5c5; background: -webkit-linear-gradient(top, #cecece, #b7b7b7) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cecece, #b7b7b7) repeat-x scroll 0 0 transparent; } .menuwrap .mmnav .megamenu .mm-root.mm-current > a { color: #676767; } .menuwrap .mmnav .megamenu .mm-root.mm-current:hover { background: none repeat scroll 0 0 #c0c0c0; background: -webkit-linear-gradient(top, #b7b7b7, #cecece) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #b7b7b7, #cecece) repeat-x scroll 0 0 transparent; } .menuwrap .mmnav .megamenu .mm-root.mm-parent > a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0d7"; margin-left: 5px; } .menuwrap .mmnav .megamenu .mm-root + .mm-root + .mm-root + .mm-root + .mm-root + .mm-root + .mm-root .mm-children { left: auto; right: 0; } .menuwrap .mmnav .megamenu .mm-children { background-color: #f5f5f5; border: 1px solid #b9b9b9; text-align: left; box-shadow: 0 1px 2px -2px #000000; } .menuwrap .mmnav .megamenu .mm-pagedesc { display: none; } .menuwrap .mmnav .megamenu .mm-descwrapper { background-color: #F5F5F5; border: 1px solid #B9B9B9; border-left: 0 none; box-shadow: 0 1px 2px -2px #000000; position: absolute; width: 215px; height: 100%; overflow: hidden; left: 100%; top: -1px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: height 500ms 0s, opacity 500ms 0, padding 500ms 0; transition: height 500ms 0s, opacity 500ms 0, padding 500ms 0; } .menuwrap .mmnav .megamenu .mm-descwrapper:before { background-color: #FFF; bottom: 10px; content: ""; left: 0; position: absolute; top: 10px; width: 1px; } .menuwrap .mmnav .megamenu .mm-descwrapper:after { background-color: #D0D0D0; bottom: 10px; content: ""; left: 1px; position: absolute; top: 10px; width: 1px; } .menuwrap .mmnav .megamenu .mm-descwrapper .mm-pagedesc { display: block; color: #676767; font-size: 12px; height: 152px; line-height: 15px; margin: 10px 0; overflow: hidden; padding: 0 10px; position: relative; text-align: left; } .menuwrap .mmnav .megamenu .mm-descwrapper .mm-pagedesc > span[style="text-align: center;"] { display: block; padding-top: 10px; } .menuwrap .mmnav .megamenu .mm-descwrapper.empty { height: 0; padding: 0 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: height 500ms 500ms, opacity 500ms 300ms, padding 500ms 500ms; transition: height 500ms 500ms, opacity 500ms 300ms, padding 500ms 500ms; } .menuwrap .mmnav .megamenu .mm-children { padding: 10px 30px 10px 0; } .menuwrap .mmnav .megamenu .mm-children ul { float: left; padding-left: 30px; } .menuwrap .mmnav .megamenu .mm-children ul li { clear: both; line-height: 1.6; width: auto; } .menuwrap .mmnav .megamenu .mm-children ul a { color: #676767; white-space: nowrap; } .menuwrap .mmnav .megamenu .mm-children ul a:hover { color: #015498; } .menuwrap .mmnav .megamenu .mm-children ul a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0da"; margin-right: 5px; } .menuwrap .mmnav .megamenu .mm-children .mm-current { color: #015498; } .menuwrap .mmnav .megamenu .mm-children .mm-current a { color: #015498; } .menuwrap .mmnav .megamenu .mm-children .mm-children { display: none; } .menuwrap .mmnav .megamenu a { color: #ffffff; } .menuwrap .mmnav .megamenu .megamenu li.sfHover, .menuwrap .mmnav .megamenu .megamenu li:hover { background: none repeat scroll 0 0 #005ca1; background: -webkit-linear-gradient(top, #005596, #0067b1) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #005596, #0067b1) repeat-x scroll 0 0 transparent; } .menuwrap .mmnav .megamenu a:hover { text-decoration: none; color: #ffffff; } .menuwrap .mmnav .megamenu li.highlight-item { color: #fff; background: none repeat scroll 0 0 #b1a68a; background: -webkit-linear-gradient(top, #b8ac8f, #a69c83) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #b8ac8f, #a69c83) repeat-x scroll 0 0 transparent; } .menuwrap .mmnav .megamenu li.highlight-item > a { color: #fff; } .menuwrap .mmnav .megamenu li.highlight-item:hover { background: none repeat scroll 0 0 #ada288; background: -webkit-linear-gradient(top, #a69c83, #b8ac8f) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #a69c83, #b8ac8f) repeat-x scroll 0 0 transparent; } .district .menuwrap .mmnav .megamenu { background: none repeat scroll 0 0 #707b4a; background: -webkit-linear-gradient(top, #7e8c4c, #5b6148) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #7e8c4c, #5b6148) repeat-x scroll 0 0 transparent; } .district .menuwrap .mmnav .megamenu .mm-root:hover { background: none repeat scroll 0 0 #69724a; background: -webkit-linear-gradient(top, #5b6148, #7e8c4c) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #5b6148, #7e8c4c) repeat-x scroll 0 0 transparent; } .district .menuwrap .mmnav .megamenu .mm-root > a { border-left: 1px solid #5B6148; } .district .menuwrap .mmnav .megamenu .mm-root:first-child > a { border-left: 0 none; } .district .menuwrap .mmnav .megamenu .mm-root.mm-current { background: none repeat scroll 0 0 #c5c5c5; background: -webkit-linear-gradient(top, #cecece, #b7b7b7) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cecece, #b7b7b7) repeat-x scroll 0 0 transparent; } .district .menuwrap .mmnav .megamenu .mm-root.mm-current > a { color: #676767; } .district .menuwrap .mmnav .megamenu .mm-root.mm-current:hover { background: none repeat scroll 0 0 #c0c0c0; background: -webkit-linear-gradient(top, #b7b7b7, #cecece) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #b7b7b7, #cecece) repeat-x scroll 0 0 transparent; } .blogwrapper.blogview { margin-left: -10px; margin-right: -10px; } .blogwrapper.blogview:before, .blogwrapper.blogview:after { content: ""; display: table; line-height: 0; } .blogwrapper.blogview:after { clear: both; } .ie7 .blogwrapper.blogview { zoom: 1; } .blogwrapper.blogview .blog-center { width: 700px; } .blogcenter-nonav { width: auto; } .blogwrapper.blogview > header { margin: 0 10px; } .blogwrapper figure { text-align: center; } .blogcal + ul.blognav, .bc-main { margin-bottom: 18px; } .bsidelist, .bsidelist + ul.blognav { margin-bottom: 18px; } .bsidelist h3, .bsidelist + ul.blognav h3 { border-bottom: 1px solid #dadada; color: #2c2c2c; font-size: 14px; font-weight: 400; margin: 0 0 6px; padding: 6px 8px 3px 0; text-transform: uppercase; } .bsidelist + h3 { border-bottom: 1px solid #dadada; color: #2c2c2c; font-size: 14px; font-weight: 400; margin: 0 0 6px; padding: 6px 8px 3px 0; text-transform: uppercase; } ul.blognav { list-style: none outside none; margin: 0 0 10px 6px; padding: 0; } ul.relatedposts { margin-bottom: 18px; } ul.relatedposts li { padding: 0; } .blogitem { border-bottom: 1px solid #dadada; padding-bottom: 22px; margin-bottom: 22px; } .blogdate { color: #777; font-size: 12px; } .blogitem .blogdate .blogtags { display: none; } .blogtext { margin: 18px 0 0; } .blogtext:before, .blogtext:after { content: ""; display: table; line-height: 0; } .blogtext:after { clear: both; } .ie7 .blogtext { zoom: 1; } .blogtext p:first-child { margin-top: 0; } .blogtitle { font-size: 28px; font-weight: 400; margin: 0; } .bc-main { background-color: #fff; border-collapse: separate !important; border: 1px solid #dadada; color: #2c2c2c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; } .bc-main [colspan="7"] { background-color: transparent !important; padding: 0; } .bc-title { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; height: 30px; } .bc-nextprev { font-family: 'FontAwesome'; padding: 0; width: 30px !important; } .bc-nextprev > a { border-radius: 4px; color: #2c2c2c !important; display: block; height: 22px; line-height: 22px; margin: 4px; text-align: center; text-decoration: none; text-indent: 3px; width: 22px; } .bc-nextprev > a:hover { background: none repeat scroll 0 0 #0160a7; background: -webkit-linear-gradient(top, #0168b2, #005596) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #0168b2, #005596) repeat-x scroll 0 0 transparent; color: #FFF !important; } .bc-nextprev:first-child > a { text-indent: -1px; } .bc-title [align="center"] { cursor: default; line-height: 30px; padding: 0; text-align: center; width: auto !important; } .bc-head { background-color: #eaeaea; border-bottom: 1px solid #C5C5C5; cursor: default; line-height: 14px; padding: 0.4em 0.45em 0.4em 0.1em; text-align: right; } .bc-day { background-color: transparent !important; padding: 1px; width: auto !important; } .bc-day > a { border-radius: 4px; color: #2c2c2c !important; display: block; line-height: 22px; min-height: 22px; overflow: hidden; padding: 0 0.45em 0 0.1em; text-align: right; text-decoration: none; } .bc-day > a:hover { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; color: #2c2c2c !important; } .bc-othermonth > a { color: #9F9E9E !important; } .bc-othermonth > a:hover { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; color: #2c2c2c !important; } .bc-selected > a { background: none repeat scroll 0 0 #0160a7; background: -webkit-linear-gradient(top, #0168b2, #005596) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #0168b2, #005596) repeat-x scroll 0 0 transparent; color: #FFF !important; } /* Rss icons */ .bc-main + .blogcal + .blognav > [class^="feed"], .bc-main + .blogcal + .blognav > [class*=" feed"], .ie7 .blognav > [class^="feed"], .ie7 .blognav > [class*=" feed"] { display: inline-block; float: left; margin-left: 10px; } .bc-main + .blogcal + .blognav > [class^="feed"]:first-child, .bc-main + .blogcal + .blognav > [class*=" feed"]:first-child { margin-left: 25px; } .ie7 .bc-main + .blogcal + .blognav > [class^="feed"]:first-child, .ie7 .bc-main + .blogcal + .blognav > [class*=" feed"]:first-child { margin-left: 5px; } .ie7 .blognav > [class^="feed"], .ie7 .blognav > [class*=" feed"] { zoom: 1; display: inline; } .blognav > [class^="feed"], .blognav > [class*=" feed"] { margin: 5px 0; } .blognav > [class^="feed"] a:hover, .blognav > [class*=" feed"] a:hover { opacity: 0.5; } .lt-ie10 .blognav > [class^="feed"] a:hover, .lt-ie10 .blognav > [class*=" feed"] a:hover { filter: alpha(opacity=50); } .blognav > [class^="feed"]:active, .blognav > [class*=" feed"]:active { position: relative; top: 1px; } .blognav > [class^="feed"]:first-child, .blognav > [class*=" feed"]:first-child { margin-left: 0; } .blognav > [class^="feed"] a, .blognav > [class*=" feed"] a { background: url("/Data/SHAC-Skin/images/sprite-rssfeeds.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 24px; line-height: 24px; padding-left: 24px; } .bc-main + .blognav > [class^="feed"] a, .bc-main + .blognav > [class*=" feed"] a, .ie7 .blognav > [class^="feed"] a, .ie7 .blognav > [class*=" feed"] a { padding-left: 0px; width: 24px; margin: 0; } .blognav > [class^="feed"] a img, .blognav > [class*=" feed"] a img { display: none; } .blognav li a.rsslink { background-position: 0 0; } .blognav li.feedmsnitem a { background-position: 0 -24px; } .blognav li.feedliveitem a { background-position: 0 -48px; } .blognav li.feedyahooitem a { background-position: 0 -72px; } .blognav li.feedgoogleitem a { background-position: 0 -96px; } .blognav li a.addthisrss { background-position: 0 -120px; } .blogcal:first-child + .blognav li a.addthisrss:after, .blogcal:first-child + .blognav li a.rsslink:after { content: "Subscribe to our RSS"; padding-left: 5px; } .blogcal:first-child + .blognav li.feedmsnitem a:after { content: "Add to My MSN"; padding-left: 5px; } .blogcal:first-child + .blognav li.feedliveitem a:after { content: "Add to Windows Live"; padding-left: 5px; } .blogcal:first-child + .blognav li.feedyahooitem a:after { content: "Add to my Yahoo!"; padding-left: 5px; } .blogcal:first-child + .blognav li.feedgoogleitem a:after { content: "Add to Google"; padding-left: 5px; } @media (min-width: 1200px) { .blogwrapper.blogview { margin-left: -15px; margin-right: -15px; } .blogwrapper.blogview > header { margin: 0 15px; } .blogwrapper.blogview .blog-center { width: 870px; } .bc-main + .blogcal + .blognav > [class^="feed"]:first-child, .bc-main + .blogcal + .blognav > [class*=" feed"]:first-child { margin-left: 50px; } } @media screen and (max-width: 540px) { .blogcal:first-child + .blognav li a:after { display: none; } } .blogwrapper .blogdate + .subtitle { margin-top: 0; } .event-cal { background-color: #ffffff; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada !important; border-collapse: separate !important; color: #2c2c2c; width: 100%; } .event-cal * { color: #2c2c2c !important; font-family: Arial, Helvetica, sans-serif; padding: 0; } .event-cal .ec-title { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height: 60px; } .event-cal .ec-title [align="center"] { font-size: 24px; line-height: 60px; text-align: center; } .event-cal .ec-next-prev a { border-radius: 4px; display: block; float: right; font-family: 'FontAwesome'; font-size: 39px; height: 38px; line-height: 38px; margin: 10px; padding-top: 2px; text-align: center; text-decoration: none; text-indent: 4px; width: 38px; } .event-cal .ec-next-prev a:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff !important; } .event-cal .ec-next-prev:first-child a { float: left; text-indent: -2px; } .event-cal .ec-head { background-color: #eaeaea; border-bottom: 1px solid #ffffff !important; padding: 4px 0; text-align: center; } .event-cal .ec-head:first-child { border-left: 1px solid #ffffff !important; } .event-cal .ec-head:last-child { border-right: 1px solid #ffffff !important; } .lt-ie9 .event-cal .ec-head + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head { border-right: 1px solid #ffffff !important; } .event-cal .ec-day { border-left: 1px solid #dadada; border-top: 1px solid #dadada; padding-bottom: 37px; text-align: right; } .event-cal .ec-day:first-child { border-left: 0 none; } .event-cal .ec-day > a { border-radius: 4px; display: inline-block; font-size: 14px; height: 27px; line-height: 27px; margin: 5px; padding-right: 5px; width: 22px; text-decoration: none; } .ie7 .event-cal .ec-day > a { display: inline; zoom: 1; } .event-cal .ec-day > a:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff !important; text-decoration: none; } .event-cal .ec-day.ec-today > a:hover { background: none repeat scroll 0 0 #014e8e; background: -webkit-linear-gradient(top, #015498, #01467f) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #015498, #01467f) repeat-x scroll 0 0 transparent; } .event-cal .ec-other-month > a { color: #9f9e9e !important; } .event-cal .eventcontainer { font-size: 11px; line-height: normal; margin-right: 10px; padding-left: 20px; position: relative; text-align: left; } .event-cal .eventcontainer a { color: #015498 !important; } .event-cal .eventcontainer a:hover { color: #01467f !important; } .event-cal .eventcontainer:before { color: #015498 !important; content: "\f111"; font-family: 'FontAwesome'; font-size: 6px; left: 12px; position: absolute; top: 2px; } .event-cal .eventcontainer #editLink:before { color: #015498; content: "\f040"; font-family: 'FontAwesome'; font-size: 15px; } .event-cal .eventcontainer #editLink { left: 2px; opacity: 0; filter: alpha(opacity=0); position: absolute; top: -5px; text-decoration: none; -webkit-transition: opacity 300ms 0s; transition: opacity 300ms 0s; } .event-cal .eventcontainer #editLink #editLink:hover { text-decoration: none; } .event-cal .eventcontainer:hover #editLink { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 300ms 0s; transition: opacity 300ms 0s; } .event-cal #editLink > img { display: none; } .ie7 .event-cal #editLink > img { display: block; } .event-cal .ec-today:before { color: #9f9e9e; content: "\f006"; margin: 10px 0; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; } .eventcaldayview .panelwrapper.eventcalendar h3 { display: list-item; list-style-position: outside; margin-bottom: 0; margin-left: 30px; } .eventcaldayview .panelwrapper.eventcalendar h3 + p { margin-left: 30px; margin-top: 0; } .eventcalheader td + td { width: 50%; } .eventcalheader td:first-child, .eventcalheader td + td + td { width: 25%; } h3.currentMonth { position: relative; } h3.currentMonth:hover { cursor: pointer; text-decoration: underline; } #i7datepicker { margin-left: -7em !important; left: 50%; top: 80%; } .month_year_datepicker .ui-datepicker-prev, .month_year_datepicker .ui-datepicker-next, .month_year_datepicker .ui-datepicker-calendar { display: none; } .month_year_datepicker .ui-datepicker-title { margin: 0 !important; } .eventcalendar.eventmonthview .mpcalendarmain, .panelwrapper.eventmonthview .mpcalendarmain { background-color: #ffffff; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada !important; border-collapse: separate !important; color: #2c2c2c; width: 100%; } .eventcalendar.eventmonthview .mpcalendarmain *, .panelwrapper.eventmonthview .mpcalendarmain * { color: #2c2c2c; font-family: Arial, Helvetica, sans-serif; padding: 0; } .eventcalendar.eventmonthview .mpcalendarmain .eventcalheader, .panelwrapper.eventmonthview .mpcalendarmain .eventcalheader { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height: 60px; } .eventcalendar.eventmonthview .mpcalendarmain .eventcalheader h3, .panelwrapper.eventmonthview .mpcalendarmain .eventcalheader h3 { font-size: 24px; font-weight: 400; line-height: 60px; margin: 0; text-align: center; float: left; width: 60%; clear: none; } .eventcalendar.eventmonthview .mpcalendarmain a.nextMonth, .panelwrapper.eventmonthview .mpcalendarmain a.previousMonth { border-radius: 4px; display: block; height: 38px; line-height: 38px; margin: 10px; padding: 0 6px; text-align: center; text-decoration: none; float: left; } .eventcalendar.eventmonthview .mpcalendarmain .eventNextPrevious:hover, .panelwrapper.eventmonthview .mpcalendarmain .eventNextPrevious:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff; text-decoration: none; } .eventcalendar.eventmonthview .mpcalendarmain div.previousMonth, .panelwrapper.eventmonthview .mpcalendarmain div.previousMonth, .eventcalendar.eventmonthview .mpcalendarmain div.nextMonth, .panelwrapper.eventmonthview .mpcalendarmain div.nextMonth { float: left; width: 20%; } .eventcalendar.eventmonthview .mpcalendarmain a.nextMonth { float: right; } .eventcalendar.eventmonthview .mpcalendarmain .nextMonth, .panelwrapper.eventmonthview .mpcalendarmain .nextMonth { text-align: right; } a.nextMonth > .fa, a.previousMonth > .fa { display: none; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendardayheader, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendardayheader { background-color: #eaeaea; border-bottom: 1px solid #ffffff; padding: 4px 0; text-align: center; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendardayheader:first-child, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendardayheader:first-child { border-left: 1px solid #ffffff; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendardayheader:last-child, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendardayheader:last-child { border-right: 1px solid #ffffff; } .lt-ie9 .eventcalendar.eventmonthview .mpcalendarmain .mpcalendardayheader + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head, .lt-ie9 .panelwrapper.eventmonthview .mpcalendarmain .mpcalendardayheader + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head { border-right: 1px solid #ffffff; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarday, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarday, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarweekendday, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarweekendday, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday { border-left: 1px solid #dadada; border-top: 1px solid #dadada; text-align: right; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a { border-radius: 4px; display: inline-block; font-size: 14px; height: 27px; line-height: 27px; margin: 5px; padding-right: 5px; width: 22px; text-decoration: none; } .ie7 .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a, .ie7 .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a, .ie7 .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a, .ie7 .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a, .ie7 .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a, .ie7 .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a, .ie7 .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a, .ie7 .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a { display: inline; zoom: 1; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a:hover, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a:hover, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a:hover, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarday .dayNumber a:hover, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a:hover, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarweekendday .dayNumber a:hover, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a:hover, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff; text-decoration: none; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a:hover, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber a:hover { background: none repeat scroll 0 0 #014e8e; background: -webkit-linear-gradient(top, #015498, #01467f) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #015498, #01467f) repeat-x scroll 0 0 transparent; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber:before, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendartoday .dayNumber:before { color: #9f9e9e; content: "\f006"; margin: 10px 0; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth .dayNumber a { color: #9f9e9e; } .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarweekendday:first-child, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarweekendday:first-child, .eventcalendar.eventmonthview .mpcalendarmain .mpcalendarothermonth:first-child, .panelwrapper.eventmonthview .mpcalendarmain .mpcalendarothermonth:first-child { border-left: 0 none; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer { border-color: #dadada !important; border-left: 0 none !important; border-right: 0 none !important; font-size: 11px; line-height: normal; padding: 3px 20px 1px !important; position: relative; text-align: center; background: #eaeaea; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer a, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer a { color: #015498 !important; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer a:hover, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer a:hover { color: #01467f !important; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer .editlink:before, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer .editlink:before { color: #015498; content: "\f040"; font-family: 'FontAwesome'; font-size: 15px; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer .editlink, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer .editlink { display: block; height: 18px; left: 0; line-height: 18px; opacity: 0; filter: alpha(opacity=0); position: absolute; text-decoration: none; top: 0; -webkit-transition: opacity 300ms 0s; transition: opacity 300ms 0s; width: 18px; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer .editlink #editlink:hover, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer .editlink #editlink:hover { text-decoration: none; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer:hover .editlink, .panelwrapper.eventmonthview .mpcalendarmain .eventcontainer:hover .editlink { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 300ms 0s; transition: opacity 300ms 0s; } .eventcalendar.eventmonthview .mpcalendarmain .editlink > img, .panelwrapper.eventmonthview .mpcalendarmain .editlink > img { display: none; } .ie7 .eventcalendar.eventmonthview .mpcalendarmain .editlink > img, .ie7 .panelwrapper.eventmonthview .mpcalendarmain .editlink > img { display: block; } .eventcalendaredit .forminput > input[name*="Date"] { width: 6.5em; } .eventcalendaredit .forminput > select[name*="Time"] { width: 9em; } .eventcalendaredit .settinglabel[for*="ddStartTime"] { display: inline-block; } .eventcalendaredit .widetextbox { width: 28.2em; } .eventcalendaredit .verysmalltextbox { width: 2.5em; text-align: center; } .eventcalendaredit div.settinglabel { display: inline-block; } .eventcalendaredit .recur-form { display: inline-block; width: 500px; } .eventcalendaredit .recur-form-group.recur-row, .eventcalendaredit .recur-form-group.recur-type, .eventcalendaredit .recur-days { float: left; margin-right: 5px; } .eventcalendaredit .recur-type select, .eventcalendaredit .recur-row select, .eventcalendaredit .ecp-category-item select { width: auto; } .eventcalendaredit .recur-form-group .recur-row, .eventcalendaredit .recur-form-group .recur-row, .eventcalendaredit .recur-form-group.recur-footer { margin: 5px 0 0 20px; } .eventcalendaredit input[type="radio"], .eventcalendaredit input[type="checkbox"], .eventcalendaredit .recur-days + .recur-footer { margin-top: 0; } .eventcalendaredit .recur-form-group .recur-every, .eventcalendaredit .recur-form-group .recur-enddate { margin: 0 5px 0 0; } .eventcalendaredit .recur-form-group .recur-validation, .eventcalendaredit .recur-form-group .recur-end { margin: 0; } .eventcalendaredit .ecp-category-list, .eventcalendaredit .ecp-contact-list { padding-left: 0px; list-style-type: none; display: inline-block; } .eventcalendaredit .ecp-category-list li, .eventcalendaredit .ecp-contact-list li { margin-bottom: 10px; } .eventcalendaredit .ecp-category-list li:last-child, .eventcalendaredit .ecp-contact-list li:last-child { margin-bottom: 0px; } /* ECP Pro Category Colors */ .event-color-red, .event-color-red.event-color-red-primary { background-color: #B80000; } /*.panelwrapper.eventmonthview .mpcalendarmain .eventcontainer a:hover*/ .event-color-clear, .event-color-clear.event-color-clear-primary { background-color: #fff; } .event-color-green, .event-color-green.event-color-green-primary { background-color: #7fb17f; } .event-color-aqua, .event-color-aqua.event-color-aqua-primary { background-color: #00CCFF; } .event-color-blue, .event-color-blue.event-color-blue-primary { background-color: #0000FF; } .event-color-black, .event-color-black.event-color-black-primary { background-color: #333; } .event-color-darkgreen, .event-color-darkgreen.event-color-darkgreen-primary { background-color: #006400; } .event-color-orange, .event-color-orange.event-color-orange-primary { background-color: #FF6633; } .event-color-yellow, .event-color-yellow.event-color-yellow-primary { background-color: #FFC; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-red-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-red-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-red-primary a:hover, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-orange-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-orange-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-orange-primary a:hover, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-green-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-green-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-green-primary a:hover, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-darkgreen-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-darkgreen-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-darkgreen-primary a:hover, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-black-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-black-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-black-primary a:hover, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-blue-primary, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-blue-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-color-blue-primary a:hover { color: #fff !important; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-clear-primary { color: #015498 !important; } .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-clear-primary a, .eventcalendar.eventmonthview .mpcalendarmain .eventcontainer.event-clear-primary a:hover { color: #01467f !important; } .categories .badge { background-color: rgba(1, 84, 162, 0.29); padding: 3px 9px; border-radius: 10px; color: #fff; font-size: small; } /* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% !important; } .chosen-container * { box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("/Data/SHAC-Skin/images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("/Data/SHAC-Skin/images/chosen-sprite.png") no-repeat 0 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: #ffffff url("/Data/SHAC-Skin/images/chosen-sprite.png") no-repeat 100% -20px; background: url("/Data/SHAC-Skin/images/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #ffffff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto!important; height: 1%; border: 1px solid #aaa; border-radius: 4px; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0!important; background: transparent!important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("/Data/SHAC-Skin/images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #ffffff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: 0; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222222 !important; } .chosen-disabled { opacity: .5!important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: 0; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: #ffffff url("/Data/SHAC-Skin/images/chosen-sprite.png") no-repeat -30px -20px; background: url("/Data/SHAC-Skin/images/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/Data/SHAC-Skin/images/chosen-sprite@2x.png") !important; background-size: 52px 37px!important; background-repeat: no-repeat !important; } } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: top; } } .filter-label { display: block; font-weight: 700; margin-bottom: 5px; max-width: 100%; padding-top: 5px; vertical-align: top; } .form-control-static { margin-bottom: 0; min-height: 34px; padding-bottom: 7px; padding-top: 7px; } .form-type-date { text-align: center; width: 80px; } .filter-list-select { width: 420px; } .filter-list-group { margin-left: 0px; margin-right: 40px; width: 70%; } .calendar-filter legend { border: 0; font-size: 1em; margin: 0 0 10px; padding: 20px 0 0; white-space: normal; } .calendar-filter legend label { font-size: 1.5em; font-weight: 700; line-height: 1.1; } .calendar-filter .settingrow { margin: 0 0 20px; } .calendar-filter .button-row { margin-bottom: 0; } /* Search and Other Base Element Styling */ .forums, .forumview, .forumthreadview, .forumthread { /* Post edit buttons */ /* Thread Icons */ /* Locked icon */ /* Sticky Icon */ /* Fnotify icon */ } .forums .settingrow, .forumview .settingrow, .forumthreadview .settingrow, .forumthread .settingrow, .forums .modulepager, .forumview .modulepager, .forumthreadview .modulepager, .forumthread .modulepager { margin: 20px 0; padding: 0; vertical-align: middle; } .forums .modulepager, .forumview .modulepager, .forumthreadview .modulepager, .forumthread .modulepager { overflow: hidden; float: left; clear: none; font-size: 14px; } .forums .forumsearch, .forumview .forumsearch, .forumthreadview .forumsearch, .forumthread .forumsearch { font-size: 0; position: relative; text-align: right; z-index: 0; margin-top: 0px; } .forums .forumsearch > *, .forumview .forumsearch > *, .forumthreadview .forumsearch > *, .forumthread .forumsearch > * { font-size: 14px; } .forums .forumsearch + .modulepager > a, .forumview .forumsearch + .modulepager > a, .forumthreadview .forumsearch + .modulepager > a, .forumthread .forumsearch + .modulepager > a { margin-top: 0px; display: block; } .forums .forumsearch .txterror[style="display:none;"], .forumview .forumsearch .txterror[style="display:none;"], .forumthreadview .forumsearch .txterror[style="display:none;"], .forumthread .forumsearch .txterror[style="display:none;"] { display: inline !important; opacity: 0; filter: alpha(opacity=0); right: 0; visibility: hidden; } .forums .forumsearch .txterror, .forumview .forumsearch .txterror, .forumthreadview .forumsearch .txterror, .forumthread .forumsearch .txterror { background-color: #fff9da; border: 1px solid #fff1a7; color: #2c2c2c; padding: 5px 20px; display: inline-block; border-radius: 4px; display: inline; opacity: 1; filter: alpha(opacity=100); padding: 4px 10px; position: absolute; right: 303px; top: 0; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; visibility: visible; } .forums .forumsearch .txterror:before, .forumview .forumsearch .txterror:before, .forumthreadview .forumsearch .txterror:before, .forumthread .forumsearch .txterror:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f06a"; color: #2c2c2c; margin-right: 5px; } .forums .forumsearch input.forumsearchbox, .forumview .forumsearch input.forumsearchbox, .forumthreadview .forumsearch input.forumsearchbox, .forumthread .forumsearch input.forumsearchbox { border-bottom-right-radius: 0; border-top-right-radius: 0; position: relative; } .forums .forumsearch input[type="submit"], .forumview .forumsearch input[type="submit"], .forumthreadview .forumsearch input[type="submit"], .forumthread .forumsearch input[type="submit"] { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } .forums .ftitle h3, .forumview .ftitle h3, .forumthreadview .ftitle h3, .forumthread .ftitle h3, .forums .ftitle p, .forumview .ftitle p, .forumthreadview .ftitle p, .forumthread .ftitle p { margin: 0; } .forums a.forumEdit, .forumview a.forumEdit, .forumthreadview a.forumEdit, .forumthread a.forumEdit, .forums a.threadEdit, .forumview a.threadEdit, .forumthreadview a.threadEdit, .forumthread a.threadEdit { float: right; height: 16px; padding: 0; width: 16px; } .forums .forumthreadcrumbs, .forumview .forumthreadcrumbs, .forumthreadview .forumthreadcrumbs, .forumthread .forumthreadcrumbs { padding: 0px; margin-top: 10px; } .forums .postEdit, .forumview .postEdit, .forumthreadview .postEdit, .forumthread .postEdit, .forums .threadEdit, .forumview .threadEdit, .forumthreadview .threadEdit, .forumthread .threadEdit, .forums .forumEdit, .forumview .forumEdit, .forumthreadview .forumEdit, .forumthread .forumEdit { background-color: #ffffff; padding: 0; color: #2c2c2c; } .forums .postEdit:before, .forumview .postEdit:before, .forumthreadview .postEdit:before, .forumthread .postEdit:before, .forums .threadEdit:before, .forumview .threadEdit:before, .forumthreadview .threadEdit:before, .forumthread .threadEdit:before, .forums .forumEdit:before, .forumview .forumEdit:before, .forumthreadview .forumEdit:before, .forumthread .forumEdit:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f040"; background-color: #ffffff; padding: 2px 0; } .forums .postEdit:hover, .forumview .postEdit:hover, .forumthreadview .postEdit:hover, .forumthread .postEdit:hover, .forums .threadEdit:hover, .forumview .threadEdit:hover, .forumthreadview .threadEdit:hover, .forumthread .threadEdit:hover, .forums .forumEdit:hover, .forumview .forumEdit:hover, .forumthreadview .forumEdit:hover, .forumthread .forumEdit:hover { color: #01467f; text-decoration: none; } .ie7 .forums .postEdit, .ie7 .forumview .postEdit, .ie7 .forumthreadview .postEdit, .ie7 .forumthread .postEdit, .ie7 .forums .threadEdit, .ie7 .forumview .threadEdit, .ie7 .forumthreadview .threadEdit, .ie7 .forumthread .threadEdit, .ie7 .forums .forumEdit, .ie7 .forumview .forumEdit, .ie7 .forumthreadview .forumEdit, .ie7 .forumthread .forumEdit { background-color: transparent; padding-left: 18px; } .forums .threadEdit:before, .forumview .threadEdit:before, .forumthreadview .threadEdit:before, .forumthread .threadEdit:before, .forums .forumEdit:before, .forumview .forumEdit:before, .forumthreadview .forumEdit:before, .forumthread .forumEdit:before { padding: 2px 3px; } .forums .modulealtrow .threadEdit, .forumview .modulealtrow .threadEdit, .forumthreadview .modulealtrow .threadEdit, .forumthread .modulealtrow .threadEdit, .forums .modulealtrow .forumEdit, .forumview .modulealtrow .forumEdit, .forumthreadview .modulealtrow .forumEdit, .forumthread .modulealtrow .forumEdit { background-color: #fafafa; } .forums .modulealtrow .threadEdit:before, .forumview .modulealtrow .threadEdit:before, .forumthreadview .modulealtrow .threadEdit:before, .forumthread .modulealtrow .threadEdit:before, .forums .modulealtrow .forumEdit:before, .forumview .modulealtrow .forumEdit:before, .forumthreadview .modulealtrow .forumEdit:before, .forumthread .modulealtrow .forumEdit:before { background-color: #fafafa; } .ie7 .forums .modulealtrow .threadEdit, .ie7 .forumview .modulealtrow .threadEdit, .ie7 .forumthreadview .modulealtrow .threadEdit, .ie7 .forumthread .modulealtrow .threadEdit, .ie7 .forums .modulealtrow .forumEdit, .ie7 .forumview .modulealtrow .forumEdit, .ie7 .forumthreadview .modulealtrow .forumEdit, .ie7 .forumthread .modulealtrow .forumEdit { background-color: transparent; padding-left: 18px; } .forums .lockedthread, .forumview .lockedthread, .forumthreadview .lockedthread, .forumthread .lockedthread, .forums .normalthread, .forumview .normalthread, .forumthreadview .normalthread, .forumthread .normalthread, .forums .forumnotify > a:first-child, .forumview .forumnotify > a:first-child, .forumthreadview .forumnotify > a:first-child, .forumthread .forumnotify > a:first-child { background-color: #ffffff; padding: 0; color: #2c2c2c; width: 20px; } .forums .lockedthread:before, .forumview .lockedthread:before, .forumthreadview .lockedthread:before, .forumthread .lockedthread:before, .forums .normalthread:before, .forumview .normalthread:before, .forumthreadview .normalthread:before, .forumthread .normalthread:before, .forums .forumnotify > a:first-child:before, .forumview .forumnotify > a:first-child:before, .forumthreadview .forumnotify > a:first-child:before, .forumthread .forumnotify > a:first-child:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f07c"; background-color: #ffffff; padding: 3px; text-align: center; } .ie7 .forums .lockedthread, .ie7 .forumview .lockedthread, .ie7 .forumthreadview .lockedthread, .ie7 .forumthread .lockedthread, .ie7 .forums .normalthread, .ie7 .forumview .normalthread, .ie7 .forumthreadview .normalthread, .ie7 .forumthread .normalthread, .ie7 .forums .forumnotify > a:first-child, .ie7 .forumview .forumnotify > a:first-child, .ie7 .forumthreadview .forumnotify > a:first-child, .ie7 .forumthread .forumnotify > a:first-child { background-color: transparent; padding-left: 18px; } .forums .modulealtrow .lockedthread, .forumview .modulealtrow .lockedthread, .forumthreadview .modulealtrow .lockedthread, .forumthread .modulealtrow .lockedthread, .forums .modulealtrow .normalthread, .forumview .modulealtrow .normalthread, .forumthreadview .modulealtrow .normalthread, .forumthread .modulealtrow .normalthread, .forums .modulealtrow .forumnotify > a:first-child, .forumview .modulealtrow .forumnotify > a:first-child, .forumthreadview .modulealtrow .forumnotify > a:first-child, .forumthread .modulealtrow .forumnotify > a:first-child { background-color: #fafafa; } .forums .modulealtrow .lockedthread:before, .forumview .modulealtrow .lockedthread:before, .forumthreadview .modulealtrow .lockedthread:before, .forumthread .modulealtrow .lockedthread:before, .forums .modulealtrow .normalthread:before, .forumview .modulealtrow .normalthread:before, .forumthreadview .modulealtrow .normalthread:before, .forumthread .modulealtrow .normalthread:before, .forums .modulealtrow .forumnotify > a:first-child:before, .forumview .modulealtrow .forumnotify > a:first-child:before, .forumthreadview .modulealtrow .forumnotify > a:first-child:before, .forumthread .modulealtrow .forumnotify > a:first-child:before { background-color: #fafafa; } .ie7 .forums .modulealtrow .lockedthread, .ie7 .forumview .modulealtrow .lockedthread, .ie7 .forumthreadview .modulealtrow .lockedthread, .ie7 .forumthread .modulealtrow .lockedthread, .ie7 .forums .modulealtrow .normalthread, .ie7 .forumview .modulealtrow .normalthread, .ie7 .forumthreadview .modulealtrow .normalthread, .ie7 .forumthread .modulealtrow .normalthread, .ie7 .forums .modulealtrow .forumnotify > a:first-child, .ie7 .forumview .modulealtrow .forumnotify > a:first-child, .ie7 .forumthreadview .modulealtrow .forumnotify > a:first-child, .ie7 .forumthread .modulealtrow .forumnotify > a:first-child { background-color: transparent; padding-left: 18px; } .forums .lockedthread:before, .forumview .lockedthread:before, .forumthreadview .lockedthread:before, .forumthread .lockedthread:before { content: "\f023"; font-size: 16.8px; padding: 3px 3px 3px 4px; } .forums .forumnotify > a:first-child:before, .forumview .forumnotify > a:first-child:before, .forumthreadview .forumnotify > a:first-child:before, .forumthread .forumnotify > a:first-child:before { content: "\f003"; padding: 0; } .forums .forumnotify > a:first-child:hover, .forumview .forumnotify > a:first-child:hover, .forumthreadview .forumnotify > a:first-child:hover, .forumthread .forumnotify > a:first-child:hover { color: #01467f; text-decoration: none; } .forums .forumnotify > a:first-child img, .forumview .forumnotify > a:first-child img, .forumthreadview .forumnotify > a:first-child img, .forumthread .forumnotify > a:first-child img { display: none; } /* Table Styling */ .forums table, .forumview table { border: solid #dadada 1px; border-collapse: separate; border-spacing: 0; color: #2c2c2c; font-size: 14px; margin: 20px 0; overflow: hidden; width: 100%; } .forums table tbody tr.modulerow, .forumview table tbody tr.modulerow { background: #ffffff; } .forums table tbody tr.modulealtrow, .forumview table tbody tr.modulealtrow { background: #fafafa; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset; } .forums table td, .forumview table td, .forums table th, .forumview table th { border-bottom: 1px solid #f2f2f2; min-width: 90px; padding: 10px; vertical-align: middle; } .forums table th, .forumview table th { text-align: left; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom: 1px solid #dadada; } .forums table .moduletitle, .forumview table .moduletitle { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; color: inherit; font-size: inherit; margin: 0; padding: 0; position: static; text-transform: none; } .ie7 .forums table .moduletitle, .ie7 .forumview table .moduletitle { color: #444; font-size: 18px; } .forums .modulepager, .forumview .modulepager { margin: 0; } .forums .modulepager a, .forumview .modulepager a { margin: 20px 0; } /* Post View */ .postlistwrap { clear: both; float: none; } .postcontainer { background-color: #fafafa; border: 1px solid #dadada; -ms-box-sizing: border-box; box-sizing: border-box; display: table; margin-bottom: 20px; width: 100%; } .forumpostheader { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; clear: both; padding: 5px 10px; } .forumpostheader:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f017"; } .forumpostuseravatar { margin: 5px 0; } .forumpostuseravatar a { display: block; } .forumpostuseravatar a img { width: 80px; height: 80px; } .forumpostusername a { display: block; } .forumpostuserattribute { font-size: 12px; } .forumpostuserattribute:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0e6"; } .forumpostuserattribute + .forumpostuserattribute:before { content: "\f06e"; } .forumpostuserattribute + .forumpostuserattribute + .forumpostuserattribute:before { display: none; } .postleft { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 1px solid #fff; padding: 10px; display: table-cell; min-width: 150px; max-width: 150px; text-align: center; position: relative; } .postright { background-color: #ffffff; border-left: 1px solid #dadada; display: table-cell; padding: 10px; width: 100%; position: relative; } .posttopic { color: transparent; font-size: 0; float: right; } .posttopic h3 { margin: 0; padding: 0; } .posttopic h3 a { visibility: visible; font-size: 14px; } /* Guest Post */ .guestpost .guestavatar { display: block; margin: 0 auto; width: 80px; height: 80px; } .guestpost .guestavatar div { background: url("/Data/SHAC-Skin/images/anonymous.png") no-repeat center center #fafafa; width: 80px; height: 80px; } .guestpost .forumpostuserattribute + .forumpostuserattribute:before { display: none; } /* Reply button */ .forumthread .newpost, .forumview .newthread { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .forumthread .newpost, .ie7 .forumview .newthread { display: inline; zoom: 1; } .ie7 .forumthread .newpost, .ie7 .forumview .newthread { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .forumthread .newpost:first-child, .ie7 .forumview .newthread:first-child { margin-left: 0; } .forumthread .newpost:hover, .forumview .newthread:hover, .forumthread .newpost:active, .forumview .newthread:active, .forumthread .newpost.active, .forumview .newthread.active, .forumthread .newpost.disabled, .forumview .newthread.disabled, .forumthread .newpost[disabled], .forumview .newthread[disabled] { background-color: #e6e6e6; } .ie7 .forumthread .newpost:hover, .ie7 .forumview .newthread:hover, .ie7 .forumthread .newpost:active, .ie7 .forumview .newthread:active, .ie7 .forumthread .newpost.active, .ie7 .forumview .newthread.active, .ie7 .forumthread .newpost.disabled, .ie7 .forumview .newthread.disabled, .ie7 .forumthread .newpost[disabled], .ie7 .forumview .newthread[disabled] { background-color: #d9d9d9; } .forumthread .newpost:hover, .forumview .newthread:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .forumthread .newpost:focus, .forumview .newthread:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .forumthread .newpost.active, .forumview .newthread.active, .forumthread .newpost:active, .forumview .newthread:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .forumthread .newpost.active, .lt-ie9 .forumview .newthread.active, .lt-ie9 .forumthread .newpost:active, .lt-ie9 .forumview .newthread:active { background-color: #cccccc; } .forumthread .newpost:focus:active, .forumview .newthread:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .forumthread .newpost.disabled, .forumview .newthread.disabled, .forumthread .newpost[disabled], .forumview .newthread[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .forumthread .newpost:before, .forumview .newthread:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f112"; margin-right: 5px; } .forumthread .newpost:hover, .forumview .newthread:hover { color: #015498; text-decoration: none; } .forumthread .newpost:active, .forumview .newthread:active { text-decoration: none; } .forumview .newthread:before { content: "\f044"; } /* Subscribe buttons */ .forumnotify { float: left; padding: 0; white-space: normal; margin-bottom: 20px; margin-right: 10px; } .forumnotify + .modulepager, .forumnotify + .modulepager .newthread { margin-top: 0; } .fsubscribe .forumnotify { margin: 0; } .fsubscribe .forumnotify > a:first-child > img { margin-top: 2px; margin-right: 2px; } .fsubcribe1 { display: none; } .fsubcribe2 { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .fsubcribe2 { display: inline; zoom: 1; } .ie7 .fsubcribe2 { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .fsubcribe2:first-child { margin-left: 0; } .fsubcribe2:hover, .fsubcribe2:active, .fsubcribe2.active, .fsubcribe2.disabled, .fsubcribe2[disabled] { background-color: #e6e6e6; } .ie7 .fsubcribe2:hover, .ie7 .fsubcribe2:active, .ie7 .fsubcribe2.active, .ie7 .fsubcribe2.disabled, .ie7 .fsubcribe2[disabled] { background-color: #d9d9d9; } .fsubcribe2:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fsubcribe2:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .fsubcribe2.active, .fsubcribe2:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .fsubcribe2.active, .lt-ie9 .fsubcribe2:active { background-color: #cccccc; } .fsubcribe2:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .fsubcribe2.disabled, .fsubcribe2[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .fsubcribe2:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0e0"; margin-right: 5px; } .fsubcribe2:hover { color: #015498; text-decoration: none; } .fsubcribe2:active { text-decoration: none; } /* RSS Heading */ /* RSS Date */ /* Rss Author */ /* RSS Entries */ .rssfeedentryTrue, .rssfeedentryFalse { clear: right; overflow: hidden; } input[id*="rptEntries"][id*="ConfirmBtn"] { clear: left; display: inline-block; float: left; margin: 13px 10px 0 0; width: 32px; } /* RSS Items */ .rsscenter-rightnav { margin: 0 230px 0 0; padding: 0 20px 0 0; } .rsscenter-rightnav:before, .rsscenter-rightnav:after { content: ""; display: table; line-height: 0; } .rsscenter-rightnav:after { clear: both; } .ie7 .rsscenter-rightnav { zoom: 1; } .rsscenter-leftnav { margin: 0 0 0 230px; padding: 0 0 0 20px; } .rsscenter-leftnav:before, .rsscenter-leftnav:after { content: ""; display: table; line-height: 0; } .rsscenter-leftnav:after { clear: both; } .ie7 .rsscenter-leftnav { zoom: 1; } [class*="rsscenter"] h2 { clear: none; } [class*="rssnav"] { margin-top: 71px; } /* RSS Nav */ .rssnavleft, .rssnavright { background-color: #fafafa; border: 1px solid #dadada; float: left; width: 190px; padding: 0 20px 20px; position: relative; border-radius: 0px; } .rssnavleft > span, .rssnavright > span { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; padding: 5px 10px; margin: 0 -20px 0; display: block; font-weight: 300 !important; } .rssnavleft > span + a[rel="nofollow"], .rssnavright > span + a[rel="nofollow"] { position: absolute; top: 3px; right: 10px; display: block; } .rssnavleft ul.simplelist.feedlist, .rssnavright ul.simplelist.feedlist, .rssnavleft ul.simplelist.feedlist li, .rssnavright ul.simplelist.feedlist li { padding: 0; } .rssnavleft ul.simplelist.feedlist li a.editlink:before, .rssnavright ul.simplelist.feedlist li a.editlink:before { color: #a4b272; content: '\f040'; font-family: 'FontAwesome'; } .rssnavleft ul.simplelist.feedlist li a.editlink:hover, .rssnavright ul.simplelist.feedlist li a.editlink:hover { text-decoration: none; } .rssnavleft ul.simplelist.feedlist li a.editlink:hover:before, .rssnavright ul.simplelist.feedlist li a.editlink:hover:before { color: #7e8c4c; } .rssnavleft ul.simplelist.feedlist li a.feedlink:before, .rssnavright ul.simplelist.feedlist li a.feedlink:before { color: #fbb450; content: '\f143'; font-family: 'FontAwesome'; } .rssnavleft ul.simplelist.feedlist li a.feedlink:hover, .rssnavright ul.simplelist.feedlist li a.feedlink:hover { text-decoration: none; } .rssnavleft ul.simplelist.feedlist li a.feedlink:hover:before, .rssnavright ul.simplelist.feedlist li a.feedlink:hover:before { color: #f89406; } .rssnavleft ul.simplelist.feedlist li a img, .rssnavright ul.simplelist.feedlist li a img { display: none; } .rssnavleft .AspNet-DataList-Item a, .rssnavright .AspNet-DataList-Item a, .rssnavleft .AspNet-DataList-Item .buttonlink, .rssnavright .AspNet-DataList-Item .buttonlink, .rssnavleft .AspNet-DataList-Alternate a, .rssnavright .AspNet-DataList-Alternate a, .rssnavleft .AspNet-DataList-Alternate .buttonlink, .rssnavright .AspNet-DataList-Alternate .buttonlink { color: #2c2c2c; } .rssnavleft .AspNet-DataList-Item a:hover, .rssnavright .AspNet-DataList-Item a:hover, .rssnavleft .AspNet-DataList-Item .buttonlink:hover, .rssnavright .AspNet-DataList-Item .buttonlink:hover, .rssnavleft .AspNet-DataList-Alternate a:hover, .rssnavright .AspNet-DataList-Alternate a:hover, .rssnavleft .AspNet-DataList-Alternate .buttonlink:hover, .rssnavright .AspNet-DataList-Alternate .buttonlink:hover { color: #01467f; text-decoration: none; } .rssnavleft .AspNet-DataList-Item a + a, .rssnavright .AspNet-DataList-Item a + a, .rssnavleft .AspNet-DataList-Item .buttonlink + a, .rssnavright .AspNet-DataList-Item .buttonlink + a, .rssnavleft .AspNet-DataList-Alternate a + a, .rssnavright .AspNet-DataList-Alternate a + a, .rssnavleft .AspNet-DataList-Alternate .buttonlink + a, .rssnavright .AspNet-DataList-Alternate .buttonlink + a { float: left; } .rssnavleft .AspNet-DataList-Item a + a:before, .rssnavright .AspNet-DataList-Item a + a:before, .rssnavleft .AspNet-DataList-Item .buttonlink + a:before, .rssnavright .AspNet-DataList-Item .buttonlink + a:before, .rssnavleft .AspNet-DataList-Alternate a + a:before, .rssnavright .AspNet-DataList-Alternate a + a:before, .rssnavleft .AspNet-DataList-Alternate .buttonlink + a:before, .rssnavright .AspNet-DataList-Alternate .buttonlink + a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0c1"; margin-right: 5px; text-decoration: none; } .rssnavleft .AspNet-DataList-Item a + a img, .rssnavright .AspNet-DataList-Item a + a img, .rssnavleft .AspNet-DataList-Item .buttonlink + a img, .rssnavright .AspNet-DataList-Item .buttonlink + a img, .rssnavleft .AspNet-DataList-Alternate a + a img, .rssnavright .AspNet-DataList-Alternate a + a img, .rssnavleft .AspNet-DataList-Alternate .buttonlink + a img, .rssnavright .AspNet-DataList-Alternate .buttonlink + a img { display: none; } .rssnavleft .AspNet-DataList-Item a + a + a:before, .rssnavright .AspNet-DataList-Item a + a + a:before, .rssnavleft .AspNet-DataList-Item .buttonlink + a + a:before, .rssnavright .AspNet-DataList-Item .buttonlink + a + a:before, .rssnavleft .AspNet-DataList-Alternate a + a + a:before, .rssnavright .AspNet-DataList-Alternate a + a + a:before, .rssnavleft .AspNet-DataList-Alternate .buttonlink + a + a:before, .rssnavright .AspNet-DataList-Alternate .buttonlink + a + a:before, .rssnavleft .AspNet-DataList-Item a + a[rel="nofollow"]:before, .rssnavright .AspNet-DataList-Item a + a[rel="nofollow"]:before, .rssnavleft .AspNet-DataList-Item .buttonlink + a[rel="nofollow"]:before, .rssnavright .AspNet-DataList-Item .buttonlink + a[rel="nofollow"]:before, .rssnavleft .AspNet-DataList-Alternate a + a[rel="nofollow"]:before, .rssnavright .AspNet-DataList-Alternate a + a[rel="nofollow"]:before, .rssnavleft .AspNet-DataList-Alternate .buttonlink + a[rel="nofollow"]:before, .rssnavright .AspNet-DataList-Alternate .buttonlink + a[rel="nofollow"]:before { display: none; } .rssnavleft .AspNet-DataList-Item a[title="Edit"], .rssnavright .AspNet-DataList-Item a[title="Edit"], .rssnavleft .AspNet-DataList-Alternate a[title="Edit"], .rssnavright .AspNet-DataList-Alternate a[title="Edit"] { background-color: #fafafa; padding: 0; color: #2c2c2c; position: relative; } .rssnavleft .AspNet-DataList-Item a[title="Edit"]:before, .rssnavright .AspNet-DataList-Item a[title="Edit"]:before, .rssnavleft .AspNet-DataList-Alternate a[title="Edit"]:before, .rssnavright .AspNet-DataList-Alternate a[title="Edit"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f040"; background-color: #fafafa; padding: 2px 4px; position: absolute; top: 0; left: 0; } .rssnavleft .AspNet-DataList-Item a[title="Edit"]:hover, .rssnavright .AspNet-DataList-Item a[title="Edit"]:hover, .rssnavleft .AspNet-DataList-Alternate a[title="Edit"]:hover, .rssnavright .AspNet-DataList-Alternate a[title="Edit"]:hover { color: #01467f; text-decoration: none; } .ie7 .rssnavleft .AspNet-DataList-Item a[title="Edit"], .ie7 .rssnavright .AspNet-DataList-Item a[title="Edit"], .ie7 .rssnavleft .AspNet-DataList-Alternate a[title="Edit"], .ie7 .rssnavright .AspNet-DataList-Alternate a[title="Edit"] { background-color: transparent; padding-left: 18px; } .rssnavright { float: right; } /* Pager */ .rssentries .modulepager { float: left; } .rssentries .mpcalendarmain { background-color: #ffffff; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada !important; border-collapse: separate !important; color: #2c2c2c; width: 100%; } .rssentries .mpcalendarmain * { border: 0 none; color: #2c2c2c !important; font-family: Arial, Helvetica, sans-serif; padding: 0; } .rssentries .mpcalendarmain .mpcalendartitle { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height: 60px; } .rssentries .mpcalendarmain .mpcalendartitle [align="center"] { font-size: 24px; line-height: 60px; text-align: center; } .rssentries .mpcalendarmain .mpcalendarnextprevious a { border-radius: 4px; display: block; float: right; font-family: 'FontAwesome'; font-size: 39px; height: 38px; line-height: 38px; margin: 10px; position: relative; text-align: center; text-decoration: none; text-indent: -9999em; width: 38px; } .rssentries .mpcalendarmain .mpcalendarnextprevious a:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff !important; } .rssentries .mpcalendarmain .mpcalendarnextprevious a:before { content: "\f054"; text-indent: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: FontAwesome; font-size: 20px; } .rssentries .mpcalendarmain .mpcalendarnextprevious:first-child a { float: left; } .rssentries .mpcalendarmain .mpcalendarnextprevious:first-child a:before { content: "\f053"; } .rssentries .mpcalendarmain .mpcalendardayheader { background-color: #eaeaea; border-bottom: 1px solid #ffffff !important; padding: 4px 0; text-align: center; } .rssentries .mpcalendarmain .mpcalendardayheader:first-child { border-left: 1px solid #ffffff !important; } .rssentries .mpcalendarmain .mpcalendardayheader:last-child { border-right: 1px solid #ffffff !important; } .lt-ie9 .rssentries .mpcalendarmain .mpcalendardayheader + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head + .ec-head { border-right: 1px solid #ffffff !important; } .rssentries .mpcalendarmain .mpcalendarday, .rssentries .mpcalendarmain .mpcalendarothermonth, .rssentries .mpcalendarmain .mpcalendarweekendday, .rssentries .mpcalendarmain .mpcalendartoday { border-left: 1px solid #dadada; border-top: 1px solid #dadada; padding-bottom: 37px; text-align: right; } .rssentries .mpcalendarmain .mpcalendarday:first-child, .rssentries .mpcalendarmain .mpcalendarothermonth:first-child, .rssentries .mpcalendarmain .mpcalendarweekendday:first-child, .rssentries .mpcalendarmain .mpcalendartoday:first-child { border-left: 0 none; } .rssentries .mpcalendarmain .mpcalendarday > a:first-child, .rssentries .mpcalendarmain .mpcalendarothermonth > a:first-child, .rssentries .mpcalendarmain .mpcalendarweekendday > a:first-child, .rssentries .mpcalendarmain .mpcalendartoday > a:first-child { border-radius: 4px; display: inline-block; font-size: 14px; height: 27px; line-height: 27px; margin: 5px; padding-right: 5px; width: 22px; text-decoration: none; } .ie7 .rssentries .mpcalendarmain .mpcalendarday > a:first-child, .ie7 .rssentries .mpcalendarmain .mpcalendarothermonth > a:first-child, .ie7 .rssentries .mpcalendarmain .mpcalendarweekendday > a:first-child, .ie7 .rssentries .mpcalendarmain .mpcalendartoday > a:first-child { display: inline; zoom: 1; } .rssentries .mpcalendarmain .mpcalendarday > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendarothermonth > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendarweekendday > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendartoday > a:first-child:hover { background: none repeat scroll 0 0 #bdb6b2; background: -webkit-linear-gradient(top, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #cbc5c2, #a99f9a) repeat-x scroll 0 0 transparent; color: #ffffff !important; text-decoration: none; } .rssentries .mpcalendarmain .mpcalendarday.mpcalendartoday > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendarothermonth.mpcalendartoday > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendarweekendday.mpcalendartoday > a:first-child:hover, .rssentries .mpcalendarmain .mpcalendartoday.mpcalendartoday > a:first-child:hover { background: none repeat scroll 0 0 #014e8e; background: -webkit-linear-gradient(top, #015498, #01467f) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #015498, #01467f) repeat-x scroll 0 0 transparent; } .rssentries .mpcalendarmain .mpcalendartoday:before { color: #9f9e9e; content: "\f006"; margin: 10px 0; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; } .rssentries .mpcalendarmain .mpcalendarothermonth > a { color: #9f9e9e !important; } .rssentries .mpcalendarmain #lnkItemUrl { color: #015498 !important; display: block; font-size: 11px; line-height: normal; padding: 5px; position: relative; text-align: left; } .rssentries .mpcalendarmain #lnkItemUrl:hover { color: #01467f !important; } .store .storedescription, .webstore .storedescription { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border: 1px solid #dadada; border-radius: 4px; padding: 0 1em; } .store a, .webstore a { color: #015498; } .store .productlist, .webstore .productlist { float: none; margin: 0 auto; width: 92%; } .store .productlist > h3, .webstore .productlist > h3 { color: #015498; font-size: 1.5em; font-family: 'Open Sans', sans-serif; line-height: normal; font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } .store .storelink, .webstore .storelink, .store .addtocartlink, .webstore .addtocartlink { background: none repeat scroll 0 0 #f5f5f5; background: -webkit-linear-gradient(top, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #ffffff, #e6e6e6) repeat-x scroll 0 0 transparent; border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; vertical-align: middle; } .ie7 .store .storelink, .ie7 .webstore .storelink, .ie7 .store .addtocartlink, .ie7 .webstore .addtocartlink { display: inline; zoom: 1; } .ie7 .store .storelink, .ie7 .webstore .storelink, .ie7 .store .addtocartlink, .ie7 .webstore .addtocartlink { background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border: 0; margin-left: 0.3em; } .ie7 .store .storelink:first-child, .ie7 .webstore .storelink:first-child, .ie7 .store .addtocartlink:first-child, .ie7 .webstore .addtocartlink:first-child { margin-left: 0; } .store .storelink:hover, .webstore .storelink:hover, .store .addtocartlink:hover, .webstore .addtocartlink:hover, .store .storelink:active, .webstore .storelink:active, .store .addtocartlink:active, .webstore .addtocartlink:active, .store .storelink.active, .webstore .storelink.active, .store .addtocartlink.active, .webstore .addtocartlink.active, .store .storelink.disabled, .webstore .storelink.disabled, .store .addtocartlink.disabled, .webstore .addtocartlink.disabled, .store .storelink[disabled], .webstore .storelink[disabled], .store .addtocartlink[disabled], .webstore .addtocartlink[disabled] { background-color: #e6e6e6; } .ie7 .store .storelink:hover, .ie7 .webstore .storelink:hover, .ie7 .store .addtocartlink:hover, .ie7 .webstore .addtocartlink:hover, .ie7 .store .storelink:active, .ie7 .webstore .storelink:active, .ie7 .store .addtocartlink:active, .ie7 .webstore .addtocartlink:active, .ie7 .store .storelink.active, .ie7 .webstore .storelink.active, .ie7 .store .addtocartlink.active, .ie7 .webstore .addtocartlink.active, .ie7 .store .storelink.disabled, .ie7 .webstore .storelink.disabled, .ie7 .store .addtocartlink.disabled, .ie7 .webstore .addtocartlink.disabled, .ie7 .store .storelink[disabled], .ie7 .webstore .storelink[disabled], .ie7 .store .addtocartlink[disabled], .ie7 .webstore .addtocartlink[disabled] { background-color: #d9d9d9; } .store .storelink:hover, .webstore .storelink:hover, .store .addtocartlink:hover, .webstore .addtocartlink:hover { background-position: 0 -15px; color: #2c2c2c; text-decoration: none; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .store .storelink:focus, .webstore .storelink:focus, .store .addtocartlink:focus, .webstore .addtocartlink:focus { border-color: rgba(1, 84, 152, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(1, 84, 152, 0.35); color: #01467f; outline: none; text-decoration: none; } .store .storelink.active, .webstore .storelink.active, .store .addtocartlink.active, .webstore .addtocartlink.active, .store .storelink:active, .webstore .storelink:active, .store .addtocartlink:active, .webstore .addtocartlink:active { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); color: #2c2c2c; outline: 0; text-decoration: none; } .lt-ie9 .store .storelink.active, .lt-ie9 .webstore .storelink.active, .lt-ie9 .store .addtocartlink.active, .lt-ie9 .webstore .addtocartlink.active, .lt-ie9 .store .storelink:active, .lt-ie9 .webstore .storelink:active, .lt-ie9 .store .addtocartlink:active, .lt-ie9 .webstore .addtocartlink:active { background-color: #cccccc; } .store .storelink:focus:active, .webstore .storelink:focus:active, .store .addtocartlink:focus:active, .webstore .addtocartlink:focus:active { border: 1px solid #c4c4c4; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .store .storelink.disabled, .webstore .storelink.disabled, .store .addtocartlink.disabled, .webstore .addtocartlink.disabled, .store .storelink[disabled], .webstore .storelink[disabled], .store .addtocartlink[disabled], .webstore .addtocartlink[disabled] { background-image: none; box-shadow: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .store .storelink:before, .webstore .storelink:before, .store .addtocartlink:before, .webstore .addtocartlink:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f07a"; margin-right: 8px; } .store .storelink span.cartlink:before, .webstore .storelink span.cartlink:before { content: "Shopping "; } .store .productcontainer, .webstore .productcontainer { background-color: #fff; border: 1px solid #dadada; padding: 20px; margin-bottom: 20px; } .store .productcontainer > h4, .webstore .productcontainer > h4 { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; text-align: center; margin: -20px -20px 20px; padding: 5px 10px; } .store .productcontainer .description, .webstore .productcontainer .description { margin-bottom: 20px; } .store .productcontainer .description .listviewstyle > figure, .webstore .productcontainer .description .listviewstyle > figure { float: left; margin: 0; width: 150px; } .store .productcontainer .description .listviewstyle > div, .webstore .productcontainer .description .listviewstyle > div { margin-left: 170px; } .store .productcontainer .description .listviewstyle > div ul, .webstore .productcontainer .description .listviewstyle > div ul { font-size: 11px; line-height: normal; } .store .productcontainer .productdetaillink, .webstore .productcontainer .productdetaillink { float: right; margin-bottom: 20px; } .store .productcontainer .productoffers, .webstore .productcontainer .productoffers { clear: both; } .store .productcontainer .productoffers .offercontainer, .webstore .productcontainer .productoffers .offercontainer { border-top: 1px solid #dadada; line-height: 30px; margin-top: 20px; padding-top: 20px; position: relative; } .store .productcontainer .productoffers .offercontainer .price, .webstore .productcontainer .productoffers .offercontainer .price { float: right; margin-right: 130px; } .store .productcontainer .productoffers .addtocartlink, .webstore .productcontainer .productoffers .addtocartlink { position: absolute; right: 0; top: 20px; } .store .webstoreofferdetail .clearpanel table, .webstore .webstoreofferdetail .clearpanel table { width: 100%; } .store .webstoreofferdetail .clearpanel table *, .webstore .webstoreofferdetail .clearpanel table * { vertical-align: middle; } .store .webstoreofferdetail .clearpanel table td, .webstore .webstoreofferdetail .clearpanel table td { border-top: 1px solid #dadada; padding: 20px 0; text-align: right; } .store .webstoreofferdetail .clearpanel table .offercontainer:first-child td, .webstore .webstoreofferdetail .clearpanel table .offercontainer:first-child td { border-top: 0 none; padding-top: 0; } .store .webstoreofferdetail .clearpanel table .productname, .webstore .webstoreofferdetail .clearpanel table .productname { text-align: left; } .store .webstoreofferdetail .clearpanel table .productname a, .webstore .webstoreofferdetail .clearpanel table .productname a { margin-left: 20px; vertical-align: baseline; } .store .webstoreofferdetail .clearpanel table .quantity, .webstore .webstoreofferdetail .clearpanel table .quantity { width: 69px; } .store .webstoreofferdetail .clearpanel table .quantity input, .webstore .webstoreofferdetail .clearpanel table .quantity input { text-align: right; width: 35px; } .store .webstoreofferdetail .clearpanel table td.addtocartbutton, .webstore .webstoreofferdetail .clearpanel table td.addtocartbutton { width: 118px; } .store .webstoreofferdetail .description dl, .webstore .webstoreofferdetail .description dl { clear: left; border: 1px solid #dadada; background: #dadada; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(180px, #dadada), color-stop(180px, #dadada), color-stop(180px, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #dadada 180px, #dadada 180px, rgba(255, 255, 255, 0) 180px, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #dadada 180px, #dadada 180px, rgba(255, 255, 255, 0) 180px, rgba(255, 255, 255, 0) 100%); /* W3C */ } .store .webstoreofferdetail .description dl:before, .webstore .webstoreofferdetail .description dl:before, .store .webstoreofferdetail .description dl:after, .webstore .webstoreofferdetail .description dl:after { content: ""; display: table; line-height: 0; } .store .webstoreofferdetail .description dl:after, .webstore .webstoreofferdetail .description dl:after { clear: both; } .ie7 .store .webstoreofferdetail .description dl, .ie7 .webstore .webstoreofferdetail .description dl { zoom: 1; } .store .webstoreofferdetail .description dl dt, .webstore .webstoreofferdetail .description dl dt { float: left; width: 162px; padding: 9px; border-right: 1px solid #dadada; margin-right: -1px; } .store .webstoreofferdetail .description dl dd, .webstore .webstoreofferdetail .description dl dd { margin: 0 0 0 180px; padding: 9px; border-left: 1px solid #dadada; } .store .webstoreofferdetail .description dl dd br, .webstore .webstoreofferdetail .description dl dd br { margin-bottom: 9px; } /* Fix for breadcrumbs on order confirmation & checkout pages */ .webstoreconfirmorder .center-pane .breadcrumbs, .webstorecheckout .center-pane .breadcrumbs { background: none; border: none; padding: 0; } .webstoreconfirmorder .floatpanel + .floatpanel, .webstorecheckout .floatpanel + .floatpanel { margin-bottom: 15px; } /*.productcontainer { clear: left; display: inline; float: left; margin: 0 10px 1em; width: 400px; } .hproduct.hreview { border: 1px solid #E3E3E3; padding: 0 10px 10px; width: 360px; } .productcontainer.altproductcontainer { clear: none; } .hproduct > div { border: 1px solid #E3E3E3; padding: 0 10px 10px; } .hproduct.hreview > div { border: 0 none; padding: 0; } .hproduct.hreview > h4, .productcontainer > div > h4 { background: linear-gradient(to bottom, #F4F4F4 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; border: 1px solid #E3E3E3; font-weight: 400; margin: -1px -11px 14px; padding: 10px; }*/ .formwizlist .settingrow { padding: 5px 0; } .formwizlist ul { border: 1px solid #CCC; margin: 0; padding: 0; } .formwizlist, .formwizlist li, .formwizlist ul li { list-style-type: none; margin-left: 0; padding: 0; } .draghandle { cursor: move; float: left; margin: 5px; } .draghandle:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0c9"; font-size: 19px; } .callbackstyle, .callbackStyle ul li { border: thin inset #6297BC; list-style-type: none; } .draghandle li { list-style-type: none; } .reordercue { border: 1px dotted #000; height: 80px; width: 100%; } .questioncontainer { padding: 5px 5px 0; } .formwizlist ul li:first-child .questioncontainer { border-top: medium none; } .editcontainer { float: left; } .draghandle .buttoncontainer { float: left; margin: 0; padding: 0; } .draghandle .buttoncontainer .upbutton { float: left; margin: 0; padding: 0; } .draghandle .buttoncontainer .downbutton { clear: left; float: left; margin: 0; padding: 0; } .shorter-form .formwizard .settingrow { margin-top: 0; } .formwizard .settingrow .settinglabel { padding-right: 30px; } .formwizard .settingrow.qparagraph .settinglabel { width: 100%; } .formwizard [class*='grid_'] .settinglabel { width: auto; } .settinglabel:empty { display: none; } .qcb label { padding-left: 3px; } .formwizard .qcheckboxes input[type="checkbox"] { margin: 0; vertical-align: middle; } .formwizard .qcheckboxes label { display: inline-block; margin-left: 5px; padding-top: 5px; vertical-align: middle; width: auto; } .formwizard .fwpcheckboxlist, .formwizard .fwpradiobuttonlist { clear: both; list-style: none; } .formwizard .columnlist .fwpcheckboxlist, .formwizard .columnlist .fwpradiobuttonlist { margin: 1em 0; padding-left: 1em; } .formwizard .columnlist .fwpcheckboxlist li, .formwizard .columnlist .fwpradiobuttonlist li { display: inline-block; *display: inline; *zoom: 1; width: 100%; padding-left: 2em; } @media only screen and (min-width: 48em) { .formwizard .columnlist .fwpcheckboxlist, .formwizard .columnlist .fwpradiobuttonlist { -moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em; } } @media only screen and (min-width: 60em) { .formwizard .columnlist .fwpcheckboxlist, .formwizard .columnlist .fwpradiobuttonlist { -moz-column-count: 3; -moz-column-gap: 2.5em; -webkit-column-count: 3; -webkit-column-gap: 2.5em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em; } } .formwizlist ul li { border-top: 1px dashed #CCC; clear: both; padding: 10px 0; } .formwizlist ul li:before, .formwizlist ul li:after { content: ""; display: table; line-height: 0; } .formwizlist ul li:after { clear: both; } .ie7 .formwizlist ul li { zoom: 1; } .formwizlist ul li:first-child, .formwizlist ul li:last-child { border-top: 0 none; } .formwizard .formwizlist ul .settingrow > label + br, .formwizard .settingrow[class*=q] label + br { display: none; } .formwizlist ul li input.btn[value="Finished"] { margin-top: 5px; } .formwizard .qparagraph .unselectable, .formwizard .qparagraph .ajax__html_editor_extender_container { width: auto !important; height: auto !important; } .formwizard #questionItems, .formwizard #questionItemsMove { margin-right: 10px; width: auto; } [class*='grid_'].settingrow { clear: none; } [class*='grid_'].settingrow.clearfix { clear: both; } [class*='grid'].autowidth input { width: inherit; } [class*='grid'].autowidth textarea { width: auto; } .formwizard .require .txterror { font-size: small; } [class*='grid_'] .require .txterror { margin-top: 5px; } .registerform .settingrow { position: relative; } .registerform .settingrow:before, .registerform .settingrow:after { content: ""; display: table; line-height: 0; } .registerform .settingrow:after { clear: both; } .ie7 .registerform .settingrow { zoom: 1; } .registerform .settingrow .settinglabel { float: left; font-size: 12px; line-height: 28px; padding: 0 20px 0 0; text-align: right; width: 100px; } .registerform .settingrow.qparagraph .settinglabel { width: 100px; } .registerform .settingrow.qdropdown .settinglabel { width: auto; } .registerform .settingrow span.txterror { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; color: #B94A48; left: 108px; padding: 0; position: absolute; top: 0; } .registerform .settingrow span.txterror:before, .registerform .settingrow span.txterror:after { content: none; } .registerform .settingrow span.txterror + span.txterror { left: auto; top: -19px; right: 0; } .registerform .settingrow.qdropdown span.txterror { left: auto; right: 0; } .registerform input[type="text"] { -ms-box-sizing: border-box; box-sizing: border-box; float: left; height: 28px; width: 150px; } .registerform textarea, .registerform select { -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; } /* Content styles */ .float-left { float: left; } .float-right { float: right; } /* Paddings */ .padding-10 { padding: 10px; } .padding-20 { padding: 20px; } .padding-30 { padding: 30px; } .padding-40 { padding: 40px; } .padding-50 { padding: 50px; } .padding-60 { padding: 60px; } .padding-70 { padding: 70px; } .padding-80 { padding: 80px; } .padding-90 { padding: 90px; } .padding-100 { padding: 100px; } .common-padding { padding: 20px; } .no-padding { margin: 0; } .no-padding-top { margin-top: 0; } .no-padding-left { margin-left: 0; } .no-padding-right { margin-right: 0; } .no-padding-bottom { margin-bottom: 0; } /* Margins */ .margin-10 { margin: 10px; } .margin-20 { margin: 20px; } .margin-30 { margin: 30px; } .margin-40 { margin: 40px; } .margin-50 { margin: 50px; } .margin-60 { margin: 60px; } .margin-70 { margin: 70px; } .margin-80 { margin: 80px; } .margin-90 { margin: 90px; } .margin-100 { margin: 100px; } .common-margin { margin: 20px; } .no-margin { margin: 0; } .no-margin-top { margin-top: 0; } .no-margin-left { margin-left: 0; } .no-margin-right { margin-right: 0; } .no-margin-bottom { margin-bottom: 0; } .Indent1 { margin-left: 40px; } .Indent2 { margin-left: 80px; } .Indent3 { margin-left: 120px; } /* Positions */ .absolute { position: absolute; } .relative { position: relative; } .right-10 { right: 10px; } .right-20 { right: 20px; } .right-30 { right: 30px; } .right-40 { right: 40px; } .right-50 { right: 50px; } .right-60 { right: 60px; } .right-70 { right: 70px; } .right-80 { right: 80px; } .right-90 { right: 90px; } .right-100 { right: 100px; } .top-10 { top: 10px; } .top-20 { top: 20px; } .top-30 { top: 30px; } .top-40 { top: 40px; } .top-50 { top: 50px; } .top-60 { top: 60px; } .top-70 { top: 70px; } .top-80 { top: 80px; } .top-90 { top: 90px; } .top-100 { top: 100px; } .bottom-10 { bottom: 10px; } .bottom-20 { bottom: 20px; } .bottom-30 { bottom: 30px; } .bottom-40 { bottom: 40px; } .bottom-50 { bottom: 50px; } .bottom-60 { bottom: 60px; } .bottom-70 { bottom: 70px; } .bottom-80 { bottom: 80px; } .bottom-90 { bottom: 90px; } .bottom-100 { bottom: 100px; } /* Text Stylings */ .text-book { font-weight: 300; } .text-regular { font-weight: 400; } .text-bold { font-weight: 700; } .text-semibold { font-weight: 600; } .text-extrabold { font-weight: 800; } .text-normal { font-style: normal; } .text-italic { font-style: italic; } .text-underline { text-decoration: underline; } .text-uppercase { text-transform: uppercase; } .text-strike { text-decoration: line-through; } .AlignRight, .text-right, .table th.AlignRight, .table td.AlignRight { text-align: right; } .AlignLeft, .text-left, .table th.AlignLeft, .table td.AlignLeft { text-align: left; } .AlignCenter, .text-center, .table th.AlignCenter, .table td.AlignCenter, body.center-title .pagetitle { text-align: center; } .AlignJustify, .text-justify, .table th.AlignJustify, .table td.AlignJustify { text-align: justify; } .font-10 { font-size: 10%; } .font-20 { font-size: 20%; } .font-30 { font-size: 30%; } .font-40 { font-size: 40%; } .font-50 { font-size: 50%; } .font-60 { font-size: 60%; } .font-70 { font-size: 70%; } .font-80 { font-size: 80%; } .font-90 { font-size: 90%; } .font-100 { font-size: 100%; } .font-110 { font-size: 110%; } .font-120 { font-size: 120%; } .font-130 { font-size: 130%; } .font-140 { font-size: 140%; } .font-150 { font-size: 150%; } .font-160 { font-size: 160%; } .font-170 { font-size: 170%; } .font-180 { font-size: 180%; } .font-190 { font-size: 190%; } .font-200 { font-size: 200%; } .font-210 { font-size: 210%; } .font-220 { font-size: 220%; } .font-230 { font-size: 230%; } .font-240 { font-size: 240%; } .font-250 { font-size: 250%; } /* Clears */ .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .no-clear { clear: none; } /* Float Panel & Float Images */ .floatrightimage, img[style*='float:right'], img[style*='float: right'] { float: right; margin-left: 20px; margin-top: 0; } .floatleftimage, img[style*='float:left'], img[style*='float: left'] { float: left; margin-right: 20px; margin-top: 0; } img.framed-image, .framed-image > img { border: 5px solid #FFF; } .floatpanel { float: left; width: 100%; } .section { float: left; margin-left: 10px; } .section:first-child, .clear.section { margin-left: 0px; width: 100%; } /* Alternate Color */ .alt-color { color: #7e8c4c; } /* Alternate Font */ .alt-font { font-family: Arial, Helvetica, sans-serif; } .box-shadow { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } /* Styles for content elements */ .center-block { margin: 0 auto; } .contact-box { font-size: 12px; border: 1px solid #dadada; padding: 10px 20px; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; } .contact-box:before, .contact-box:after { content: ""; display: table; line-height: 0; } .contact-box:after { clear: both; } .ie7 .contact-box { zoom: 1; } .contact-box > h2:nth-child(1), .contact-box > h3:nth-child(1), .contact-box > h4:nth-child(1), .contact-box > h5:nth-child(1), .contact-box > h6:nth-child(1) { margin-top: 0; } .visual-box { border: 1px solid #dadada; padding: 10px 20px; margin: 20px 0; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-radius: 2px; } .visual-box:before, .visual-box:after { content: ""; display: table; line-height: 0; } .visual-box:after { clear: both; } .ie7 .visual-box { zoom: 1; } .visual-header { border: 1px solid #dadada; padding: 0 20px; margin: 20px 0 -21px; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-radius: 2px; } .visual-header:before, .visual-header:after { content: ""; display: table; line-height: 0; } .visual-header:after { clear: both; } .ie7 .visual-header { zoom: 1; } ul.link-list { list-style-type: none; font-size: 70%; margin: 0; padding: 0; } ul.link-list li.list-heading { font-weight: 700; } ul.link-list li.list-heading:before { display: none; } ul.link-list li { padding: 3px 0; } ul.link-list li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f0da"; padding-right: 6px; } ul.date-list { font-size: 70%; margin: 0; padding: 0; } ul.date-list li.list-heading { font-weight: 700; list-style-type: none; font-size: 120%; margin-left: 3px; } ul.date-list li.list-heading:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f073"; padding-right: 6px; } ul.date-list li { padding: 3px 0; margin-left: 20px; } ul.clean-list { list-style-type: none; } /* Custom Feed */ .custom-feed { background: #fafafa; border: 1px solid #dadada; padding: 20px; } .custom-feed:before, .custom-feed:after { content: ""; display: table; line-height: 0; } .custom-feed:after { clear: both; } .ie7 .custom-feed { zoom: 1; } .custom-feed .moduletitle { background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #fafafa, #eaeaea) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; margin: -20px -20px 20px; padding: 10px 20px; text-align: center; font-size: 18px; } .custom-feed .moduletitle .modulelinks { display: block; line-height: 10px; } .custom-feed .rssfeedentryTrue { background: transparent; border: none; position: relative; padding-top: 15px; padding-left: 30px; display: block; clear: both; min-width: 200px; } .custom-feed .rssfeedentryTrue .rsstitle { background: none; border: none; } .custom-feed .rssfeedentryTrue .rsstitle h3 { margin: 0; padding: 0; } .custom-feed .rssfeedentryTrue .rsstitle h3 a { text-decoration: underline; color: #2c2c2c; font-size: 14px; font-weight: 400; } .custom-feed .rssfeedentryTrue .rsstitle h3 a:hover { text-decoration: none; } .custom-feed .rssfeedentryTrue .rssdate { font-weight: 700; padding: 0; position: absolute; top: 0; left: 30px; } .custom-feed .rssfeedentryTrue .rssdate:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f073"; position: absolute; top: 3px; left: -30px; color: #7e8c4c; font-size: 16px; } .custom-feed .rssfeedentryTrue .rssauthor { border: 0 none; margin: 0; padding: 0; } /* Custom Feed */ .custom-feed-2 { background: #fafafa; border: 1px solid #dadada; } .custom-feed-2 .moduletitle { background: none repeat scroll 0 0 #ded9c9; background: -webkit-linear-gradient(top, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; color: #363636; margin: 0; padding: 10px 20px; text-align: center; font-size: 18px; } .custom-feed-2 .moduletitle .modulelinks { display: block; line-height: 10px; } .custom-feed-2 .rssfeedentryTrue { background: transparent; border: 0 none; border-top: 1px solid #dadada; float: none; position: relative; display: block; margin: 0; min-width: 200px; padding: 10px 20px; } .custom-feed-2 .rssfeedentryTrue:before, .custom-feed-2 .rssfeedentryTrue:after { content: ""; display: table; line-height: 0; } .custom-feed-2 .rssfeedentryTrue:after { clear: both; } .ie7 .custom-feed-2 .rssfeedentryTrue { zoom: 1; } .custom-feed-2 .rssfeedentryTrue:first-child { border-top: 0 none; } .custom-feed-2 .rssfeedentryTrue .rsstitle { background: none; border: none; } .custom-feed-2 .rssfeedentryTrue .rsstitle h3 { font-size: 18px; font-weight: 300; line-height: normal; margin: 0; padding: 0; } .custom-feed-2 .rssfeedentryTrue .rsstitle h3 a { color: #2c2c2c; display: block; height: 24px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: pre; width: 100%; } .custom-feed-2 .rssfeedentryTrue .rsstitle h3 a:hover { text-decoration: none; color: #015498; } .custom-feed-2 .rssfeedentryTrue .rssdate { color: #9b9b9b; float: left; font-size: 10px; line-height: 19px; min-width: 110px; padding: 0; } .custom-feed-2 .rssfeedentryTrue .rssdate:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f017"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; color: #7e8c4c; font-size: 10px; } .custom-feed-2 .rssfeedentryTrue .rssauthor { border: 0 none; color: #9b9b9b; display: none; float: left; height: 19px; line-height: 19px; margin: 0 0 0 10px; padding: 0; } .custom-feed-2 .rssfeedentryTrue .rssauthor:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f007"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; color: #7e8c4c; display: inline-block; font-size: 10px; vertical-align: middle; padding-bottom: 4px; } .custom-feed-2 .rssfeedentryTrue .rssauthor a { color: #9b9b9b; display: inline-block; font-size: 10px; line-height: 19px; vertical-align: top; } /* Other custom feed - simplefeed */ .simplefeed .rssfeedentryTrue { background: transparent; border: none; margin-top: 10px; clear: both; } .simplefeed .rssfeedentryTrue:first-child { margin-top: 0px; } .simplefeed .rssfeedentryTrue .rsstitle { background: transparent; border: none; position: relative; left: 30px; } .simplefeed .rssfeedentryTrue .rsstitle h3 { padding: 0; font-size: 14px; } .simplefeed .rssfeedentryTrue .rsstitle:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f073"; position: absolute; top: 6px; left: -30px; color: #7e8c4c; font-size: 16px; } .simplefeed .rssfeedentryTrue .rssdate { padding: 0; position: relative; left: 30px; font-size: 12px; } .simplefeed.wide .rssfeedentryTrue .rsstitle:before { top: 4px; } .simplefeed.wide .rssfeedentryTrue .rsstext { margin: 0 30px; padding: 0; border-bottom: 1px solid #DBDBDB; } .simplefeed.wide .rssfeedentryTrue .rsstext p:first-child { margin-top: 5px; } .simplefeed.wide .rssfeedentryTrue .rssauthor { display: none; } .hide-feed-title h2.moduletitle { display: none; } /* Custom Image Gallery */ .customGallery .imgWrap { float: left; margin-left: 1%; position: relative; max-width: 19.2%; } .customGallery .imgWrap:first-child { margin-left: 0px; } .customGallery .imgWrap .imgHover { background: url("/Data/SHAC-Skin/images/1x1_000_50pc.png") repeat 0 0 transparent; background: none repeat 0 0 rgba(0, 0, 0, 0.5); display: none; position: absolute; top: 50%; left: 50%; margin-left: -27.5px; margin-top: -27.5px; height: 55px; width: 55px; text-align: center; } .customGallery .imgWrap .imgHover i { color: #fff; display: block; font-size: 32px; margin: 10px 14px; } .customGallery .imgWrap .imgDesc { background-color: #7e8c4c; color: #fff; display: none; padding: 9px 14px; position: absolute; width: 320px; font-size: 12px; z-index: 1; border-radius: 4px; } .customGallery .imgWrap .imgDesc:before { content: ""; display: inline-block; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #7e8c4c; border-top: 0 solid transparent; position: absolute; top: -15px; left: 25px; } .customGallery .imgWrap:hover .imgHover { display: block; } .customGallery .imgWrap:hover .imgDesc { display: block; } .customGallery .imgWrap + .imgWrap + .imgWrap + .imgWrap .imgDesc:before { left: auto; right: 50px; } /* Custom Video Page */ .video-container .slidecontainer { background: none repeat scroll 0 0 #818181; background: -webkit-linear-gradient(top, #9b9b9b, #595959) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #9b9b9b, #595959) repeat-x scroll 0 0 transparent; } .video-container .slidecontainer iframe { margin: 0 auto; display: block; } /* Custom content well */ .content-well { background-color: #d4d4d4; padding: 20px; } .content-well:before, .content-well:after { content: ""; display: table; line-height: 0; } .content-well:after { clear: both; } .ie7 .content-well { zoom: 1; } .content-well .moduletitle { color: #2c2c2c; font-size: 16px; margin-top: 0px; text-align: center; } .content-well .moduletitle .modulelinks { display: block; clear: both; line-height: 10px; } .default-skin .nill-on-default { display: block; float: none; margin: 0; width: auto; } .iconslider-left { position: relative; z-index: 2; } .wysiwygeditor .iconslider-left { width: 230px; } .iconslider-right { position: relative; z-index: 1; } @media (max-width: 540px) { .sitewrap { position: relative; z-index: 1; } .sitewrap + .outerwrap.popout-pages { z-index: 2; } .main-content .mobile-tabs { display: none; } .outerwrap.popout-pages { background-color: #CFCFCF; bottom: 0; height: 94px; left: 0; margin: 0; position: fixed; width: 100%; } .outerwrap.popout-pages .modulelinks { background-color: #CFCFCF; left: 0; padding: 0 5px; position: absolute; top: -20px; z-index: 1; } .outerwrap.popout-pages .infotabs { height: 94px; margin: 0 auto; width: 460px; } .outerwrap.popout-pages .infotabs > li { display: inline; float: left; height: 94px; margin: 0; width: 114px; } .outerwrap.popout-pages .infotabs > li > [class*="tab-icon"] { border-left: 1px solid #B9B9B9; border-right: 0 none; height: 72px; margin: 11px 0 0; width: 114px; } .outerwrap.popout-pages .infotabs > li > .main-text { display: block; font-size: 14px; font-weight: 400; height: auto; line-height: normal; margin-top: -20px; text-align: center; text-transform: uppercase; } .outerwrap.popout-pages .infotabs > li > .main-text + p { margin-bottom: 5px; } .outerwrap.popout-pages .infotabs > li > .main-text + p + .row .grid_3 + .grid_3 + .grid_3, .outerwrap.popout-pages .infotabs > li > .main-text + p + .row .grid_3 + .grid_3 + .grid_3 + .grid_3 { margin-bottom: 5px; } .outerwrap.popout-pages .infotabs > li > p { margin-top: 10px; margin-bottom: 10px; } .outerwrap.popout-pages .infotabs > li > ul { margin-top: 10px; margin-bottom: 10px; } .outerwrap.popout-pages .infotabs > li > .tab-icon-par { background-position: 30px 8px; } .outerwrap.popout-pages .infotabs > li > .tab-icon-lead { background-position: 30px -68px; } .outerwrap.popout-pages .infotabs > li > .tab-icon-scout { background-position: 31px -146px; } .outerwrap.popout-pages .infotabs > li > .tab-icon-join { background-position: 36px -223px; } .outerwrap.popout-pages .infotabs > li > .infotab-info { background-color: #025597; bottom: 100%; height: 0; left: 0; top: auto; width: 100%; } .outerwrap.popout-pages .infotabs > li > .infotab-info > div { height: 580px; margin: 0 auto; overflow: hidden; position: relative; width: 400px; } .outerwrap.popout-pages .infotabs > li > .infotab-info > div .info-content { display: block; float: none; padding: 250px 0 0; width: auto; } .outerwrap.popout-pages .infotabs > li > .infotab-info .img-holder { height: 230px; left: 0; overflow: hidden; position: absolute; top: 20px; width: 100%; } .outerwrap.popout-pages .infotabs > li > .infotab-info .img-holder > img { height: 507px; min-height: 507px; max-height: 507px; position: absolute; width: 760px !important; max-width: 760px !important; left: -50px; top: -70px; } .outerwrap.popout-pages .infotabs > li:hover > .infotab-info { height: 73%; position: fixed; bottom: 94px; left: 0; overflow-y: visible; } .outerwrap.popout-pages .infotabs > li:hover > .infotab-info > div { padding-bottom: 20px; height: auto; } .outerwrap.popout-pages .infotabs > li:hover > [class*="tab-icon"] { border-left: 1px solid #025597; } .outerwrap.popout-pages .infotabs > li:hover > .tab-icon-par { background-position: -225px 8px; } .outerwrap.popout-pages .infotabs > li:hover > .tab-icon-lead { background-position: -227px -68px; } .outerwrap.popout-pages .infotabs > li:hover > .tab-icon-scout { background-position: -225px -146px; } .outerwrap.popout-pages .infotabs > li:hover > .tab-icon-join { background-position: -221px -223px; } .outerwrap.popout-pages .infotabs > li:first-child > [class*="tab-icon"] { border-left: 0 none; } } /* Fix CKE Inputs */ input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password, textarea.cke_dialog_ui_input_textarea { height: auto; } a.cke_dialog_ui_button { line-height: 20px; } .cke_dialog_ui_vbox_child td.cke_dialog_ui_hbox_last a.cke_dialog_ui_button[title="Browse Server"] { margin-top: 13px !important; /* Override inline style */ } body.pagebody .cke_combopanel { width: 300px; } body.pagebody #aspnetForm .cke_combo_text { width: 130px; } #filewrapper > table:first-child tr + tr + tr > td[valign="top"] { padding-top: 0px; } #filewrapper > table:first-child tr + tr + tr > td[valign="top"] > div { float: right; width: 380px; } #filewrapper > table:first-child tr + tr > td { padding-bottom: 0px; } #filewrapper > table:first-child .settingrow { margin: 10px 0; } #filewrapper > table:first-child #chkConstrainImageSize { display: inline-block; float: left; margin: 3px; } .ie7 #filewrapper > table:first-child #chkConstrainImageSize { display: inline; zoom: 1; } #filewrapper > table:first-child label[for="chkConstrainImageSize"] { display: inline-block; float: left; clear: right; font-size: 13px; margin-left: 5px; } .ie7 #filewrapper > table:first-child label[for="chkConstrainImageSize"] { display: inline; zoom: 1; } #filewrapper > table:first-child #txtMaxWidth { float: left; clear: right; width: 50px; margin-bottom: 5px; margin-left: 149px; } #filewrapper > table:first-child label[for="txtMaxWidth"] { float: left; clear: left; margin-bottom: 5px; line-height: 25px; } #filewrapper > table:first-child #txtMaxHeight { float: left; width: 50px; margin-left: 144px; margin-bottom: 5px; clear: right; } #filewrapper > table:first-child label[for="txtMaxHeight"] { float: left; clear: left; margin-bottom: 5px; line-height: 25px; } /* Video buttons */ .buttonvideo img { display: block; position: relative; margin: 0 auto; height: 264px; cursor: pointer; } .framedelement { background-color: #FFF; border: 1px solid #B5B5B5; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); padding: 5px; } .horizontal-list li { display: inline; list-style-type: none; padding-right: 20px; } .mobilemenudata { display: none; } .usernavbar .usernav .logoli #infocon { background-image: url("/Data/SHAC-Skin/images/bsa-universal-emblem-trademark-one-color-26x30.png") !important; } .eventdetailview .vevent .settingrow label { font-weight: bold; text-align: right; width: 6em; } .eventdetailview .vevent .daterow .settinglabel { display: none; } .eventdetailview .vevent .daterow .eventdate { font-size: 1.25em; font-weight: bold; } .eventdetailview .vevent .settingrow.daterow { margin: 0; } .eventdetailview .vevent h2.moduletitle { margin-bottom: 5px; } .eventdetailview .vevent .settingrow.localrow label:after { content: ':'; } .eventlistview .vevent { margin-bottom: 20px; } .eventlistview .vevent .summary.url { font-size: 1.2em; } .eventlistview .vevent .location:before { content: "("; } .eventlistview .vevent .location:after { content: ")"; } .eventlistview .vevent .location { margin-left: 10px; } .eventlistview .vevent .eventdate, .eventlistview .vevent .eventtime, .eventlistview .vevent .location { font-size: 12px; } .pagenotfound .outerwrap, .pagenotfound h1.pagetitle { margin-top: 0; } .no-pagetitle .pagetitle { display: none; } ul.resource-links { list-style: none outside none; padding: 0; } ul.resource-links li { -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; } ul.resource-links li i { font-size: 40px; margin-left: 18px; text-align: center; } ul.resource-links li a { font-size: 15px; font-weight: 700; } .depart-icon { float: left; height: auto; margin-right: 20px; vertical-align: middle; width: 100px; } .depart-header { position: relative; line-height: 100px; } .committee-list { font-size: 12px; line-height: 20px; list-style: none outside none; padding-left: 0; } .committee-list li { border-bottom: 1px dotted #999; padding: 6px 0 6px 20px; } .committee-list li:first-child { padding: 0 0 6px 20px; } .committee-list li:last-child { border-bottom: none; } .editpage textarea { width: auto; } .appointment-book .vevent h3.eventtime { display: inline-block; margin: 0; } .appointment-book .vevent h3 abbr { border-bottom: 0; } .appointment-book .vevent .description { font-size: 12px; margin-left: 20px; } .appointment-book .vevent .registrationlink { font-size: 12px; } .box { background-color: #999; color: #FFF; display: block; border-radius: 10px; margin-bottom: 20px; min-height: 173px; text-align: center; } .box-title { display: block; font-size: 20px; font-weight: 600; line-height: 1.2; padding-top: 6px; text-transform: uppercase; } .box-subtitle { display: block; font-size: 20px; font-style: italic; font-weight: 200; line-height: 1.2; } .box-green { background-color: #7e8c4c; } .box-green:hover { background-color: #6f7b43; color: #FFF; text-decoration: none; } .box-green .box-image { display: block; margin: 6px 0; } .box-blue { background-color: #015498; } .box-blue:hover { background-color: #01467f; color: #FFF; text-decoration: none; } .box-blue .box-title { padding-top: 13px; } .council-calendar { background: #fafafa; border: 1px solid #dadada; padding: 0 20px 20px; } .council-calendar .moduletitle { background: none repeat scroll 0 0 #ded9c9; background: -webkit-linear-gradient(top, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; color: #363636; margin: 0 -20px; padding: 10px 20px; text-align: center; font-size: 18px; } .council-calendar .moduletitle .modulelinks { display: block; line-height: 10px; } .council-calendar .vevent { min-height: 45px; padding: 30px 0 0 60px; position: relative; } .council-calendar .location { display: none; } .council-calendar .summary { color: #2C2C2C; display: block; font-size: 18px; height: 24px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: pre; width: 100%; } .council-calendar .eventtime { color: #9b9b9b; font-size: 10px; } .council-calendar .eventtime:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f017"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; font-size: 12px; float: left; margin: 3px 6px 0 0; } .council-calendar .eventdate { position: absolute; top: 20px; left: 0; width: 45px; height: 45px; background-color: #CDBF97; overflow: hidden; color: #FFF; text-align: center; } .council-calendar .eventdate .month { background-color: #7e8c4c; border-bottom: 1px solid #606b3a; display: block; font-size: 10px; font-weight: 600; height: 12px; line-height: 12px; position: relative; text-align: center; } .council-calendar .eventdate .month:before { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid transparent; border-top: 4px solid #606b3a; content: ""; left: 50%; margin: 1px 0 0 -2px; position: absolute; top: 100%; } .council-calendar .eventdate .month:after { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid transparent; border-top: 4px solid #7e8c4c; content: ""; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 100%; } .council-calendar .eventdate .day { display: block; font-size: 20px; font-weight: 300; height: 32px; line-height: 32px; } .council-calendar .dtstart, .council-calendar .dtend { border: none; } .council-calendar .timezone { display: none; } .latest-events-feed { background: #fafafa; border: 1px solid #dadada; padding: 0 20px 20px; } .latest-events-feed .moduletitle { background: none repeat scroll 0 0 #ded9c9; background: -webkit-linear-gradient(top, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #eaeaea, #cdbf97) repeat-x scroll 0 0 transparent; border-bottom: 1px solid #dadada; color: #363636; margin: 0 -20px; padding: 10px 20px; text-align: center; font-size: 18px; } .latest-events-feed .moduletitle .modulelinks { display: block; line-height: 10px; } .latest-events-feed .rssfeedentryTrue { min-height: 45px; padding: 30px 0 0 60px; position: relative; } .latest-events-feed .location { display: none; } .latest-events-feed .rsstitle h3 { margin: 0; font-weight: 400; } .latest-events-feed .rsstitle h3 a { color: #2C2C2C; display: block; font-size: 18px; height: 24px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: pre; width: 100%; } .latest-events-feed .eventtime { color: #9b9b9b; font-size: 10px; } .latest-events-feed .eventtime:before { background-image: none !important; background-position: 0% 0%; background-repeat: repeat; content: "\f017"; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; text-decoration: inherit; vertical-align: baseline; width: auto; font-size: 12px; float: left; margin: 3px 6px 0 0; } .latest-events-feed .eventdate { position: absolute; top: 29px; left: 0; width: 45px; height: 45px; background-color: #CDBF97; overflow: hidden; color: #FFF; text-align: center; } .latest-events-feed .eventdate .month { background-color: #7e8c4c; border-bottom: 1px solid #606b3a; display: block; font-size: 10px; font-weight: 600; height: 12px; line-height: 12px; position: relative; text-align: center; } .latest-events-feed .eventdate .month:before { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid transparent; border-top: 4px solid #606b3a; content: ""; left: 50%; margin: 1px 0 0 -2px; position: absolute; top: 100%; } .latest-events-feed .eventdate .month:after { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid transparent; border-top: 4px solid #7e8c4c; content: ""; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 100%; } .latest-events-feed .eventdate .day { display: block; font-size: 20px; font-weight: 300; height: 32px; line-height: 32px; } .latest-events-feed .dtstart, .latest-events-feed .dtend { border: none; } .latest-events-feed .timezone { display: none; } .cycle2-slide { background-color: #015498; position: relative; width: 100%; } .cycle2-slide:before, .cycle2-slide:after { content: ""; display: table; line-height: 0; } .cycle2-slide:after { clear: both; } .ie7 .cycle2-slide { zoom: 1; } .wysiwygeditor .cycle2-slide { width: 1170px; margin-bottom: 20px; } .cycle2-slide-content { -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 2.3%; width: 25.3%; } .cycle2-slide-image { float: right; width: 74.7%; } .cycle2-slide-title { color: #FFF; border-bottom: 1px solid #01467f; line-height: normal; left: 0; font-family: 'Russo One', sans-serif; font-size: 20px; font-weight: 400; line-height: 21px; padding: 13% 0 6%; } @media (min-width: 1200px) { .cycle2-slide-title { font-size: 25px; line-height: 26px; } } .cycle2-slide-title small { display: block; font-size: 68%; } .cycle2-slide-text { border-top: 1px solid #0162b1; color: #FFF; line-height: normal; font-size: 10px; text-align: center; } .cycle2-slide-text a:not(.btn) { color: #FFF; text-decoration: underline; } .cycle2-slide-text a:not(.btn):hover { color: #80aacc; } .cycle2-prev, .cycle2-next { color: #FFF; cursor: pointer; font-size: 24px; opacity: 0.7; position: absolute; right: 15px; top: 15px; z-index: 110; } .cycle2-prev:hover, .cycle2-next:hover { opacity: 1; } .cycle2-prev:before, .cycle2-next:before { text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000; } .cycle2-prev { right: 46px; } .three-panel { -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; } .three-panel:before, .three-panel:after { content: ""; display: table; line-height: 0; } .three-panel:after { clear: both; } .ie7 .three-panel { zoom: 1; } .three-panel > * { -ms-box-sizing: border-box; box-sizing: border-box; } .three-panel > figure { float: left; padding: 0 15px; width: 33.33333333333333%; } .tab-wrapper { background-color: #015498; position: relative; } .tab-wrapper:before, .tab-wrapper:after { content: ""; display: table; line-height: 0; } .tab-wrapper:after { clear: both; } .ie7 .tab-wrapper { zoom: 1; } .tab-wrapper .tabs { float: left; width: 62%; } .tab-wrapper .tabs > ul { list-style: none; margin: 0; padding: 0; } .tab-wrapper .tabs > ul:before, .tab-wrapper .tabs > ul:after { content: ""; display: table; line-height: 0; } .tab-wrapper .tabs > ul:after { clear: both; } .ie7 .tab-wrapper .tabs > ul { zoom: 1; } .tab-wrapper .tabs > ul li.tab { background-color: #CFCFCF; float: left; width: 33.3333333333333333333%; } .tab-wrapper .tabs .tab-title { color: #9B9B9B; display: block; font-size: 22px; font-weight: 600; height: 65px; line-height: 65px; text-align: center; text-transform: uppercase; } .tab-wrapper .tabs .tab-container { bottom: 65px; left: 0; overflow: hidden; padding-bottom: 0; position: absolute; right: 0; -webkit-transition: padding-bottom 0.5s ease, padding-top 0.5s ease; transition: padding-bottom 0.5s ease, padding-top 0.5s ease; z-index: 120; } .tab-wrapper .tabs .tab-content { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .tab-wrapper .tabs > ul li.tab { cursor: pointer; } .tab-wrapper .tabs > ul li.tab.tab-parents:hover, .tab-wrapper .tabs > ul li.tab.tab-parents .tab-container { background-color: #015498; color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-parents:hover a, .tab-wrapper .tabs > ul li.tab.tab-parents .tab-container a { color: #e0bd5a; } .tab-wrapper .tabs > ul li.tab.tab-parents:hover a:hover, .tab-wrapper .tabs > ul li.tab.tab-parents .tab-container a:hover { color: #E4C66F; } .tab-wrapper .tabs > ul li.tab.tab-parents:hover .tab-title, .tab-wrapper .tabs > ul li.tab.tab-parents .tab-container .tab-title { color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-parents:hover .tab-type h2, .tab-wrapper .tabs > ul li.tab.tab-parents .tab-container .tab-type h2 { color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-leaders:hover, .tab-wrapper .tabs > ul li.tab.tab-leaders .tab-container { background-color: #7e8c4c; color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-leaders:hover a, .tab-wrapper .tabs > ul li.tab.tab-leaders .tab-container a { color: #e0bd5a; } .tab-wrapper .tabs > ul li.tab.tab-leaders:hover a:hover, .tab-wrapper .tabs > ul li.tab.tab-leaders .tab-container a:hover { color: #E4C66F; } .tab-wrapper .tabs > ul li.tab.tab-leaders:hover .tab-title, .tab-wrapper .tabs > ul li.tab.tab-leaders .tab-container .tab-title { color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-leaders:hover .tab-type h2, .tab-wrapper .tabs > ul li.tab.tab-leaders .tab-container .tab-type h2 { color: #FFF; } .tab-wrapper .tabs > ul li.tab.tab-scouts:hover, .tab-wrapper .tabs > ul li.tab.tab-scouts .tab-container { background-color: #cdbf97; color: #000000; } .tab-wrapper .tabs > ul li.tab.tab-scouts:hover a, .tab-wrapper .tabs > ul li.tab.tab-scouts .tab-container a { color: #285d28; } .tab-wrapper .tabs > ul li.tab.tab-scouts:hover a:hover, .tab-wrapper .tabs > ul li.tab.tab-scouts .tab-container a:hover { color: #2f6f2f; } .tab-wrapper .tabs > ul li.tab.tab-scouts:hover .tab-title, .tab-wrapper .tabs > ul li.tab.tab-scouts .tab-container .tab-title { color: #000; } .tab-wrapper .tabs > ul li.tab.tab-scouts:hover .tab-type h2, .tab-wrapper .tabs > ul li.tab.tab-scouts .tab-container .tab-type h2 { color: #000; } .tab-wrapper .tabs > ul li.tab:hover .tab-container { padding-bottom: 34.3%; cursor: auto; z-index: 121; } .tab-wrapper .tabs .tab-type { -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 25px; width: 62%; font-size: 12px; } @media (min-width: 1200px) { .tab-wrapper .tabs .tab-type { font-size: 14px; } } .tab-wrapper .tabs .tab-type h2 { font-size: 24px; font-weight: 400; margin: 10px 0 10px -10px; text-transform: uppercase; } @media (min-width: 1200px) { .tab-wrapper .tabs .tab-type h2 { font-size: 28px; } } .tab-wrapper .tabs .tab-header { background-color: #d8ad2f; color: #FFF; float: left; overflow: hidden; padding-bottom: 34.3%; position: relative; width: 6.6%; } .tab-wrapper .tabs .tab-header .tab-center { height: 2px; left: 50%; margin-bottom: -1px 0 0 -1px; position: absolute; top: 50%; width: 2px; } .tab-wrapper .tabs .tab-header .tab-rotate { height: 401px; font-size: 30px; font-weight: 700; line-height: 401px; position: absolute; text-align: center; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); width: 401px; } .tab-wrapper .tabs .tab-img { float: left; height: 100%; overflow: hidden; width: 31.401%; } .tab-wrapper .tabs .tab-img img { min-height: 100%; } .tab-wrapper .tabs .two-lists:before, .tab-wrapper .tabs .two-lists:after { content: ""; display: table; line-height: 0; } .tab-wrapper .tabs .two-lists:after { clear: both; } .ie7 .tab-wrapper .tabs .two-lists { zoom: 1; } .tab-wrapper .tabs .two-lists ul { -ms-box-sizing: border-box; box-sizing: border-box; float: left; list-style-type: disc; width: 50%; } .tab-wrapper .tabs .three-lists:before, .tab-wrapper .tabs .three-lists:after { content: ""; display: table; line-height: 0; } .tab-wrapper .tabs .three-lists:after { clear: both; } .ie7 .tab-wrapper .tabs .three-lists { zoom: 1; } .tab-wrapper .tabs .three-lists ul { -ms-box-sizing: border-box; box-sizing: border-box; float: left; list-style-type: disc; width: 33%; } .tab-wrapper .callout-buttons { float: left; line-height: 63px; text-align: center; width: 38%; } .templatebody .tab-wrapper { padding-top: 34.3%; } .wysiwygeditor .tab-wrapper .tabs { float: none; width: auto; } .wysiwygeditor .tab-wrapper .tabs > ul li.tab { float: none; width: auto; } .wysiwygeditor .tab-wrapper .tabs > ul .tab-container { padding: 0 !important; bottom: auto; position: relative; } .wysiwygeditor .tab-wrapper .tabs > ul .tab-content { height: 100%; left: auto; position: relative; top: auto; width: 100%; } .wysiwygeditor .tab-wrapper .tabs .tab-img img { min-height: 0; } .left-pane .tab-wrapper { background-color: transparent; position: static; } .left-pane .tab-wrapper .tabs { float: none; width: auto; } .left-pane .tab-wrapper .tabs > ul > li.tab { float: none; margin-bottom: 8px; width: auto; } .left-pane .tab-wrapper .tabs > ul > li.tab .tab-container { bottom: auto; cursor: auto; left: auto; padding-bottom: 0; right: 0; top: 0; width: 780px; } .left-pane .tab-wrapper .tabs > ul > li.tab:hover { padding-right: 20px; margin-right: -20px; } .left-pane .tab-wrapper .tabs > ul > li.tab:hover .tab-container { padding-top: 42.7%; z-index: 121; } .left-pane .tab-wrapper .tabs .tab-header { padding-bottom: 51.4%; } .left-pane .tab-wrapper .tabs .tab-img img { left: 50%; max-width: none; position: relative; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .left-pane .tab-wrapper .callout-buttons { background-color: #015498; float: none; line-height: normal; margin-bottom: -11px; padding: 16px; width: auto; } .left-pane .tab-wrapper .callout-buttons .btn { -ms-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 9px; padding: 4px 12px; margin: 0; width: 100%; } .btn-gold { background-color: #c38021; background: none repeat scroll 0 0 #cc9426; background: -webkit-linear-gradient(top, #d2a12a, #c38021) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom, #d2a12a, #c38021) repeat-x scroll 0 0 transparent; color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); } .btn-gold:hover, .btn-gold:active, .btn-gold.active, .btn-gold.disabled, .btn-gold[disabled] { background-color: #c38021; color: #FFF; } .tab-wrapper .btn-gold { font-size: 11px; padding: 6px 9px; text-transform: uppercase; } .tab-wrapper .btn-gold:first-child { margin-right: 6px; } @media (min-width: 1200px) { .left-pane .tab-wrapper .tabs > ul > li.tab:hover { padding-right: 30px; margin-right: -30px; } .left-pane .tab-wrapper .tabs > ul > li.tab:hover .tab-container { padding-top: 34.3%; } .left-pane .tab-wrapper .tabs > ul > li.tab .tab-container { width: 970px; } .left-pane .tab-wrapper .tabs .tab-type { width: 70.6%; } .left-pane .tab-wrapper .tabs .tab-header { padding-bottom: 41.3%; } .left-pane .tab-wrapper .tabs .tab-img { width: 22.8%; } .tab-wrapper .btn-gold { padding: 8px 20px; font-size: 14px; } .tab-wrapper .btn-gold:first-child { margin-right: 11px; } .cycle2-slide-text { font-size: 13px; } } .facebook-box { margin-top: -19px; } .desk-media { background-color: #F2F2F2; float: left; margin-right: 10px; min-height: 70px; min-width: 46%; padding: 10px; } .desk-media:first-child + .desk-media { margin-top: 0; } .desk-media, .desk-media-body { overflow: hidden; zoom: 1; } .desk-media, .desk-media .desk-media { margin-top: 15px; } .desk-media:first-child { margin-top: 0; } .desk-media-object { display: block; } .desk-media-heading { margin: 0 0 5px; } .desk-media > .desk-pull-left { float: left; margin-right: 10px; width: 75px; } .desk-media > .desk-pull-right { float: right; margin-left: 10px; width: 75px; } .desk-media-list { padding-left: 0; list-style: none; } .urlmanager .settingrow input[type='text'] { width: 800px; } .dataTables_wrapper .pull-left { float: left !important; } .dataTables_wrapper .pull-right { float: right !important; } .dataTables_wrapper th { white-space: nowrap; } .dataTables_wrapper div.dataTables_length select { width: 75px; } .dataTables_wrapper [class*="paginate_button"] { cursor: pointer; margin: 0 10px; } .dataTables_wrapper .disabled[class*="paginate_button"], .dataTables_wrapper .disabled[class*="paginate_button"]:hover { color: #999; cursor: default; text-decoration: none; } .dataTables_wrapper .current[class*="paginate_button"] { font-weight: bold; } .dataTables_wrapper #sort-table_next { margin-right: 0px; } .dataTables_wrapper th[class*="sorting"] { cursor: pointer; padding-right: 25px !important; position: relative; } .dataTables_wrapper th[class*="sorting"]::before, .dataTables_wrapper th[class*="sorting"]::after { font-family: FontAwesome; position: absolute; right: 5px; } .dataTables_wrapper th[class*="sorting"]::before { content: "\F0D8"; top: 3px; } .dataTables_wrapper th[class*="sorting"]::after { content: "\F0D7"; bottom: 3px; } .dataTables_wrapper .sorting_asc::after { color: #999; } .dataTables_wrapper .sorting_desc::before { color: #999; } .dataTables_wrapper th.sorting_disabled { cursor: auto; padding-right: 0 !important; } .dataTables_wrapper th.sorting_disabled::before, .dataTables_wrapper th.sorting_disabled::after { display: none; } .dataTables_wrapper .dataTables_filter label { display: block; line-height: 40px; font-weight: 700; } .dataTables_wrapper .dataTables_length label { display: block; height: 40px; line-height: 41px; } .dataTables_wrapper .dataTables_length select { height: 27px; margin-bottom: 4px; padding: 2px 6px; } .dataTables_wrapper .navbar { margin-bottom: 20px; overflow: visible; *position: relative; *z-index: 2; } .dataTables_wrapper .navbar-inner { background-color: #fafafa; background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border-radius: 4px; border: 1px solid #d4d4d4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); min-height: 40px; padding-left: 20px; padding-right: 20px; *zoom: 1; } .dataTables_wrapper .navbar-inner:before, .dataTables_wrapper .navbar-inner:after { content: ""; display: table; line-height: 0; } .dataTables_wrapper .navbar-inner:after { clear: both; } .dataTables_wrapper .navbar .container { width: auto; } .dataTables_wrapper .navbar-text { color: #777777; line-height: 40px; margin-bottom: 0; } .dataTables_wrapper .navbar .btn, .dataTables_wrapper .navbar .btn-group { margin-top: 5px; } .dataTables_wrapper .navbar .btn-group .btn, .dataTables_wrapper .navbar .input-prepend .btn, .dataTables_wrapper .navbar .input-append .btn, .dataTables_wrapper .navbar .input-prepend .btn-group, .dataTables_wrapper .navbar .input-append .btn-group { margin-top: 0; } .dataTables_wrapper .navbar-form { margin-bottom: 0; *zoom: 1; } .dataTables_wrapper .navbar-form:before, .dataTables_wrapper .navbar-form:after { content: ""; display: table; line-height: 0; } .dataTables_wrapper .navbar-form:after { clear: both; } .dataTables_wrapper .navbar-form input, .dataTables_wrapper .navbar-form select, .dataTables_wrapper .navbar-form .btn { display: inline-block; margin-bottom: 0; } .dataTables_wrapper .navbar-search { float: left; margin-bottom: 0; margin-top: 5px; position: relative; } .dataTables_wrapper .navbar-search .search-query { border-radius: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; margin-bottom: 0; padding: 4px 14px; } .dataTables_wrapper .navbar .nav { display: block; float: left; left: 0; margin: 0 10px 0 0; position: relative; } .dataTables_wrapper .navbar .nav.pull-right { float: right; margin-right: 0; } .dataTables_wrapper .navbar .btn-navbar { *background-color: #e5e5e5; background-color: #ededed; background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); color: #ffffff; display: none; float: right; margin-left: 5px; margin-right: 5px; padding: 7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .dataTables_wrapper .navbar .btn-navbar:hover, .dataTables_wrapper .navbar .btn-navbar:focus, .dataTables_wrapper .navbar .btn-navbar:active, .dataTables_wrapper .navbar .btn-navbar.active, .dataTables_wrapper .navbar .btn-navbar.disabled, .dataTables_wrapper .navbar .btn-navbar[disabled] { *background-color: #d9d9d9; background-color: #e5e5e5; color: #ffffff; } .dataTables_wrapper .navbar .btn-navbar:active, .dataTables_wrapper .navbar .btn-navbar.active { background-color: #cccccc \9; } .dataTables_wrapper .navbar .pull-right > li > .dropdown-menu, .dataTables_wrapper .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .dataTables_wrapper .navbar .pull-right > li > .dropdown-menu:before, .dataTables_wrapper .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .dataTables_wrapper .navbar .pull-right > li > .dropdown-menu:after, .dataTables_wrapper .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .dataTables_wrapper .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .dataTables_wrapper .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { border-radius: 6px 0 6px 6px; left: auto; margin-left: 0; margin-right: -1px; right: 100%; } .actslider { overflow: hidden; } .ajax__slider_h_rail { float: left; margin-right: 6px; margin-top: 3px; } #colorbox.join-colorbox { border: 1px solid #dadada; background: none repeat scroll 0 0 #f4f4f4; background: -webkit-linear-gradient(top,#fafafa,#eaeaea) repeat-x scroll 0 0 transparent; background: linear-gradient(to bottom,#fafafa,#eaeaea) repeat-x scroll 0 0 transparent; border-radius: 2px; } #colorbox.join-colorbox #cboxTitle { color: #015498; font-weight: 700; font-size: 24px; line-height: normal; } #colorbox.join-colorbox #joindisambiguation.hide { display: block; } .mojo-tabs a {color:#0000ff;} .mojo-tabs a:hover {color:#01467f;}