/* Title: Global styles for screen media. Author: Simon Leadbetter simon@cogdesign.com. Last updated: 20 August 2008 */ /* --[ =YUI RESET ]---------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ 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,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;} /* --[ =YUI BASE ]----------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} /* --[ =GRID ]--------------------------------- */ /* Activate these styles for positioning during development. */ /*html {background:transparent url('../site_assets/images/grid_system/horz_grid.gif') repeat-y left top;} html body {background:transparent url('../site_assets/images/grid_system/vert_grid.gif') repeat left top;}*/ /* --[ =LAYOUT ]------------------------------- */ /* Global */ html,html body{padding:0;margin:0;} html{width:100%;height:100%; background:#4CBBCE;} /* Header */ body{background:#fff url('../site_assets/images/generic/header_images/image_001.jpg') no-repeat top left;} div#header{width:100%; background:transparent url('../site_assets/images/generic/header_bluebg.png') no-repeat top left;} div#header div.outer{width:100%; background:transparent url('../site_assets/images/generic/header_whitebg.png') no-repeat top left;} div#header div.header_inner{height:281px; margin:0 0 0 21px; position:relative;} div#header div.header_inner #logo{display:block; text-indent:-90000px; width:144px; height:91px; position:absolute; top:20px; left:0; background:transparent url('../site_assets/images/generic/logo.gif') no-repeat top left;} div#header div.header_inner a#logo:link:hover, div#header div.inner a#logo:visited:hover{background-position:top right;} div#header div.header_inner p.strapline{display:block; text-indent:-90000px; position:absolute; top:156px; left:169px; width:662px; height:18px; background:transparent url('../site_assets/images/generic/header_strapline.gif') no-repeat top left;} div#header div.header_inner form#global_search{width:325px; height:21px; position:absolute; top:241px; left:593px;} div#header div.header_inner form#global_search input#keywords{width:156px; height:21px; position:absolute; left:87px; top:0; padding-top:0; padding-bottom:0;} div#header div.header_inner form#global_search input.error{background:#fff;border-color:#fff;color:#000;} div#header div.header_inner form#global_search label.error{width:166px; height:20px; line-height:20px; position:absolute; left:87px; top:24px; padding-top:0; padding-bottom:0;background:#fff;color:#E20042;border:1px solid #E20042;text-align:center;} div#header div.header_inner form#global_search input.button.globalsearch{background-image:url('../site_assets/images/generic/buttons/panel_red_search.gif'); width:65px; margin:0; position:absolute; top:0; right:0;} input.button.globalsearch.hover{background-position:top right;} div#header div.header_inner a.header_flag{display:block; text-indent:-90000px; position:absolute; top:20px; right:-15px; width:241px; height:148px; background-color:transparent; background-repeat:no-repeat; background-position:top left;} /* Wrapper */ div#wrapper{width:100%; background:#fff url('../site_assets/images/generic/footer_innerbg.gif') repeat-x bottom left;} div#wrapper div.wrapper_inner{position:relative; margin:0 0 0 21px; padding:0 0 125px 0;} /* Content */ div#content{background:transparent url('../site_assets/images/generic/dottedkeyline_vert.gif') repeat-y 702px 0;} /* Main content */ div#main_content {min-height:1px;} div#main_content div.standfirst p{font-size: 1.142857em; line-height:1.2em; font-weight:bold;} /* Secondary content */ div#secondary_content{min-height:1px;} /* Tertiary content */ div#tertiary_content div.panel, div#tertiary_content .button{margin-bottom:5px;} div#tertiary_content div.panel div.content{padding-right:10px; padding-left:10px;} div#tertiary_content p.link.hover{background-position:top right;} div#tertiary_content p.faux_h2{text-indent:-90000px; height:17px; background-color:transparent; background-repeat:no-repeat; background-position:top left; margin-top:0.5em;} div#tertiary_content p.forum{margin:0 0 1px 0;} div#tertiary_content a.button.ql{width:225px; clear:both;display:block;} div#tertiary_content a.button.forum{background-image:url('../site_assets/images/generic/buttons/ql_forum.gif'); height:43px;line-height:43px;} div#tertiary_content a.button.facebook{background-image:url('../site_assets/images/generic/buttons/ql_facebook.gif'); height:53px;} div#tertiary_content div.mailinglist p.faux_h2{height:29px;line-height:29px;width:173px;padding:0;margin:0;background:transparent url('../site_assets/images/generic/ql_mailinglist.gif') no-repeat center left;} div#tertiary_content div.mailinglist p.faux_h2 span{width:21px; height:21px; display:block; position:absolute; top:11px; right:10px; background:transparent url('../site_assets/images/generic/buttons/revealcontent.gif') no-repeat top left;} div#tertiary_content div.mailinglist p.faux_h2 span.hover{background-position:top right;} div#tertiary_content div.mailinglist form#quick_mailing_list div.three input{width:188px;} div#tertiary_content div.twitter p.faux_h2{background-image:url('../site_assets/images/generic/ql_twitter.gif'); height:31px;} div#tertiary_content div.show p.faux_h2{background-image:url('../site_assets/images/generic/ql_show.gif');} /* Footer */ div#footer{background:#4CBBCE; padding:0 0 2em 21px;} div#footer a{color:#fff; text-decoration:none;} div#footer a:link{color:#fff; text-decoration:none;} div#footer a:visited{color:#fff; text-decoration:none;} div#footer a:link:hover, div#footer a:visited:hover{color:#fff; text-decoration:underline;} div#footer a:link:active, div#footer a:visited:active{color:#fff; text-decoration:none;} div#footer a:link:focus, div#footer a:visited:focus{color:#fff; text-decoration:none;} /*rounded corner panel*/ div#footer div.panel.round{background:#4DCEE3 url('../site_assets/images/generic/rounded_panels/footer_tl.gif') no-repeat top left; margin:0 0 1em 0;} div#footer div.panel.round div.outer{background-image:url('../site_assets/images/generic/rounded_panels/footer_tr.gif');} div#footer div.panel.round div.inner{background-image:url('../site_assets/images/generic/rounded_panels/footer_bl.gif');} div#footer div.panel.round div.content{background-image:url('../site_assets/images/generic/rounded_panels/footer_br.gif');} div#footer div.panel.round p{color:#fff;} div#footer div#twitter_feed{padding:10px 15px 1px 15px; height:42px; width:675px;} div#footer div#twitter_feed.script{padding:0; width:705px; height:auto;} div#footer div#twitter_feed.script div.content{padding:10px 15px 1px 15px; height:42px;} div#footer div#twitter_feed a.visit_link{display:block; text-indent:-90000px; width:129px; height:31px; background:transparent url('../site_assets/images/generic/footer_twitterlogo.gif') no-repeat top left; float:left; margin:0 15px 0 0;} div#footer div#twitter_feed p{float:left; width:530px; color:#fff; margin:0;} div#footer div#twitter_feed p a{color:#000;} div#footer div#twitter_feed p a:link{color:#000; text-decoration:none;} div#footer div#twitter_feed p a:visited{color:#000; text-decoration:none;} div#footer div#twitter_feed p a:link:hover, div#footer div#twitter_feed p a:visited:hover{color:#000; text-decoration:underline;} div#footer div#twitter_feed p a:link:active, div#footer div#twitter_feed p a:visited:active{color:#000; text-decoration:none;} div#footer div#twitter_feed p a:link:focus, div#footer div#twitter_feed p a:visited:focus{color:#000; text-decoration:none;} div#footer a.visit_facebook{display:block; float:right; text-indent:-90000px; width:225px; height:53px; background:transparent url('../site_assets/images/generic/footer_facebook.gif') no-repeat top left;} div#footer div.vcard{margin:0 0 0.5em 0;} div#footer div.vcard p.heading{font-size: 1.428571em;line-height:1.2em;margin:1.275em 0 0.425em 0;}/*16px*/ div#footer div.vcard p.adr{margin:0;} div#footer div.vcard span.tel{font-size: 1.571429em; line-height:1.5em;}/*22px*/ div#footer p.registered_details{font-size: 0.714286em;line-height: 1.3em;margin:0 0 1em 0;}/*10px/130%*/ div#footer p.copyright{font-size: 0.785714em;line-height: 1.3em;margin:0 0 1em 0;}/*11px/130%*/ div#footer div#quicklinks{position:relative;background:transparent url('../site_assets/images/generic/footer_quicklinksbg.gif') repeat-y top left;} div#footer div#quicklinks ul{padding:0; margin-left:0;} div#footer div#quicklinks ul li{list-style:none; font-size: 0.928571em;} div#footer div#quicklinks ul li a{padding-left:13px;} div#footer div.footersponsor {position:relative;} div#footer ul.sponsors{position:relative; margin:0; padding:0;height:150px;} div#footer ul.sponsors li{float:left; list-style:none;} div#footer ul.sponsors li a{display:block; text-indent:-90000px; position:absolute;} div#footer ul.sponsors li a.nasuwt{background:transparent url('../site_assets/images/generic/footersponsor_nasuwt.gif') no-repeat top left; width:122px; height:45px;left:0px;top:0;} div#footer ul.sponsors li a.dcsf{background:transparent url('../site_assets/images/generic/footersponsor_dcsf.gif') no-repeat top left; width:230px;height:45px;left:122px;top:0;} div#footer ul.sponsors li a.youthmusic{background:transparent url('../site_assets/images/generic/footersponsor_youthmusic.gif') no-repeat top left; width:132px;height:68px;left:0px;top:70px;} div#footer ul.sponsors li a.prs{background:transparent url('../site_assets/images/generic/footersponsor_prs.gif') no-repeat top left; width:103px;height:68px;left:132px;top:70px;} div#footer ul.sponsors li a.mbf{background:transparent url('../site_assets/images/generic/footersponsor_mbf.jpg') no-repeat top left; width:117px;height:68px;left:235px;top:70px;} div#footer ul.sponsors li a.ace{background:transparent url('../site_assets/images/generic/footersponsor_ace.gif') no-repeat top left; width:228px;height:50px;left:0;top:0;} div#footer ul.sponsors li a.fuf{background:transparent url('../site_assets/images/generic/footersponsor_fuf.gif') no-repeat top left; width:135px;height:50px;left:228px;top:0;} div#footer ul.sponsors li a:link:hover, div#footer ul.sponsors li a:visited:hover{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);} div#footer a.designby{text-indent:-90000px; display:block; width:125px; height:40px; background:transparent url('../site_assets/images/generic/designby.gif') no-repeat top left;float:right;} div#footer a.designby:link:hover, div#footer a.designby:visited:hover{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);} /* --[ =TYPOGRAPHY ]--------------------------- */ body{font-size:87.5%;line-height:1.5em;font-family:Arial, Verdana, sans-serif; color:#000000;} /* Set base font size to 14px for Internet Explorer 6 and below on Windows */ html>body{font-size:14px;} /* Ignored by IE6, but used by Firefox, Safari, IE7, Opera */ p{font-size:1em;line-height:1.2em;margin:0 0 1em 0;} h1,h2,h3,h4,h5,h6{clear:both; display:block; font-weight:normal;} h1{font-size:2.142857em;line-height:1.2em; padding:0.5em 0 0.5em 0; margin:0; background:#fff; color:#000;}/*30px*/ h2, p.faux_h2{font-size: 1.428571em;line-height:1.2em;margin:1.275em 0 0.425em 0;}/*20px size/120% line height/ margin:1.5 units 0 0.5 units 0;*/ h3, p.faux_h3{font-size: 1.285714em;line-height:1.2em;margin:1em 0 0.583333em 0;}/*18px size/120% line height/ margin:1 units 0 0.5 units 0;*/ dl,ol,ul{margin:0 0 1em 1.4em;} dl{margin-left:0;} dl dd{color:#000000; line-height:1.2em; margin:0 0 0.5em 0;} li {color:#000000; line-height:1.2em; margin:0 0 0.5em 0;} sup,sub{position:relative;height:0;line-height:1px;vertical-align:baseline;} sup{bottom:1ex;} sub{top:.5ex;} dfn{font-style:italic;font-weight:bold;} pre {margin:0;padding:0;} blockquote {margin:0 0 1.5em 0;} blockquote p {font-size: 1.285714em; line-height: 1.2em; margin:0 0 0.29em 0;} div#main_content blockquote p{margin:0 0 0.75em 0;} blockquote p cite, blockquote p span.fullquote{font-size: 0.777778em; line-height: 1.5em; margin:0 0 1.5em 0; color:#666;} blockquote p cite{display:block;} hr{line-height:0.071429em;margin-top:-0.142858em;margin-bottom:1.5em;} img {position:relative; margin:0 0 1em 0;} a img{border:none;} table{margin-bottom:1.5em;border-collapse:collapse;} table th{font-weight:bold;text-align:left;} table tr,table th,table td{margin:0;padding:0 1.5em 0 1em;height:21px;border:none;} table tfoot{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;} table caption{height:21px;margin:0;} /*sIFR*/ /* Bespoke */ .emphasised{font-size: 1.285714em; line-height:1.2em;}/*18px*/ .strong{font-weight:bold;}/*to apply the style of the tag without declaring the element as */ html body .fleft{float:left;} html body .fright{float:right;} html body .half_margin{margin-bottom:0.5em;} html body .margintop_negative{margin-top:-0.5em;} html body .marginbottom_none{margin-bottom:0;} html body .margintop_none{margin-top:0;} html body .margintop{margin-top:1em;} html body .align_center{text-align:center;} .keyline{border-top:3px solid #E20042;} .keyline.both{border-top:3px solid #E20042; border-bottom:3px solid #E20042;} .keyline.hairline{border-top:1px solid #E20042;} .keyline.hairline.both{border-top:1px solid #E20042; border-bottom:1px solid #E20042;} p.fauxlabel{display:block; margin:0.75em 0 0.5em 0;} p.date{font-weight:bold;} p.emphasised{margin-bottom:1em;} p.subtext{font-size: 0.857143em; line-height:1.2em;} p.paginate{padding:1em 0;} p.credit{font-size: 0.857143em; line-height:1.2em; margin:-1.166667em 0 1.166667em 0; color:#666;}/*12px, equiv 14px btm margin*/ h2.underlined{border-bottom:3px solid #E20042; margin-bottom:1.275em;}/*margin-bottom:1.5 units;*/ img.border{border:3px solid #999;} div.panel.round.red p.trysearchagain{font-size: 1.428571em;line-height:1.2em;margin:0.5em 0 0.425em 0;} div#secondary_content blockquote {margin:0 0 1em 0;} div#secondary_content blockquote p {font-size: 1em; line-height: 1.2em; margin:0 0 0.5em 0;} div#secondary_content blockquote p.fullquote{margin:-0.4em 0 0.5em 0;} div#secondary_content blockquote p cite{font-size:1em; line-height: 1.2em; margin:0 0 1.5em 0; color:#000;} ul.keyline_seperated, ul.keyline_seperated_hairline{margin:0 0 1em 0; padding:0;} ul.keyline_seperated li, ul.keyline_seperated_hairline li{list-style:none; margin:0; display:inline;} ul.keyline_seperated li a{border-top:3px solid #E20042; display:block; padding:0.5em 0;} ul.keyline_seperated_hairline li a{border-top:1px solid #E20042; display:block; padding:0.5em 0;} ul.keyline_seperated li a:link, ul.keyline_seperated_hairline li a:link{text-decoration:none;color:#E20042;} ul.keyline_seperated li a:visited, ul.keyline_seperated_hairline li a:visited{text-decoration:none;color:#E20042;} ul.keyline_seperated li a:link:hover, ul.keyline_seperated li a:visited:hover, ul.keyline_seperated_hairline li a:link:hover, ul.keyline_seperated_hairline li a:visited:hover{text-decoration:none;color:#E20042;background:#E8E8E8;} ul.keyline_seperated li a:link:active, ul.keyline_seperated li a:visited:active, ul.keyline_seperated_hairline li a:link:active, ul.keyline_seperated_hairline li a:visited:active{text-decoration:none;color:#E20042;} ul.keyline_seperated li a:link:focus, ul.keyline_seperated li a:visited:focus, ul.keyline_seperated_hairline li a:link:focus, ul.keyline_seperated_hairline li a:visited:focus{text-decoration:none;color:#E20042;} ul.plain{margin:0 0 1em 0; padding:0;} ul.plain li{list-style:none;} ul.plain li a:link {color:#E20042;} ul.plain li a:visited {color:#E20042;} ul.plain li a:link:hover, ul.plain li a:visited:hover, ul.plain.black li a.hover{text-decoration:underline; color:#E20042;} ul.plain li a:link:active, ul.plain li a:visited:active {color:#E20042;} ul.plain li a:link:focus, ul.plain li a:visited:focus {color:#E20042;} ul.plain.black li a{color:#000;} ul.plain.black li a:link{color:#000;} ul.plain.black li a:visited{color:#000;} ul.plain.black li a:link:hover, ul.plain.black li a:visited:hover, ul.plain.black li a.hover{text-decoration: underline; color:#E20042;} ul.plain.black li a:link:active, ul.plain.black li a:visited:active{color:#000;} ul.plain.black li a:link:focus, ul.plain.black li a:visited:focus{color:#000;} ul.social_bookmarks{margin:-0.5em 0 1em 0; padding:0;} ul.social_bookmarks li{display:inline; list-style:none; margin:0;} ul.social_bookmarks li a{float:left; display:block; margin:0 2px 2px 0; width:16px; height:16px;} ul.social_bookmarks li a span{position:absolute; top:0; left:-9000px;} ul.thumbs{margin:0 0 1em 0; padding:0;} ul.thumbs li{list-style:none; float:left; margin:0 15px 15px 0;} ul.thumbs li img{margin:0;} ul.buttons{margin:0 0 1em 0; padding:0;} ul.buttons li{list-style:none; padding:0 0 0.5em 0; margin:0;} ul.buttons li a, ul.buttons li .button, ul.buttons li .button.large, ul.buttons li.button, ul.buttons li.button.large{margin:0;} ul.buttons.inline li{float:left; padding:0; margin:0 0.2em 0 0;} ul.buttons.inline li a{float:left;} ul.custom{margin:0 0 1em 0; padding:0;} ul.custom li{list-style:none; padding:0; margin:0;} ul.custom li a{ margin:0 0 0.5em 0; padding:0 0 0 15px; background-color:transparent; background-repeat:no-repeat; background-position:top left; display:block;} /*primarily used in forum. UL contains no anchor links*/ ul.custom.legend li{margin:0 0 0.5em 0; padding:0 0 0 30px; background-color:transparent; background-repeat:no-repeat; background-position:top left; display:block; min-height:20px;} a.keyline_seperated{border-bottom:3px solid #E20042;display:block;padding:0.5em 0;} a.keyline_seperated:link{text-decoration:none;color:#E20042;} a.keyline_seperated:visited {text-decoration:none;color:#E20042;} a.keyline_seperated:link:hover, a.keyline_seperated:visited:hover{text-decoration:none;color:#E20042;background:#E8E8E8;} a.keyline_seperated:link:focus, a.keyline_seperated:visited:focus{text-decoration:none;} a.keyline_seperated:link:active, a.keyline_seperated:visited:active{text-decoration:none;color:#E20042;} a.keyline_seperated.hairline{border-bottom:1px solid #E20042;} a.keyline_seperated.rtt{border-top:1px solid #E20042; border-bottom:none;display:block;} ul.pipe_seperated{padding:0; margin:0 0 1em 0;} ul.pipe_seperated li{margin:0; padding:0 0.5em; display:inline; list-style:none; border-right:1px solid #000;} ul.pipe_seperated li:first-child{padding-left:0;} /* --[ =LINKS ]--------------------------- */ /* These are global link styles that are often over-rided by declaration with greater specificity */ a{outline:none;} a:link{text-decoration:none;color:#E20042;} a:visited{text-decoration:none;color:#E20042;} a:link:hover, a:visited:hover{text-decoration:underline;color:#E20042;} a:link:focus, a:visited:focus{text-decoration:none;} a:link:active, a:visited:active{text-decoration:none;color:#E20042;} :focus{outline:none;} a:link:hover img, a:visited:hover img{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);} /* --[ =FORMS ]--------------------------------------- */ form {position:relative;padding:0;margin:0;} form fieldset {position:relative;padding:0;margin:0 0 0.5em 0;} form fieldset legend{display:none;} form fieldset legend.inv{display:none;} form fieldset label{display:block; line-height:1.2em; margin:0.75em 0 0.5em 0;} form fieldset input, form fieldset textarea{background:#000; border:1px solid #000; line-height:1.2em; color:#fff; padding:0.5em 5px; margin:0 0 0.5em 0;} html body div#content form fieldset input.checkbox, html body div#content form fieldset input.radio{width:1em; height:1em; margin-right:0.3em; border:none; background:transparent;} form fieldset textarea.long{height:150px;} form fieldset textarea.medium{height:100px;} form fieldset textarea.short{height:80px;} form fieldset label.error{color:#E20042;padding:0 0 0.5em 0;margin:0;font-weight:bold;} form fieldset input.error, form fieldset textarea.error{background:#E20042;color:#fff;border-color:#E20042;} form input.button{display:block; text-indent:-90000px; height:21px; background-color:transparent; background-repeat:no-repeat; background-position:top left; border:0; padding:0;} form input.button.hover{background-position:top right;} /*bespoke form styling*/ div.red label.error{color:#fff;} /*when validation is executed inside a red panel*/ div.red input.error{background:#fff;border-color:#fff;color:#E20042;} /*when validation is executed inside a red panel*/ /* --[ =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.
tabs panel")*/ /* --[ =MODULAR ELEMENTS ]------------------------------- */ /*fancyzoom - override default table styling (set in YUI BASE)*/ div#fancy_wrap th, div#fancy_wrap td{border:0; padding:0;} div#fancy_wrap th{font-weight:normal; text-align:left;} /*basic panel (can be used in conjunction with col classes ie -
PHOTO GALLERY-----*/ body#t_resources.photos ul.thumbs li.image_three{margin-right:0;} /*----AUDITIONS LISTING -----*/ div.audition_booklink a.button{float:right; margin-bottom:0.2em;} div.audition_booklink p{float:right; text-align:center; width:98px; font-size:0.9em;} /*----DISCUSSION FORUM-----*/ /*layout*/ body#t_forum p#forum_breadcrumb{margin:1.5em 0 1em 0; padding:0 0 1em 0; width:945px; background:transparent url('../site_assets/images/generic/dottedkeyline_horz.gif') repeat-x bottom left;} body#t_forum div#content{background-image:none;} /*legend (key) expanding panel*/ div#legends h2{text-indent:-90000px; background:transparent url('../site_assets/images/sections/forum/keytosymbols.gif') no-repeat center left; width:131px; height:25px; position:relative;} div#legends h2.hover{background-position:center right;} div#legends h2 span{width:21px; height:21px; display:block; position:absolute; top:3px; left:171px; background:transparent url('../site_assets/images/generic/buttons/revealcontent.gif') no-repeat top left;} div#legends h2 span.hover{background-position:top right;} /*bespoke*/ body#t_forum h1{margin-top:0; padding-top:0;} body#t_forum .alert{color:#E20042;} body#t_forum .tip{color:#666;} body#t_forum blockquote p{font-size:1em; line-height:1.2em; color:#333;} body#t_forum p.forum_faux_h2{font-size: 1.214286em;line-height:1.2em;margin:0.75em 0 0.425em 0; color:#E20042;} body#t_forum div.listing.forum div.message img, body#t_forum table img{margin:0;} /*formatting buttons*/ td.htmlButtonOuterL, td.htmlButtonOuter{padding:0 2px 0 0;} td.htmlButtonOuterL div.htmlButtonInner a, td.htmlButtonOuter div.htmlButtonInner a{background:#999999; font-weight:bold; padding:5px; display:block;} td.htmlButtonOuterL div.htmlButtonInner a, td.htmlButtonOuter div.htmlButtonInner a, td.htmlButtonOuterL div.htmlButtonInner a:link, td.htmlButtonOuterL div.htmlButtonInner a:visited, td.htmlButtonOuter div.htmlButtonInner a:link, td.htmlButtonOuter div.htmlButtonInner a:visited {color:#fff;} td.htmlButtonOuterL div.htmlButtonInner a:link:hover, td.htmlButtonOuterL div.htmlButtonInner a:visited:hover, td.htmlButtonOuter div.htmlButtonInner a:link:hover, td.htmlButtonOuter div.htmlButtonInner a:visited:hover {color:#fff; text-decoration:none; background:#E20042;} td.htmlButtonOuterL div.htmlButtonInner a:link:active, td.htmlButtonOuterL div.htmlButtonInner a:visited:active, td.htmlButtonOuter div.htmlButtonInner a:link:active, td.htmlButtonOuter div.htmlButtonInner a:visited:active {color:#fff;} td.htmlButtonOuterL div.htmlButtonInner a:link:focus, td.htmlButtonOuterL div.htmlButtonInner, td.htmlButtonOuter div.htmlButtonInner a:link:focus, td.htmlButtonOuter div.htmlButtonInner a:visited:focus{color:#fff;} /* Modular elements */ body#t_forum div.smileys{width:500px; margin:50px auto;} /*panel overrides*/ /*specifically for the forum, this panel shows a preview of a submitted post*/ div.panel.postpreview{border:1px solid #666; padding:0.5em 15px;} /*button*/ body#t_forum .button{display:block; text-indent:-90000px; background-color:transparent; background-repeat:no-repeat; background-position:top left; margin:0 0 1em 0; height:21px;} body#t_forum .button.large{height:43px; width:225px; margin:0 0 0.5em 0;} /*small*/ .button.post{width:65px; background-image:url('../site_assets/images/sections/forum/buttons/post.gif');} .button.edit{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/edit.gif');} .button.delete{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/delete.gif');} .button.move{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/move.gif');} .button.quote{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/quote.gif');} .button.merge{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/merge.gif');} .button.split{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/split.gif');} .button.ban{width:37px; background-image:url('../site_assets/images/sections/forum/buttons/ban.gif');} .button.report{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/report.gif');} .button.ignore{width:54px; background-image:url('../site_assets/images/sections/forum/buttons/ignore.gif');} .button.preview{width:68px; background-image:url('../site_assets/images/sections/forum/buttons/preview.gif');} .button.closethread{width:99px; background-image:url('../site_assets/images/sections/forum/buttons/closethread.gif');} .button.changestatus{width:90px; background-image:url('../site_assets/images/sections/forum/buttons/changestatus.gif');} .button.unsubscribefromthisthread{width:220px; background-image:url('../site_assets/images/sections/forum/buttons/unsubscribefromthisthread.gif');} .button.logout{width:65px; background-image:url('../site_assets/images/sections/forum/buttons/logout.gif');} .button.login{width:65px; background-image:url('../site_assets/images/sections/forum/buttons/login.gif');} .button.updatesigniture{width:136px; background-image:url('../site_assets/images/sections/forum/buttons/updatesigniture.gif');} .button.update{width:68px; background-image:url('../site_assets/images/sections/forum/buttons/update.gif');} .button.unsubscribe{width:103px; background-image:url('../site_assets/images/sections/forum/buttons/unsubscribe.gif');} /*large*/ .large.postreply{background-image:url('../site_assets/images/sections/forum/buttons/postreply.gif');} .large.postfastreply{background-image:url('../site_assets/images/sections/forum/buttons/postfastreply.gif');} .large.createnewtopic{background-image:url('../site_assets/images/sections/forum/buttons/createnewtopic.gif');} /*tabs ui*/ div.ui-tabs ul.tabnav li a.myaccount{width:88px; background-image:url('../site_assets/images/sections/forum/ui/tabnav_myaccount.gif');} div.ui-tabs ul.tabnav li a.tools{width:47px; background-image:url('../site_assets/images/sections/forum/ui/tabnav_tools.gif')} div.ui-tabs ul.tabnav li a.login{width:47px; background-image:url('../site_assets/images/sections/forum/ui/tabnav_login.gif')} div.ui-tabs ul.tabnav li a.register{width:67px; background-image:url('../site_assets/images/sections/forum/ui/tabnav_register.gif')} /*forum / thread / topic listing table*/ body#t_forum table.listing.forum{border:1px solid #E20042; border-top-width:4px; width:100%;} body#t_forum table.listing.forum td{border-right:1px solid #E20042;} body#t_forum table.listing.forum td{border-bottom:1px solid #E20042; padding:0.5em 10px;} body#t_forum table.listing.forum tr.thead td{background:#E8E8E8; font-weight:bold;} /*thread listing*/ body#t_forum div.listing.forum{background:#fff; padding:0; margin:0 0 1.5em 0;} body#t_forum div#content div.listing.forum div.row{background:#E8E8E8; padding:0.75em 15px 1px 15px; margin:0 0 0.2em 0;} body#t_forum div.listing.forum div.row ul{padding-bottom:0.75em; margin:0;} body#t_forum div.listing.forum div.message{padding:0.75em 0;} body#t_forum div.listing.forum div.row.info{padding-top:0.25em;} body#t_forum div.listing.forum div.row.buttons ul{margin-bottom:0.5em;} body#t_forum div.listing.forum div.row.info ul.pipe_seperated li{font-size: 0.785714em;} body#t_forum div.listing.forum div.row.info ul.pipe_seperated{margin-bottom:0.25em;} /*topic page*/ body#t_forum.viewforum h1{width:400px;} body#t_forum.viewforum .createnewtopic{position:absolute; top:0; right:0;} /*----THIRD PARTY SOFTWARE STYLES-----*/ /* scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 – 2008 Mark Wubben, See also and . This software is licensed and provided under the CC-GNU LGPL. See */ .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; } .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /*CSS rules for to-be-replaced elements */ .sIFR-active h1, .sIFR-active h2, .sIFR-active div#footer h2, .sIFR-active div#footer div.vcard p.heading, .sIFR-activediv#main_content blockquote cite, .sIFR-active div#secondary_content blockquote cite,.sIFR-active div.panel.round.red p.trysearchagain, .sIFR-active div#footer h2, .sIFR-active div#footer div.vcard p.heading, .sIFR-active blockquote cite, .sIFR-active body#t_search div.panel.round.red p.trysearchagain, .sIFR-active p.forum_faux_h2 {visibility: hidden;} .sIFR-active h1.nosifr, .sIFR-active h2.nosifr{visibility:visible;} /*jQuery fancybox*/ html, body { height: 100%; } div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../site_assets/images/fancybox/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('../site_assets/images/fancybox/fancy_loading.gif') no-repeat; z-index:35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../site_assets/images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../site_assets/images/fancybox/fancy_left.gif') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../site_assets/images/fancybox/fancy_right.gif') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../site_assets/images/fancybox/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url('../site_assets/images/fancybox/fancy_title_left.png') repeat-x;} td#fancy_title_main { height: 32px; background: transparent url('../site_assets/images/fancybox/fancy_title_main.png') repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url('../site_assets/images/fancybox/fancy_title_right.png') repeat-x; }