/*======================= Title:Styles for desktop browsers. Author:Simon Leadbetter of Thoughtful Web | Last updated:17 April 2011 Contents: 1. YUI RESET 2. HTML5 ELEMENT BASE PROPERTIES 3. TYPOGRAPHY 4. LINKS 5. FORMS 6. GRID SYSTEM 7. HACKS 8. SITE-SPECIFIC STYLES (GLOBALLY APPLIED) 9. JQUERY MODULAR COMPONENTS 10. CSS MODULAR COMPONENTS 11. SECTION-SPECIFIC STYLES 12. THIRD-PARTY SOFTWARE STYLES 13. VERSION-SPECIFIC STYLES FOR INTERNET EXPLORER ========================*/ /* --[ =YUI RESET ]---------------------------- */ /* Copyright (c) 2009,Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* --[ =SET HTML5 ELEMENT BASE PROPERTIES (as some browsers can't recognise them as block elements)]---------------------------- */ section,article,header,footer,nav,aside,hgroup,figure,figcaption{display:block;} /* --[ =TYPOGRAPHY ]--------------------------- */ /* Standard */ body{font:87.5%/1.5em Arial,Verdana,sans-serif;text-rendering:optimizeLegibility;}/*Set base font size to 14px (IE6 and below) Removed -webkit-font-smoothing:antialiased; to create consistency between browsers*/ html>body{font-size:14px;line-height:21px;} /*Ignored by IE6; used by FF,Safari,IE7/8/9,Opera*/ p{font-size:1em;line-height:1.5em;padding:0 0 1.5em 0;margin:0;} h1,h2,h3,h4,h5,h6{clear:both;color:#666;} h1{font:2.285714em/1.3125em Georgia;margin:0 0 0.552632em 0;color:#59595B;} h2{font:1.428571em/1.05em Georgia;padding:0.5em;margin:1.05em 0 1.05em 0;background:#810052;color:#FFF;display:inline-block;} h3{font-size:1.285714em;line-height:1.166667em;margin:0 0 0.525em 0;font-weight:bold;} h4,h5,h6{font-size:1.142857em;line-height:1.3125em;margin:0 0 0.477273em 0;font-weight:bold;} ul,ol{margin:0 0 1em 2.4em;} li{margin:0;color:#666768;} ul li {list-style-type:disc;} ol li {list-style-type:decimal;} dl{margin:0 0 1em 0;} dt{font-weight:bold;margin:0.75em 0 0 0;} dd p{line-height:1.5em;margin:0.75em 0 0 0;} sup,sub{position:relative;height:0;line-height:0.071429em;vertical-align:baseline;} sup{bottom:1ex;} sub{top:.5ex;} ins{text-decoration:underline;} del{text-decoration:line-through;} dfn{font-style:italic;font-weight:bold;} pre{margin:0 0 1em 0;padding:0;overflow:auto;width:100%;font-family:courier,monospace;} strong{font-weight:bold;} em{font-style:italic;} blockquote{margin:1em 0;padding:1.5em 2em;background:#EAEAEA;} blockquote p:last-of-type{padding:0;} cite{font-size:0.857143em;line-height:1.75em;margin:0;font-weight:bold;} q{font-style:italic;} abbr{border-bottom:1px dotted #000;cursor:default;} hr{line-height:1.5em;margin:1.5em 0;border:none;} img {height:auto;} figure {padding:0;margin:0;} figure img {margin:0;-webkit-transition:opacity .25s .1s ease-in-out;-moz-transition:opacity .25s .1s ease-in-out;-o-transition:opacity .25s .1s ease-in-out;transition:opacity .25s .1s ease-in-out;} figure a:hover img {opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);} table{margin:0;border-collapse:collapse;} th{font-weight:bold;text-align:left;} tr,th,td{margin:0;padding:0.25em 0.5em;border:none;} tfoot{font-size:0.71em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;} table caption{height:1.5em;margin:0;} /* --[ =LINKS & BUTTONS ]--------------------------------------- */ /*links*/ a:link{text-decoration:none;color:#810052;-webkit-transition:color .25s .1s ease-in-out;-moz-transition:color .25s .1s ease-in-out;-o-transition:color .25s .1s ease-in-out;transition:color .25s .1s ease-in-out;} a:visited{text-decoration:none;color:#810052;} a:link:hover,a:visited:hover{text-decoration:none;color:#868688;} a:link:active,a:visited:active{text-decoration:none;color:#810052;} a:focus,:focus {outline:none;} a:hover,a:active {outline:none;} a img{border:none;} :invalid{box-shadow:none;} /*button*/ a.button{background:#868688;color:#EEF9FE;padding:0.357143em 0.5em;display:inline-block;font-size:1em;line-height:1.5em;clear:both;margin:0.7em 0;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} a.button:hover,.button:visited:hover{color:#FFF;background-color:#810052;cursor:pointer;} a.button.active{background:#810052;color:#FFF;} a.button.active:hover,.button.active:visited:hover{color:#EEF9FE;background-color:#868688;cursor:pointer;} /*flags*/ .flag.join {position:relative;display:block;text-indent:-9999px;float:right;width:86px;height:86px;background: url('/site_assets/sprites.png') no-repeat 0 -348px;top:-20px;} .flag.join:hover {background-position:-110px -348px;} .search .flag{background:#868688;color:#EEF9FE;padding:0.357143em 0.5em;display:inline-block;font-size:1em;line-height:1.5em;clear:both;margin:-0.7em 0 0.7em 0;} /* --[ =FORMS ]--------------------------------------- */ form{position:relative;margin:0;overflow:hidden;} form#comment_form {padding-bottom:1.5em;} fieldset{position:relative;margin:0 0 0.5em 0;display:block;} fieldset:last-of-type{padding-right:0;} legend{font-size:2.714286em;line-height:1.105263em;margin:0 0 0.552632em 0;color:#666;display:none;} label{font-size:1em;line-height:0.75em;margin:0.75em 0;padding:0;position:relative;display:block;font-weight:bold;color:#868688;} input[type=email],input[type=text]:not([type="hidden"]),input[type=password],textarea{position:relative;color:#EEF9FE;border:0.142857em solid #B2B3B5;text-align:left;padding:0.5em;margin:0 20px 5px 0;line-height:20px;width:95%;clear:both;background:#810052;display:block;} textarea{margin-right:0;height:8em;} input[type=email]:focus,input[type=text]:not([type="hidden"]):focus,input[type=password]:focus,textarea:focus{color:#333;background-color:#B2B3B5;} input:last-child,textarea:last-child{margin-right:0;} label.checkbox{font-weight:normal;padding-left:1.5em;clear:both;padding-bottom:0.5em;} select {margin:0.5em 0;} input[type=checkbox],input[type=radio]{position:absolute;top:0;left:0;clear:none;width:auto;height:auto;border:none;padding:0;background:transparent;} input[type=submit],input[type=search]{border:none;background:#810052;color:#EEF9FE;padding:0.357143em 0.5em;display:block;font-size:1em;line-height:1.5em;margin:0 0 0.5em 0;clear:both;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} input[type=submit]:hover,input[type=search]:hover{color:#EEF9FE;background-color:#868688;cursor:pointer;} button{border:none;background:#810052;color:#EEF9FE;padding:0.357143em 0.5em;display:block;font-size:1em;line-height:1.5em;margin:0 0 0.5em 0;clear:both;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} button:hover{color:#EEF9FE;background-color:#868688;cursor:pointer;} input[type=email].error,input[type=text]:not([type="hidden"]).error,input[type=password].error,textarea.error,input[type=email].error:focus,input[type=text]:not([type="hidden"]).error:focus,input[type=password].error:focus,textarea.error:focus{border:0.142857em solid #AF003B;color:#FFF;background:#AF003B;} .error{color:#AF003B;font-weight:normal;padding-bottom:0;margin-bottom:0.5em;} #errorBox {padding:0 0 1em 0;margin:0;} #errorBox li {color:red;font-size:1em;float:left; display:inline;padding:0;margin-right:0.2em;list-style:none;} /* --[ =GRID SYSTEM : 960px / 16 units acc.]------------------------------- */ /*set base properties*/ .unit{position:relative;margin-right:20px;} .float{float:left;display:inline;} .unit_vertsp{margin-bottom:1.07em;display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;} .unit.first{margin-left:0;} .unit.last{margin-right:0;} .one{width:40px;} .two{width:100px;} .three{width:160px;} .four{width:220px;} .five{width:280px;} .six{width:340px;} .seven{width:400px;} .eight{width:460px;} .nine{width:520px;} .ten{width:580px;} .eleven{width:640px;} .twelve{width:700px;} .thirteen{width:760px;} .fourteen{width:820px;} .fifteen{width:880px;} .sixteen{width:940px;} /* --[ =HACKS ]-------------------------------- */ /* Universal clear */ .clear{clear:both;display:block;overflow:hidden;} /* Enhanced Universal Clearfix hack */ .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix{display:inline-block;} /* Start commented backslash hack \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* Close commented backslash hack */ /* --[ =SITE-SPECIFIC STYLES (GLOBALLY APPLIED)]------------------------------- */ /* PLUM = R:129/G:0/B:82 #810052 GREY = R:134/G:134/B:136 #868688 LIGHT GREY = #B2B3B5 GOLDEN YELLOW = R:255/G:181/B:14 #FFB50E BURNT ORANGE = R:198/G:108/B:29 #C66C1D RED = R:175/G:0/B:59 #AF003B LIME GREEN = R:189/G:187/B:27 #BDBB1B BLUE = R:0/G:98/B:162 #0062A2 */ /* --[ =BACKGROUND IMAGES ]---------------- */ html{min-height:100%;margin:0;padding:0;background: url('/site_assets/bg-footer.png') repeat-x 0 bottom} /* --[ =CUSTOM WEB FONT ]------------------ */ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading.placeholder [role="main"] article figure figcaption h1, .wf-loading.placeholder.join [role="main"] article figure figcaption p:first-of-type, .wf-loading #primary ol li a, .wf-loading #section ol li a, .wf-loading input[type=submit], .wf-loading .button, .wf-loading #social-media h1, .wf-loading #leader h1, .wf-loading #leader p, .wf-loading .standfirst, .search .flag, .wf-loading div#iframeWrapper h2 {visibility: hidden;} .wf-active h1, .wf-active h2, .wf-active h3, .wf-active.placeholder [role="main"] article figure figcaption h1, .wf-active.placeholder.join [role="main"] article figure figcaption p:first-of-type, .wf-active #primary ol li a, .wf-active #section ol li a, .wf-active input[type=submit], .wf-active .button, .wf-active #social-media h1, .wf-active #leader h1, .wf-active #leader p, .wf-active .standfirst, .search .flag, #iframeWrapper h2 {font-family: "ff-dax-web-pro", sans-serif;visibility: visible;} h1.goright{text-align: right;} p.member_benefits_btn { position: absolute; top: 10px; left: 20px; padding: 0; } p.member_benefits_btn a{ text-indent: -9999px; background: url('/site_assets/membership_benefits_button.png') no-repeat 0 -1px; display: block; width: 200px; height: 53px; } p.member_benefits_btn a:hover{ background: url('/site_assets/membership_benefits_button.png') no-repeat 0 -51px; } /* --[ =LAYOUT ]--------------------------- */ [role="banner"],[role="main"], [role="contentinfo"]{position:relative;width:980px;margin:0 auto;padding:20px 0 0 0;} [role="main"]{position:relative;padding:20px 20px 20px 20px;width:940px;background:url('/site_assets/bg-content.png') left top repeat-x scroll;} [role="contentinfo"]{position:relative;padding:0 0 20px;} .page .content {padding-left:260px;padding-right:260px;width:460px;} /* Remove from viewport */ .directorysearch [role="main"] form label, header hgroup h2, nav h1, #global_search legend, #global_search label, .global_find label {position:absolute;left:-900000px;z-index:-1;height:1px;float:left;clear:none;display:inline;} /* --[ =HEADER ]--------------------------- */ header h1{margin:0 0 15px 20px;} header h1 a{width:180px;height:105px;background:url('/site_assets/sprites.png') no-repeat left top;display:block;text-indent:-9999px;} header h1 a:hover{background-position:-210px 0 } header #promo-header{width:330px;min-height:80px;background:#EAEAEA;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgb(234,234,234)),color-stop(0.5,rgb(255,255,255)));background-image:-moz-linear-gradient(left center,rgb(234,234,234) 0%,rgb(255,255,255) 50%);background-image:-o-linear-gradient(90deg,rgb(234,234,234) 0%,rgb(255,255,255) 50%);padding:10px 130px 10px 15px;margin:0;position:absolute;top:15px;left:220px;min-height:93px;} .no-cssgradients header #promo-header {background:#FFF url('/site_assets/bg-banner-header.jpg') repeat-y top left;} header #promo-header h1 {margin:0;padding:0;font-size:1.4em} header #promo-header h1 a{background:none; text-indent:0;width:auto;height:auto;margin:0;padding:0;} header #promo-header p{margin:0;padding:0;} header #promo-header img {position:absolute;right:7px;top:7px;} /* --[ =NAVIGATION ]----------------------- */ /* Primary */ #primary{position:relative;padding:0;background-color:#F6F6F6;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.11,rgb(208,209,211)),color-stop(0.45,rgb(246,246,246)));background-image:-moz-linear-gradient(center bottom,rgb(208,209,211) 11%,rgb(246,246,246) 45%);background-image:-o-linear-gradient(90deg,rgb(208,209,211) 11%,rgb(246,246,246) 45%);} .no-cssgradients #primary{background:#F6F6F6 url('/site_assets/bg-navigation.jpg') repeat-x top left;} #primary ol {padding:0;margin:0;float:left;position:relative;} #primary ol li{list-style-type:none;float:left;position:relative;font-size: 1.071429em;} #primary ol li a{padding:0.7em 1em;border-right:1px solid white;float:left;color:#5B5B5B;} #primary ol li a:hover{background:#810052; color:#FFF;} #primary ol li.selected a {background: #810052; cursor: default; color:#FFF;} #primary ol li.selected a:after{content:'';background:url('/site_assets/sprites.png') no-repeat 0 -270px;width:20px;height:15px;margin-left:-10px;display:block;position:absolute;left:50%;bottom:-14px;z-index:1000;} /* Secondary */ #secondary {position:absolute;top:20px;right:20px;} #secondary ol {padding:0;margin:0;width:400px;position:relative;} #secondary ol li{float:right;list-style-type:none;display:inline;text-align:right;} #secondary ol li a{padding:0 0.5em;border-left:1px solid #5B5B5B;color:#5B5B5B;font-size: 0.857143em;} #secondary ol li a:hover{color:#810052;} #secondary ol li:last-of-type a{padding-left:0;border:none;} #secondary ol li:first-of-type a{padding-right:0;} /* Tertiary */ #tertiary {position:absolute;bottom:20px;right:20px;} #tertiary ol {padding:0;margin:0;position:relative;width:400px;} #tertiary ol li{float:right;list-style-type:none;display:inline;text-align:right;} #tertiary ol li a{padding:0 0.5em;border-left:1px solid #5B5B5B;color:#810052;font-size: 0.857143em;} #tertiary ol li a:hover{color:#5B5B5B;} #tertiary ol li:last-of-type a{padding-left:0;border:none;} #tertiary ol li:first-of-type a{padding-right:0;} /* Section */ #section {position:relative;display:block;margin-top:-0.5em;margin-bottom:1em;} .listing #section {margin-bottom:0;} #section ol {margin:0 0 0.4em 0;padding:0;} #section ol li{float:left;list-style-type:none;padding:0;margin:0;font-size: 1.071429em;white-space:pre;} #section ol li a{padding:0 0.5em 0 0;margin:0 0.5em 0 0;border-right:1px solid #5B5B5B;color:#5B5B5B;} #section ol li a:hover{color:#810052;} #section ol li.selected a{color:#B2B3B5;cursor:default;} #section ol li:last-of-type a{border:none;} /* Breadcrumb */ nav#breadcrumb{position:relative;top:0;left:0;padding:0;width:980px;display:block;background-color:#F6F6F6;background-image:url('/site_assets/pattern-diagonal-light.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0.08,rgb(168,168,168)),color-stop(0.66,rgb(218,218,220)));background-image:url('/site_assets/pattern-diagonal-light.png'),-moz-linear-gradient(center bottom,rgb(168,168,168) 8%,rgb(218,218,220) 66%);background-image:url('/site_assets/pattern-diagonal-light.png'),-o-linear-gradient(90deg,rgb(168,168,168) 8%,rgb(218,218,220) 66%);} .no-cssgradients nav#breadcrumb{background:#F6F6F6 url('/site_assets/bg-breadbrumb.jpg') repeat-x top left;} nav#breadcrumb ol{padding:0;margin:0;} #breadcrumb li{list-style-type:none;float:left;padding:0.7em 1.2em 0.7em 0.5em;background:url('/site_assets/divider-breadcrumb.png') no-repeat right top;} #breadcrumb li:first-child{padding-left:1.3em;} /*#breadcrumb li:first-child a{padding:0.7em 1em;width:36px;height:21px;background:url('/site_assets/sprites.png') no-repeat -390px 0;display:block;text-indent:-9999px;} #breadcrumb li:first-child a:hover{background-position:-460px 0;}*/ #breadcrumb li:last-child {background:none;}/*#breadcrumb li:last-child {background:none;}*/ #breadcrumb li:only-child {width:36px;height:21px;padding:0.7em 1em;background:url('/site_assets/sprites.png') no-repeat -380px 0;display:block;text-indent:-9999px;} #breadcrumb li a{float:left;color:#FFF;} #breadcrumb li a:hover{color:#59595B;} #breadcrumb li.selected a {color: #59595B; cursor: default;} /* Social Media */ #social-media {position:absolute;top:88px;right:20px;width:185px;} #social-media h1{position:absolute;left:0;z-index:1;height:auto;float:left;clear:none;display:inline-block;text-align:right;font-size:1em;margin:0 0.5em 0 0;padding:18px 0 0 0;} #social-media ul{padding:0;margin:0;width:110px;position:relative;float:right;} #social-media ul li{float:left;list-style-type:none;display:inline;padding:0;margin:0;} #social-media ul li a{width:32px;height:32px;display:block;text-indent:-9999px;margin-right:0.5em;padding:0;} #social-media ul li:nth-child(1) a{background:url('/site_assets/sprites.png') no-repeat 0 -120px;} #social-media ul li:nth-child(1) a:hover{background-position: -40px -120px;} #social-media ul li:nth-child(2) a{background:url('/site_assets/sprites.png') no-repeat 0 -160px;} #social-media ul li:nth-child(2) a:hover{background-position: -40px -160px;} #social-media ul li:nth-child(3) a{background:url('/site_assets/sprites.png') no-repeat 0 -200px;margin-right:0;} #social-media ul li:nth-child(3) a:hover{background-position: -40px -200px;} /*Global site search*/ #global_search {position:relative;top:4px;right:20px;width:210px;float:right;padding:0;margin:0;overflow:visible;} #global_search fieldset { width: 160px; padding: 0; margin: 0; float: left; overflow:visible; } #global_search input {height:28px;line-height:28px;width:146px;padding:0 5px;margin:0;background:#FFF;color:#868688;border-color:#EAEAEA;float:left;} #global_search input[type=submit]{clear:none;width:50px;height:32px;line-height:32px;padding:0 5px;margin:0;float:left;border:none;background:#810052;color:#EEF9FE;padding:0.357143em 0.4em;display:block;font-size:1em;line-height:1.5em;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} #global_search input[type=submit]:hover{color:#EEF9FE;background-color:#868688;cursor:pointer;} #global_search p.sserror { color: #AF003B; position: absolute; bottom: -28px; width: 200px; padding: 0; margin: 0; clear: both; z-index: 1000; } /* --[ =FOOTER ]--------------------------- */ footer div.container{position:relative;display:block;background:#666769;background:url('/site_assets/pattern-diagonal-light.png')repeat-x bottom left,-webkit-gradient(linear,left bottom,left top,color-stop(0.33,rgb(102,103,105)),color-stop(0.74,rgb(64,64,64)));background:url('/site_assets/pattern-diagonal-light.png')repeat-x bottom left,-moz-linear-gradient(center bottom,rgb(102,103,105) 33%,rgb(64,64,64) 74%);background-image:url('/site_assets/pattern-diagonal-light.png')repeat-x bottom left,-o-linear-gradient(90deg,rgb(102,103,105) 33%,rgb(64,64,64) 74%);padding:20px;width:940px;margin-bottom:1em;} .no-cssgradients footer div.container{background:#666769 url('/site_assets/bg-footer-div.jpg') repeat-x top left;} .vcard,.copyright {margin-left:20px;} .vcard p {font-size: 0.857143em; line-height: 0.875em;padding:0.357143em;color:#868688;} .copyright {font-size: 0.714286em; line-height: 1.05em;padding:0.357143em;color:#868688;} .vcard p.adr, .vcard p.tel, .vcard p.email-link {float:left;display:inline;margin-right:0.3em;} .vcard p.adr,.vcard p.tel{border-right:1px solid #868688;padding-right:0.5em;} /* Music directory */ #locator{margin-top:10px;} #locator input:not([type=submit]);{width:182px;margin:0;} #locator select{width:200px;margin:0 0 5px 0;} #locator button{float:right;margin:0;} #locator p.error{margin:0;padding:0 0 0.3em 0;} .global_find,#tweets,#mc_wrap,#promo-footer, #promo-footer2 { width: 200px; margin-right: 20px; float: left; display: inline; background: #FFF; padding: 10px; min-height: 180px; position: relative; } #promo-footer{margin-right:0;background:#FFF;} #promo-footer img{position:absolute;top:10px;left:10px;bottom:10px;width:200px;} #promo-footer.default{background:#000;} #promo-footer.default img{background:#000;} #promo-footer a img{-webkit-transition:opacity .25s .1s ease-in-out;-moz-transition:opacity .25s .1s ease-in-out;-o-transition:opacity .25s .1s ease-in-out;transition:opacity .25s .1s ease-in-out;} #promo-footer a:hover img{opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);} #promo-footer2{background:#FFF;} #promo-footer2 img{position:absolute;top:10px;left:10px;bottom:10px;width:200px;} #promo-footer2.default{background:#000;} #promo-footer2.default img{background:#000;} #promo-footer2 a img{-webkit-transition:opacity .25s .1s ease-in-out;-moz-transition:opacity .25s .1s ease-in-out;-o-transition:opacity .25s .1s ease-in-out;transition:opacity .25s .1s ease-in-out;} #promo-footer2 a:hover img{opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);} /* Calendar */ #mc_calendar {padding-top:3px;width:200px;} #mc_calendar p {margin:0;padding:0 0 7px 0;width:200px;} #mc_calendar p a:nth-of-type(2){position:absolute;width:110px;text-align:center;left:55px;height:25px;line-height:25px;z-index:1;} #mc_prev_month,a#mc_next_month{font-size: 0.928571em;background:#B2B3B5;color:#EEF9FE;padding:0 0.357143em;height:25px;line-height:25px;display:inline;float:left;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} a#mc_next_month{right:10px;position:absolute;} #mc_prev_month:link:hover, #mc_prev_month:visited:hover, #mc_next_month:link:hover, #mc_next_month:visited:hover{color:#FFF;background-color:#AF003B;cursor:pointer;} #mc_calendar table{width:200px;position:relative;} #mc_calendar table th,#mc_calendar table td { padding: 0; border: 1px solid #FFF; text-align: center; height: 23px; font-size: 0.928571em; } .has_events:not(.mc_pad),.weekend.has_events:not(.mc_pad){background:#810052;-webkit-transition:background .25s .1s ease-in-out;-moz-transition:background .25s .1s ease-in-out;-o-transition:background .25s .1s ease-in-out;transition:background .25s .1s ease-in-out;} th {background:#EAEAEA;} th.weekend {background:#CECECE;} .weekday {background:#F3F3F3} .weekend {background:#E3E3E3} .has_events a {color:#FFF;} .has_events a:hover {color:#FFF;} .has_events:not(.mc_pad):hover {background:#AF003B;} .has_events.today a {color:#FFF;} .has_events.today a:hover {color:#FFF;} .has_events.today:not(.mc_pad):hover {background:#AF003B;} .weekday.has_events {background:#810052;} .weekday.has_events:hover {background:#AF003B;} .weekday.has_events a {color:#FFF;} .today{background:#FFB50E;} .today.has_events:not(.mc_pad) {color:#C66C1D;background:#FFB50E;} .today.has_events:hover {background:#810052;} .today.has_events a {color:#FFF;} /* Twitter panel */ .global_find h1,#tweets h1,#mc_wrap h1,#promo-banner-footer h1{font-size:1.142857em;line-height:1.3125em;} .tweet{word-wrap:break-word;} #tweets article{padding:0.5em;background:#810052;margin-top:0.8em;min-height:163px;bottom:0;} #tweets article h1 {font-size:1.071429em;line-height:1.3125em;color:#FFF;} #tweets article p {font-size:0.8em;color:#fff;margin:0;padding:0;} #tweets article a {color:#FFF;} #tweets article a:hover {color:#C66C1D;} .twitter-follow-button {position:absolute;top:10px;right:10px;} /* --[ =PLACEHOLDER PAGES ]-------------------- */ .placeholder.join [role="main"] article, .placeholder.oneUp [role="main"] article, .placeholder.twoUp [role="main"] article, .placeholder.threeUp [role="main"] article, .placeholder.fourUp [role="main"] article, .placeholder.fiveUp [role="main"] article, .placeholder.sixUp [role="main"] article {float:left;margin:0 20px 15px 0;padding-bottom:50px;position:relative;} .placeholder.threeUp [role="main"] article:first-of-type {float:left;margin:0 0 15px 0;} .placeholder.fourUp.members [role="main"] article:nth-of-type(even) {margin-right:0;margin-bottom:0;} .placeholder.fourUp.members [role="main"] article {padding-bottom:0;} .placeholder.sixUp [role="main"] article:nth-of-type(2) {float:left;margin:0 0 15px 0;} .placeholder [role="main"] article:last-of-type {margin-right:0;margin-bottom:0;} .placeholder [role="main"] article figure figcaption{position:relative;background:#C66C1D;padding:15px;display:block;min-height:30px;} .js.placeholder [role="main"] article figure figcaption{height:35px;} .placeholder [role="main"] article figure figcaption h1{margin-bottom:0.5em;color:#FFF;font-size:1.857143em;line-height:1.3125em;} .placeholder [role="main"] article figure figcaption p {padding-bottom:0.714286em;color:#FFF;} .js.placeholder [role="main"] article figure figcaption p {display:none;line-height:1.3em;} .js.placeholder [role="main"] article figure img:first-child {margin:0;padding:none;display:block;} .placeholder [role="main"] article figure figcaption a{position:relative;display:block;z-index:200;text-decoration:none;color:#FFF;text-decoration:none;z-index:1000;} .placeholder [role="main"] article figure figcaption a:active{outline:none;} .placeholder [role="main"] article figure figcaption a:hover{color:#000;text-decoration:none;} .placeholder [role="main"] article figure figcaption.width940 p:last-child {width:65%;} .placeholder [role="main"] article figure figcaption.plum{color:#FFF;background-color:#810052;background-image:url('/site_assets/pattern-diagonal-dark.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(71,0,46)),color-stop(0.5,rgb(129,0,82)));background-image:url('/site_assets/pattern-diagonal-dark.png'),-moz-linear-gradient(center bottom,rgb(71,0,46) 0%,rgb(129,0,82) 50%);background-image:url('/site_assets/pattern-diagonal-dark.png'),-o-linear-gradient(90deg,rgb(71,0,46) 0%,rgb(129,0,82) 50%);} .placeholder [role="main"] article figure figcaption.yellow{color:#FFF;background-color:#FFB50E;background-image:url('/site_assets/pattern-diagonal-light.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(143,141,23)),color-stop(0.5,rgb(255,183,14)));background-image:url('/site_assets/pattern-diagonal-light.png'),-moz-linear-gradient(center bottom,rgb(143,141,23) 0%,rgb(255,183,14) 50%);background-image:url('/site_assets/pattern-diagonal-light.png'),-o-linear-gradient(90deg,rgb(143,141,23) 0%,rgb(255,183,14) 50%);} .placeholder [role="main"] article figure figcaption.orange{color:#FFF;background-color:#C66C1D;background-image:url('/site_assets/pattern-diagonal-dark.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(143,78,21)),color-stop(0.5,rgb(198,108,29)));background-image:url('/site_assets/pattern-diagonal-dark.png'),-moz-linear-gradient(center bottom,rgb(143,78,21) 0%,rgb(198,108,29) 50%);background-image:url('/site_assets/pattern-diagonal-dark.png'),-o-linear-gradient(90deg,rgb(143,78,21) 0%,rgb(198,108,29) 50%);} .placeholder [role="main"] article figure figcaption.red{color:#FFF;background-color:#AF003B;background-image:url('/site_assets/pattern-diagonal-dark.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(105,0,37)),color-stop(0.5,rgb(175,0,58)));background-image:url('/site_assets/pattern-diagonal-dark.png'),-moz-linear-gradient(center bottom,rgb(105,0,37) 0%,rgb(175,0,58) 50%);background-image:url('/site_assets/pattern-diagonal-dark.png'),-o-linear-gradient(90deg,rgb(105,0,37) 0%,rgb(175,0,58) 50%);} .placeholder [role="main"] article figure figcaption.lime{color:#FFF;background-color:#BDBB1B;background-image:url('/site_assets/pattern-diagonal-light.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(145,141,22)),color-stop(0.5,rgb(189,186,27)));background-image:url('/site_assets/pattern-diagonal-light.png'),-moz-linear-gradient(center bottom,rgb(145,141,22) 0%,rgb(189,186,27) 50%);background-image:url('/site_assets/pattern-diagonal-light.png'),-o-linear-gradient(90deg,rgb(145,141,22) 0%,rgb(189,186,27) 50%);} .placeholder [role="main"] article figure figcaption.blue{color:#FFF;background-color:#0062A2;background-image:url('/site_assets/pattern-diagonal-dark.png'),-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(0,63,105)),color-stop(0.5,rgb(0,97,162)));background-image:url('/site_assets/pattern-diagonal-dark.png'),-moz-linear-gradient(center bottom,rgb(0,63,105) 0%,rgb(0,97,162) 50%);background-image:url('/site_assets/pattern-diagonal-dark.png'),-o-linear-gradient(90deg,rgb(0,63,105) 0%,rgb(0,97,162) 50%);} .no-cssgradients.placeholder [role="main"] article figure figcaption.plum{background:#810052 url('/site_assets/bg-gradient-plum.png') repeat-x top left;} .no-cssgradients.placeholder [role="main"] article figure figcaption.yellow{background:#FFB50E url('/site_assets/bg-gradient-yellow.png') repeat-x top left;} .no-cssgradients.placeholder [role="main"] article figure figcaption.orange{background:#C66C1D url('/site_assets/bg-gradient-orange.png') repeat-x top left;} .no-cssgradients.placeholder [role="main"] article figure figcaption.red{background:#AF003B url('/site_assets/bg-gradient-red.png') repeat-x top left;} .no-cssgradients.placeholder [role="main"] article figure figcaption.lime{background:#BDBB1B url('/site_assets/bg-gradient-lime.png') repeat-x top left;} .no-cssgradients.placeholder [role="main"] article figure figcaption.blue{background:#0062A2 url('/site_assets/bg-gradient-blue.png') repeat-x top left;} .placeholder [role="main"] article figure .figureContainer {position:absolute;bottom:0;display:block;padding:0;margin:-15px 0 0 0;clear:both;} .placeholder [role="main"] article figure .figureContainer img{width:25px;height:15px;position:relative;clear:both;left:20px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} /* .placeholder [role="main"] article figure figcaption:before{width:25px;height:15px;margin-left:-10px;display:block;position:absolute;left:30px;top:-15px;z-index:1000;} .placeholder [role="main"] article figure figcaption.plum:before{content:'';background:url('/site_assets/sprites.png') no-repeat 0 -300px;} .placeholder [role="main"] article figure figcaption.yellow:before{content:'';background:url('/site_assets/sprites.png') no-repeat -70px -300px;} .placeholder [role="main"] article figure figcaption.orange:before{content:'';background:url('/site_assets/sprites.png') no-repeat -105px -300px;} .placeholder [role="main"] article figure figcaption.red:before{content:'';background:url('/site_assets/sprites.png') no-repeat -140px -300px;} .placeholder [role="main"] article figure figcaption.lime:before{content:'';background:url('/site_assets/sprites.png') no-repeat -175px -300px;} .placeholder [role="main"] article figure figcaption.blue:before{content:'';background:url('/site_assets/sprites.png') no-repeat -210px -300px;} */ /*Explicitly set widths of figcaptions to overcome bug in IE*/ .placeholder figcaption.width172 {width:142px;} .placeholder figcaption.width220 {width:190px;} .placeholder figcaption.width460 {width:430px;} .placeholder figcaption.width940 {width:910px;} /* --[ =LISTINGS PAGE ]----------------------- */ .listing [role="main"] #content {padding:10px 180px 0 180px;width:580px;position:relative;} .listing [role="main"] article {width:460px;float:left; margin:0 20px 20px 0;} .listing [role="main"] article h1 {margin:0 0 0.5em 0;} .listing [role="main"] article:nth-of-type(even) {margin-right:0;} .listing [role="main"] article p:last-of-type {padding-bottom:0.5em;} .listing .pagination {clear:both;padding:2em 0 0 0;margin:0 ;} .listing .pagination p {padding:0;margin:0;display:inline;float:left;font-weight:bold;} .listing .pagination ol {padding:0;margin:-0.2em 0 0 0;display:inline;float:left;} .listing .pagination ol li {display:inline;float:left;list-style:none;} .listing .pagination ol li {margin-left:0.5em;padding:0;} .listing .pagination ol li.inactive{background:#B2B3B5;color:#EEF9FE;padding:0.357143em 0.5em;display:inline-block;font-size:1em;line-height:1.5em;} .listing .pagination ol li .button{margin:0;} .listing article h1 {font-size:1.8em;} .listing article figure {margin-bottom: 0.5em} .listing article figcaption {font-size:0.857143em;line-height: 1.75em;padding-bottom: 1em} .listing .no_results {padding:0;display:block;clear:both;} .listing.leader .no_results {padding:2em 0 0 0;display:block;clear:both;} /* --[ =STANDARD PAGE ]----------------------- */ .page [role="main"] #content {padding:10px 180px 0 180px;width:580px;position:relative;} .page.locator [role="main"] #content {padding:20px 180px 0 180px;width:580px;} .page.locator.results [role="main"] #content {padding:20px 150px 0 150px;width:640px;} .page.join #section {margin-top:0;margin-bottom:0;} .page #content figure {padding-bottom:1em;} /* --[ =ARTICLE PAGE ]----------------------- */ .page.article #content p.date {font-weight:bold;} .page.article #content figure {margin-bottom:2em;} .page.article .galleryImages {padding:0;margin:0;} .page.article .galleryImages li {list-style:none;float:left;width:186px;padding:0;margin:0 10px 0 0;} .page.article .galleryImages li:nth-of-type(3n+3) {margin-right:0;} .page.article [role="main"] img {float:left;margin:20px;position:relative;} .page.article [role="main"] form img {float:none;margin:0;} .page.article [role="main"] img.right {float:right;margin:20px -180px 20px 20px;position:relative;} .page.article [role="main"] img.left {float:left;margin:20px 20px 20px -180px;position:relative;} .page.article [role="main"] figure img {margin:0 0 20px 0;} /* --[ =SECTION SPECIFIC CONTENT ]---------- */ /*Modular elements*/ .inv{position:absolute;left:-900000px;z-index:-1;height:1px;float:left;clear:none;display:inline;} .rounded{-moz-border-radius:1.071429em;-webkit-border-radius:1.071429em;-o-border-radius:1.071429em;border-radius:1.071429em;} .center {margin-left:auto;margin-right:auto;} p.logininfo {margin-top:-15px;color:#868688;} .standfirst {font-size:1.285714em;line-height: 1.4em;} section.standfirst{margin-top: 1em;} section.standfirst p:only-child{padding-bottom: 10px;} [role="main"] .hr{height:45px;width:940px;background:transparent url('/site_assets/divider.png') no-repeat left top;border:none;clear:both;display:block;margin:0 0 20px 0;} /*Leaders*/ .leader [role="main"] #leader{padding:20px 450px 20px 20px;background:black;width:470px;position:relative;min-height:200px;} .leader [role="main"] #leader h1, .leader [role="main"] #leader p, .leader [role="main"] #leader figcaption {color:#FFF;} .leader #section {margin-top:0;margin-bottom:0;} #leader{position:relative;top:20px;margin-bottom:20px;padding:20px 450px 20px 20px;background:black;width:470px;clear:both;min-height:200px;display:inline-block;} #leader h1, #leader p:not(.error), #leader figcaption {color:#FFF;} #leader p:last-of-type {padding-bottom:0;} #leader form p:first-of-type {padding-bottom:0;} #leader label{color:#B2B3B5;} #leader a:not(.button){color:#FFF;} #leader a:not(.button):link:hover,#leader a:not(.button):visited:hover{color:#810052;} .musicjournal [role="main"] #leader{background:#000 url('/site_assets/leaders/music-journal.jpg') no-repeat top right;} .features [role="main"] #leader{background:#000 url('/site_assets/leaders/features.jpg') no-repeat top right;} .campaigns [role="main"] #leader{background:#000 url('/site_assets/leaders/campaigns.jpg') no-repeat top right;} .press [role="main"] #leader{background:#000 url('/site_assets/leaders/press.jpg') no-repeat top right;} .directorysearch [role="main"] #leader{background:#000 url('/site_assets/leaders/find-a-musician.jpg') no-repeat top right;margin-top:-10px;} .memberslogin [role="main"] #leader{background:#000 url('/site_assets/leaders/press.jpg') no-repeat top right;margin-top:-10px;} .join [role="main"] #leader.full_membership_benefits{background:#000 url('/site_assets/leaders/membership_benefits.jpg') no-repeat top right;} .join [role="main"] #leader.full_membership{background:#000 url('/site_assets/leaders/full.jpg') no-repeat top right;} .join [role="main"] #leader.graduate_rate{background:#000 url('/site_assets/leaders/graduate.jpg') no-repeat top right;} .join [role="main"] #leader.student_membership{background:#000 url('/site_assets/leaders/student.jpg') no-repeat top right;} .join [role="main"] #leader.corporate_membership{background:#000 url('/site_assets/leaders/corporate.jpg') no-repeat top right;} .join [role="main"] #leader.associate_membership{background:#000 url('/site_assets/leaders/associate.jpg') no-repeat top right;} .corporatemembers [role="main"] #leader{background:#000 url('/site_assets/leaders/corporate.jpg') no-repeat top right;} /*Join*/ .placeholder.join [role="main"] article {padding-bottom:85px;} .placeholder.join [role="main"] article figure figcaption {padding-top:10px;padding-bottom:10px;} .placeholder.join [role="main"] article figure figcaption h1 {margin:0;} .placeholder.join [role="main"] article figure figcaption p {padding:0;font-size: 0.928571em;line-height:130%;} .placeholder.join [role="main"] article figure figcaption p:first-of-type {font-size:1.285714em;line-height: 1.166667em;padding-bottom:1em;} .join [role="main"] section#content{padding-top:20px;} .placeholder.join [role="main"] article figure img{-webkit-transition:opacity .25s .1s ease-in-out;-moz-transition:opacity .25s .1s ease-in-out;-o-transition:opacity .25s .1s ease-in-out;transition:opacity .25s .1s ease-in-out;} .placeholder.join [role="main"] article figure a:hover img {opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);} .placeholder.join [role="main"] article figure .figureContainer:hover img {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);} /*Jobs*/ .job article h2 {margin-top:0;} /*Contacts*/ .contacts article h1 {margin:0;padding:0;} .contacts article h1 {margin:0;padding:0;} .contacts h2 {margin:2em 0 0 0;} .contacts article h2 {margin:0;background:none;padding:0;color:#000;} /*News*/ /*.news.page.article #content p:first-child:not(.error) {font-size:1.285714em;line-height:1.166667em;}*/ .musicjournal [role="main"] article figure{float:left;display:inline;margin-right:20px;width:220px;} .musicjournal [role="main"] article div.image{float:left;display:inline;width:220px;} .musicjournal [role="main"] article figure figcaption{width:200px;} /*Events*/ .events .buttons {padding:0;margin:0.5em 0 0 0;} .events .buttons li {list-style:none;padding:0;margin:0;} .events .date {padding-bottom:0.5em;font-weight:bold;color:#868688;} /*.eventinfo [role="main"] p:first-of-type{font-size:1.428571em;line-height:1.05em;padding-bottom:0.525em;}*/ .eventinfo #section{margin-top:0;} /*Directory search*/ .directorysearch [role="main"] form {width:460px;margin:0 20px 1em 0;float:left;} .directorysearch [role="main"] form:nth-of-type(even) {margin-right:0;} .directorysearch [role="main"] form:last-of-type {width:460px;margin:0 auto 1em auto;float:none;} .directorysearch h2 {font-size:1.571429em;line-height:1.5em;padding:0.375em 0 0.75em 0;color:#59595B;background:none;padding:0;} .directorysearch h3 {font-size:1.142857em;line-height:1.3125em;} .directorysearch .hr {margin:0;} /*Discounts*/ .discounts p.standfirst {padding:0.3em 0} /*Advice*/ .advice p.standfirst {padding:0.3em 0} /*html{background:url('/site_assets/grid.png')repeat-y top center;}*/ /* --[ =JQUERY MODULAR COMPONENTS ]---------- */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('/site_assets/fancybox/fancybox.png');} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;} #fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;} #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('/site_assets/fancybox/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;} #fancybox-frame{width:100%;height:100%;border:none;display:block;} #fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('/site_assets/fancybox/blank.gif');z-index:1102;display:none;} #fancybox-left{left:0px;} #fancybox-right{right:0px;} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;} #fancybox-left-ico{background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -30px;} #fancybox-right-ico{background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -60px;} #fancybox-left:hover,#fancybox-right:hover{visibility:visible;/* IE6 */} #fancybox-left:hover span{left:20px;} #fancybox-right:hover span{left:auto;right:20px;} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('/site_assets/fancybox/fancybox-x.png');} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -162px;} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('/site_assets/fancybox/fancybox-y.png');background-position:-20px 0px;} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -182px;} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('/site_assets/fancybox/fancybox-x.png');background-position:0px -20px;} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -142px;} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('/site_assets/fancybox/fancybox-y.png');} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('/site_assets/fancybox/fancybox.png');background-position:-40px -122px;} #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;} .fancybox-title-outside{padding-top:10px;color:#fff;} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;} #fancybox-title-over{padding:10px;background-image:url('/site_assets/fancybox/fancy_title_over.png');display:block;} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;} #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;} #fancybox-title-float-wrap td{border:none;white-space:nowrap;} #fancybox-title-float-left{padding:0 0 0 15px;background:url('/site_assets/fancybox/fancybox.png') -40px -90px no-repeat;} #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('/site_assets/fancybox/fancybox-x.png') 0px -40px;} #fancybox-title-float-right{padding:0 0 0 15px;background:url('/site_assets/fancybox/fancybox.png') -55px -90px no-repeat;} /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");} #fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 :document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop )) + 'px');} #fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_loading.png',sizingMethod='scale');} /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_assets/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* --[ =THIRD-PARTY SOFTWARE STYLES]--------- */ /* --[ = DIRCTORY LISTINGS ]----------------- */ div.listing{position:relative;padding:1.071429em 15px;background:none;margin-bottom:0.714286em;} div.listing span.date{background-color:#868688;color:#FFFFFF;padding:0.3em 0.5em;margin-top:-3px;white-space:pre-wrap;display:inline-block;} div.listing h2{background-color:#58585A;color:#FFFFFF;white-space:pre-wrap;display:inline-block;padding:0.3em 0.5em;font-size:1.142857em;font-weight:normal;margin:0 0 3px 0;} div.listing h2.link,div.listing h3.link,div.listing p.link { background-color: #810052; color: #FFFFFF; white-space: pre-wrap; display: inline-block; padding: 0; font-size: 1.142857em; font-weight: normal; margin-top: 0; float:left; } div.listing a span.linktext {position:relative;padding-left:10px;line-height:30px;} div.listing h2.link a,div.listing h3.link a,div.listing p.link a{padding:0.3em 0.5em;display:inline-block;} div.listing h2.link a:hover,div.listing h3.link a:hover,div.listing p.link a:hover{text-decoration:none;background-color:#810052;color:#FFFFFF;} div.listing h2.link a:link, div.listing h3.link a:link { text-decoration: none; color:#FFFFFF; } div.listing h2.link a:visited, div.listing h3.link a:visited { text-decoration: none; color:#FFFFFF; } div.listing h2.link a:link:hover,div.listing h2.link a:visited:hover,div.listing h3.link a:link:hover,div.listing h3.link a:visited:hover{text-decoration:none;color:#FFFFFF;} div.listing h2.link a:link:focus, div.listing h2.link a:visited:focus, div.listing h3.link a:link:focus, div.listing h3.link a:visited:focus { text-decoration: none; } div.listing h2.link a:link:active, div.listing h2.link a:visited:active, div.listing h3.link a:link:active, div.listing h3.link a:visited:active { text-decoration: none; color:#FFFFFF; } div.listing p.link a:link { text-decoration: none; color: #FFFFFF; -webkit-transition:background-color .25s .1s ease-in-out;-moz-transition:background-color .25s .1s ease-in-out;-o-transition:background-color .25s .1s ease-in-out;transition:background-color .25s .1s ease-in-out; } div.listing p.link a:visited { text-decoration: none; color:#FFFFFF; } div.listing p.link a:link:hover, div.listing p.link a:visited:hover { text-decoration: none; color:#FFFFFF; background-color: #868688;} div.listing p.link a:link:focus, div.listing p.link a:visited:focus { text-decoration: none; } div.listing p.link a:link:active, div.listing p.link a:visited:active { text-decoration: none; color:#FFFFFF; } div.listing p a:link { text-decoration: none; color:#810052; } div.listing p a:visited { text-decoration: none; color:#810052; } div.listing p a:link:hover, div.listing p a:visited:hover { text-decoration: none; color:#868688; } div.listing p a:link:focus, div.listing p a:visited:focus { text-decoration: none; } div.listing p a:link:active, div.listing p a:visited:active { text-decoration: none; color:#810052; } div.listing.image {padding-left:140px;} div.listing.image img{position:relative;display:inline;float:left;margin-left:-125px;} div.listing div.panel_content {width:100%;} /* --[ = 3Si SIGN-UP FORMS ]----------------- */ div.directory_listing {margin:0;color:#000000;font-weight:normal;} div.directory_listing p.pagination a:link:hover, div.directory_listing p.pagination a:visited:hover { text-decoration: underline; } div.directory_listing div.listing {position:relative; padding: 10px 80px 10px 0; border-top: 1px solid #999999;background:none;} div.directory_listing div.listing p.link {position:relative;margin:0 0 0.3em 0;display:inline-block;} div.directory_listing div.listing p.link span.linktext {position:absolute; right:-60px;} div.directory_listing div.listing div.distance {position:absolute;top:-6px;right:-5px;} div.directory_listing div.listing p {margin:0 0 0.142857em 0;color:#000000;font-weight:normal;} div.directory_listing div.listing p.address {font-weight:bold;clear:both;} div.directory_listing div.listing p.contact_details {font-size: 0.857143em;} div.directory_listing div.listing p.contact_details span.seperator {color:#999999;} /* Directory details */ div#member_details input#btnBackToListPage {position:absolute;right:0;z-index:20;} div#member_details p.qualifications{margin:-0.3em 0 0 0;font-weight:bold;color:#666666;padding-bottom:1em;} div#member_details div.contact{margin:0.5em 0 0 0} div#member_details h3 {margin:1.5em 0 0.5em 0;} div#member_details div.contact_details{margin:0 0 1.5em 0} /* Global elements */ {color:#000000;padding:0;margin:0;} div#OMMainDiv {border:none;padding:0;margin:0;} div#OMMainDiv form {border:none;padding:0;margin:0;} .OMMainForm {padding:0;margin:0;} /* Form elements */ div#iframeWrapper iframe{border:none;} div#iframeWrapper div#notice {background:red; margin: 1em 0;color:#FFFFFF;} div#iframeWrapper div#notice p {margin:0;color:#FFFFFF;} div#iframeWrapper #inneriframe {position:absolute;top:0;left:0;visibility: hidden;} div#panel1, div#panel2{margin:0 0 1em 0!important;} /* Breadcrumb */ div#iframeWrapper ul.breadcrumb {padding:0;margin:0 0 2em 0;} div#iframeWrapper ul.breadcrumb li{color:#810052;list-style-type:none;float:left;margin:0;padding:0.4em;background:#FFFFFF;border-left:2px solid #B9B9BD;overflow:visible;white-space:pre-wrap;display:inline-block;} div#iframeWrapper ul.breadcrumb li.last{border-right:2px solid #FFFFFF;} div#iframeWrapper ul.breadcrumb li.selected{background:#810052;border-left:2px solid #810052;color:#FFFFFF;} /* Statement page */ div#iframeWrapper div#OMMainDiv span.OMFieldLabel{text-align:left!important;color:#000000!important;line-height:1em!important;} div#iframeWrapper div#OMMainDiv span#ctl00_WebtoolsMain_lblGuidance.OMGuidanceText{text-align:left;;color:#810052;line-height:1em;} div#iframeWrapper div#OMMainDiv.OMCheckoutASPX form#aspnetForm tr td span{text-align:left;color:#000000;line-height:1em;} /* --[ =3Si Web Tools ]------------------ */ div#ctl00_WebtoolsMenu{ display:none;} /* Faux label */ div#iframeWrapper form fieldset p.faux_label{position:relative;display:block;font-size:0.857143em;line-height:1.4em;font-weight:bold;clear:both;float:none;color:#000000;padding:0 0 0.35em 0;margin:0.5em 0 0 0;} div#iframeWrapper form fieldset p.faux_label span{font-weight:normal;} div#iframeWrapper div#ctl00_WebtoolsMain_CHK1 span.faux_label,div#ctl00_WebtoolsMain_CHK2 span.faux_label{position:relative;display:block;font-size:0.857143em;line-height:1.4em;font-weight:bold;clear:both;float:none;color:#000000;padding:0 0 0.35em 0;margin:1em 0 0 0;} /* Label*/ div#iframeWrapper form fieldset label{position:relative;display:block;font-size:0.857143em;line-height:1.4em;font-weight:bold;float:none;clear:both;color:#000000;padding:0 0 0.35em 0;margin:0.5em 0 0 0;} div#iframeWrapper form fieldset label.padding{padding:0 0 0 1.5em;} div#iframeWrapper form fieldset label span{font-weight:normal;font-size:1.142857em;line-height:1.4em;margin-left:3px;} /* Remove width on non-standard input types, i.e file, combo-boxes*/ div#iframeWrapper form fieldset .ns_input, div#iframeWrapper form fieldset .ns_input:focus{width:auto!important;} div#iframeWrapper form fieldset .no_border, div#iframeWrapper form fieldset .no_border:focus{border:none;} /* Override style for radio and checkboxes */ div#iframeWrapper form fieldset .radio, div#iframeWrapperform fieldset .checkbox{float:left;display:inline;margin:0.357143em 5px 0.357143em 0;clear:none;width:auto!important;border:none;position:relative;} div#iframeWrapper form fieldset label.padding .radio, div#iframeWrapperform fieldset label.padding .radio,form fieldset label.padding .checkbox{float:left;display:inline;margin:0.357143em 0.357143em 0.357143em 0;clear:none;width:auto!important;position:relative;} div#iframeWrapper form fieldset label.padding .radio, div#iframeWrapperform fieldset label.padding .checkbox{margin-left:-1.5em;margin-right:5px;} /* Flags */ div#iframeWrapper div.listing.non_member p, ul.list li {color:#666666;} div#iframeWrapper span.block{font-size:0.785714em;background-color:#999999;color:#FFFFFF;padding:0.3em 0.5em 0.3em 0.4em;margin-top:0.5em;margin-right:0.4em;text-transform:uppercase;display:inline-block;} /* Global styles*/ div#iframeWrapper .inv{position:absolute;left:-900000px;z-index:-1;height:1px;float:left;clear:none;display:inline;} div#iframeWrapper fieldset {clear:both;} div#iframeWrapper form fieldset legend{font-size:1.285714em;line-height:1.2em;padding:0.5em 0 0 0.1em;margin:0;clear:both;display:block;color:#000000;font-weight:normal;} div#iframeWrapper form fieldset legend.inv{display:none;} div#iframeWrapper input[type="checkbox"],div#iframeWrapper input[type="radio"] { position: relative; display: block; padding: 3px 5px; margin: 0 0 0.5em 0; font-size: 1em; clear: both; font-family: Verdana,Arial,"MS Trebuchet",sans-serif; } div#iframeWrapper #btnEmail {display:inline-block;width:auto;} /* --[ =COLUMN SYSTEM ]------------------------------- */ /* We use a flexible 960 pixels 12-column grid system and have developed a flexible system to quickly create page structure. You can define a column using the following options: col [adds 15px to the right margin] one|two|three|four|six|seven|eight|nine|ten|eleven|twelve [defines width of column] padding [adds 15px padding] single|both [reduces width of column by 15 or 30 pixels] clear [optional] float [optional] btm_margin [adds 15px bottom margin to columns] last [removes the margin set by col, useful for columns that are last in the row] eg.
body{font-size:9pt;} /*Ignored by IE6; used by FF,Safari,IE7/8/9,Opera*/ p{margin:0 0 9pt 0;} h1,h2,h3,h4,h5,h6{clear:both;line-height:120%;font-weight:bold;} h1{font-size:18pt;margin:26pt 0 7pt 0;} h2{font-size:16pt;margin:24pt 0 7pt 0;} h3{font-size:15pt;margin:20pt 0 7pt 0;} h4,h5,h6{font-size:9pt;margin:18pt 0 7pt 0;} dl,ol,ul{margin:0 0 9pt 0;} ul,ol{margin:0 0 0 28pt;} li{margin:0 0 4pt 0;} ol li{list-style-type:decimal;} dt{font-weight:bold;line-height:120%;margin:9pt 0 3pt 0;} dd{margin:0 0 8pt 0;} sup,sub{position:relative;height:0;line-height:1pt;vertical-align:baseline;} sup{bottom:1pt;} sub{top:0.5pt;} ins{text-decoration:underline;} del{text-decoration:line-through;} dfn{font-style:italic;font-weight:bold;} pre{margin:0 0 9pt 0;padding:0;overflow:auto;width:100%;font-family:courier,monospace;} strong{font-weight:bold;} em{font-style:italic;} blockquote{margin:18pt 0;padding:0 0 0 18pt;} blockquote p{margin:0 0 7pt 0;} cite{font:italic 9pt/120% Georgia, Times, Serif;margin:-5pt 0 0 0;} q{font-style:italic;} hr{line-height:120%;margin:4pt 0 9pt 0;border:none;border-top:1pt solid #666;} img{margin:0 0 9pt 0;} a img{border:none;} table{margin:0 0 9pt 0;border-collapse:collapse;width:100%;} th{font-weight:bold;} tr,th,td{margin:0;padding:3pt 5pt;border:1pt solid #666;} tfoot{font-size:7pt;line-height:130%;margin:0 0 18pt 0;font-style:italic;} table caption{height:18pt;margin:0;} /*Bespoke*/ /* --[ =LINKS ]--------------------------------------- */ #content a:link:after,#content a:visited:after{content:" [" attr(href) "] ";} a:link,a:visited{text-decoration:none;color:#666;} /* --[ =SITE-SPECIFIC STYLES (GLOBALLY APPLIED)]--*/ /* --[ =JQUERY MODULAR COMPONENTS ]--------------------------- */ /* --[ =CSS MODULAR COMPONENTS]--*/ /* --[ =SECTION-SPECIFIC STYLES]--*/ /* --[ =THIRD-PARTY SOFTWARE STYLES]--*/ } @media only screen and (max-device-width:1024px) and (orientation:portrait){ /*======================= Title:Styles for iPad held at portrait orientation Author:Simon Leadbetter of Thoughtful Web | Last updated:17 April 2011 ========================*/ /* Prevent iOS, WinMobile from adjusting font size */ html {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;} /* Prevent iOS adding rounded button style to buttons */ input[type=submit] {-webkit-appearance: none;} input[type=text] {-webkit-appearance: caret;} } @media only screen and (max-device-width:1024px) and (orientation:landscape){ /*======================= Title:Styles for iPad held at landscape orientation Author:Simon Leadbetter of Thoughtful Web | Last updated:17 April 2011 ========================*/ /* Prevent iOS, WinMobile from adjusting font size */ html {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;} /* Prevent iOS adding rounded button style to buttons */ input[type=submit] {-webkit-appearance: none;} input[type=text] {-webkit-appearance: caret;} } @media only screen and (max-width:480px){ /*======================= Title:Styles for mobile devices Author:Simon Leadbetter of Thoughtful Web | Last updated:17 April 2011 ========================*/ /* Prevent iOS, WinMobile from adjusting font size */ html {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;} /* Prevent iOS adding rounded button style to buttons */ input[type=submit] {-webkit-appearance: none;} input[type=text] {-webkit-appearance: caret;} }