/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 27 September 2011 21:02:48
*/


@import url('/__data/assets/css_file/0020/410780/jquery.lightbox.css');
@import url('/__data/assets/css_file/0003/423057/jquery.fancybox-1.3.4.css');
body {
    font-family: Arial, sans-serif !important;
    font-size: 74% !important;
    color: #666 !important;
    background-color: #f0f0f0;
    border: 0;
    padding: 0;
    line-height: 1.5;
    margin: 0;
}
a, a:link, .linkstyle {
    color: #0551B3 /*#48b*/;
}
a:visited {
    color:  #777 /*#58a*/;
}
a:hover, a:focus, a:active, p.linkstyle:hover {
    color: #900;
}
.linkstyle {
    cursor: pointer;
    text-decoration: underline;
}
.clear {
    clear: both;
}
hr {
    color:#ccc;
    background-color:#ccc;
    height:1px;
    border:none;
    margin: 1em 0;
}
ol {
    margin: 0.5em 0 0.5em 2em;
}
#error_msg {
    background-color: #F7D7D7;
    border: 1px solid #E36767;
    padding: 5px;
}
img {
    border: none;
    -ms-interpolation-mode: bicubic; /*ie image resize fix!*/
}
/* Videos area */
/* ----------- */

#media-video {
    width: 220px;
    margin: 0 0 0 10px;
    float: right;
}
#video-gallery .player {
    background-color: #CCCCCC;
    width: 220px;
    height: 170px;
    text-align: center;
}
#video-gallery .item {
    width: 210px;
    padding: 5px;
    border-top: 1px solid #FFFFFF;
    background-color: #EBEBEB;
    overflow: hidden;
}
#video-gallery .item p {
    float: left;
    width: 120px;
    margin: 0 0 0 10px;
    padding: 0;
}
#video-gallery .item .thumbnail {
    float: left;
    width: 80px;
    height: 54px;
    overflow: hidden;
}
#videos h2 {
    font-size: 1.5em;
    margin: 0;
    padding-bottom: 5px;
}
#videos h2 .prev {
    margin-left: 15px;
    padding-right: 5px;
    border-right: 1px solid #CCCCCC;
}
#videos h2 .next {
    padding-left: 5px;
    margin: 0;
}
#videos h2 img {
    vertical-align: middle;
}
#videos .scroller {
    padding: 10px 0 10px 0;
    overflow: hidden;
    height: 128px;
    margin: auto;
}
#videos .scroller .item {
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 131px;
    height: 100px;
    padding: 10px;
    margin: 0 0 0 12px;
    overflow: hidden;
}
#videos .scroller .item p {
    margin: 5px 0;
}
#transcript_showhide {
    margin-top:400px;
    position:absolute;
}
#transcript_showhide a {
    cursor: pointer;
}
#transcript {
    margin-top: 40px;
}
/* Start Forms area */
/* ----------- */


fieldset {
    margin: 10px 20px;
    padding: 5px 20px;
    clear: both;
    border: 1px solid silver;
}
legend {
    font-size: 1.6em;
    color:#35649A;
    font-weight: bold;
    line-height: 2em;
}
fieldset div {
    display: block;
    clear: both;
    padding: 4px 5px;
    min-height: 10px;
    overflow: hidden;
}
fieldset div:hover {
    background-color: #F1F5F8;
}
fieldset ul {
    margin: 0 !important;
}
fieldset li {
    list-style: none;
}
fieldset h3 {
    clear: both;
    margin: 20px 0 10px;
    font-size: 1.2em;
}
label.labelArea {
    width: 300px;
    height: auto;
    display: block;
    float:left;
    margin: 0 10px 15px 0;
}
.textRight {
    text-align: right;
}
.textLeft {
    text-align: left;
}
.required {
    color: #35649A;
}
.required:after {
    content: " *";
}
.subcatRight {
    border-left:1px dotted;
    margin-left:270px;
    margin-top:-300px;
    max-width:400px;
    padding:0 20px 10px;
    position:relative;
}
#errorMsg {
    color: red;
    background-color: lightyellow;
}
/* End Forms area */
/* ----------- */




.hidden {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
div#was-information-useful {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ccc;
    display: block;
    width: 100%;
    height: 90px;
    float: left;
}
div#container {
    text-align:left
}
div#extra {
    background: transparent;
    z-index: 900;
    margin-bottom: 20px;
}
div#footer {
    background: #333;
    color: #FFF
}
div#container {
    width:960px;
    margin:0
}
div#wrapper {
    float:left;
    width:100%;
    background: #f0f0f0;
}
div#content {
    margin: 0 0 20px 250px;
    padding: 0px 10px 30px 10px;
    background: #fff;
    overflow: hidden;
}
div#navigation {
    float:left;
    width:230px;
    padding-left:10px;
    margin-left:-960px;
    margin-bottom: 20px;
    background: transparent;
}
div#extra {
    float:left;
    width:250px;
    margin-left:-250px;
    display: none;
    background: transparent;
}
div#footer {
    clear: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
/* Content area styles */
div#content p, h2, h3, h4 {
    margin-top: 1em;
}

div#content h2 {
    font-weight: normal;
}

div#content ul {
    /*margin-top: 1em;
  margin-bottom: 1em;*/
  margin-left: 2em;
    padding-left: 2em;
}
#advancedsearch input {
    color: #000000;
    border: 1px solid #929292
}
#advancedsearch select {
    color: #000000;
    border: 1px solid #929292
}
/* heading styles */

div#header {
    background: #258 url("/__data/assets/image/0020/106427/banner.jpg") top left no-repeat;
}
#heading {
    width: 500px;
    height: 93px;
    float: left;
    background: #069 url("/__data/assets/image/0020/106454/logo.jpg") top left no-repeat scroll;
    margin: 0;
    padding: 0;
}
#heading a {
    display: block;
    width: 250px;
    height: 90px;
}
#heading span {
    position: absolute;
    top: -10000px;
    left: -10000px;
}
div#usefullinks {
    float: right;
    padding: 5px 10px;
    text-align: left;
    font-weight: bold;
}
/* change the following form#search related items to the form search and submit's own ID */

form#search {
    display: block;
    margin: 5px 0;
}
form#search input#queries_keywords_query {
    height: 20px;
}
form#search input#searchsubmit, input.image {
    vertical-align: bottom;
}
div#usefullinks a {
    color: #fff;
}
div#usefullinks input#queries_keywords_query {
    width: 7em;
}
/* navigation list */

/* let's give this one a toot */

div#primarynav {
    border-top: 1px solid white;
    background: #377ebd url("/__data/assets/image/0016/106450/tabs-bk.gif") top left repeat-x;
    line-height: 100%;
    padding-top: 3px;
}
div#primarynav ul {
    float:left;
    width:98%;
    line-height:normal;
    list-style-type: none;
    margin: 0 0 0 12px;
    padding:0;
    display: inline;
}
div#primarynav li {
    display:inline !important;
    margin:0;
    padding:2px 0;
}
div#primarynav ul a {
    float:left;
    background:url("/__data/assets/image/0004/106447/sl-tableft.gif") no-repeat left top;
    margin:0;
    padding: 0px 0 0px 9px;
    text-decoration:none;
    color: #fff;
    border-right: 1px solid #6ba5d8;
}
div#primarynav ul a span {
    float:left;
    display:block;
    background:url("/__data/assets/image/0005/106448/sl-tabright.gif") no-repeat right top;
    padding:8px 14px 8px 5px;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#primarynav a span {
    float:none;
}
/* End IE5-Mac hack */

div#primarynav ul a:hover span, div#primarynav ul a:active span {
    color: #377ebd;
}
div#primarynav ul .now a {
    background-position:0 -125px;
}
div#primarynav ul .now a span {
    background-position:100% -125px;
    color: #377ebd;
    cursor: text;
}
div#primarynav ul a:hover, div#primarynav ul a:active {
    background-position:0% -125px;
}
div#primarynav ul a:hover span, div#primarynav ul a:active span {
    background-position:100% -125px;
}
/* breadcrumbs */
div#breadcrumbs {
    background: #fff;
    padding: 8px 12px 8px 26px;
    /*color: #777;*/
clear: both;
}
div#breadcrumbs a:link, div#breadcrumbs a:visited {
    color: #0551B3;
}
div#breadcrumbs a:hover, div#breadcrumbs a:active {
    color: #990000;
}
div#breadcrumbs a.current {
    text-decoration: none;
    color: #444;
}
/* footer */
div#footer {
    background: #333;
    color: #ddd;
    padding: 15px 0px;
    margin-top: 20px;
    font-size: 11px;
}
div#footer a {
    color: #aaa;
}
div#footer h2 {
    font-size: 1.2em;
}
div#login, div#sitetools, div#legal {
    width: 280px;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}
div#login form label {
    display: block;
    float: left;
    width: 200px;
    line-height: 200%;
    text-align: right;
}
div#login form input.text {
    background: #333;
    color: #ddd;
    border: 1px solid #aaa;
    padding: 1px 2px;
}
div#login form br {
    display: none;
}
div#login form label input {
    width: 120px;
}
div#login form input#log_in_out_button {
    display: block;
    width: 50px;
    margin-left: 10px;
    float: left;
}
/* shuffle some stuff */
/*
div.columns div#extra,
div.columns div#content {
    margin-top: 136px;
}

div.columns div#navigation {
    margin-top: 52px;
*/

/* shuffle some stuff */ 
div.columns div#extra, div.columns div#content {
    margin-top: 10px;
}
div.columns div#navigation {
    margin-top: 12px !important;
}
div.columns div#navigation ul, div.columns div#extra ul, div.angled ul {
    margin: 0;
    padding: 0 !important;
}
/* tag cloud as seen on homepage */

div#tagcloud div#tagcloudmenu {
    background: transparent url("/__data/assets/image/0019/106453/tagcloudtile.gif") bottom left repeat-x;
    padding: 12px 8px 4px 8px;
}
div#tagcloud div#tagcloudmenu a {
    background: #8be;
    text-decoration: none;
    /*color: #fff;*/
    padding: 6px 7px;
}
div#tagcloud div#tagcloudmenu a.now {
    background: #fff;/*color: #7be;*/
}
/* for the homepage only */

div.homepage div#welcomebanner {
    height: 54px;
    background: transparent url("/__data/assets/image/0003/106455/welcomebanner.jpg") top left no-repeat;
}
div.homepage div#welcomebanner h1 {
    position: absolute;
    left: -10000px;
}
div.homepage div#welcomebanner img {
    float: right;
    margin: 2px 5px;
}
div#homepagefeatures {
    width: 700px;
    float: left;
}
div#infofor {
    width: 230px;
    float: right;
}
div#infofor h2 {
    background: url("/__data/assets/image/0003/106437/homepage-infofor.gif") no-repeat scroll top left;
    width: 230px;
    height: 28px;
    text-indent: -10000px
}
/* for full width content */


div.legal div#inpageheader {
    height: 77px;
    position: relative;
}
div#inpageheader h1 {
    text-indent: -10000px;
}
div#inpageheader ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    /* bottom: 1.8em; */ bottom: 0;
    left: 20px;
}
div#inpageheader ul li {
    list-style-type: none;
    display: block;
    float: left;
    padding: 0px 5px;
}
div#inpageheader ul li a {
    text-decoration: none;
    background: #8ad;
    color: #fff;
    display: block;
    margin: 0 3px;
    padding: 3px 8px;
}
div#inpageheader ul li a.now, div#inpageheader ul li a:hover {
    background: #fff;
    color: #68a;
}
/* generics */

/* because there are so many similar-yet-not items here, these styles are to be combo'd */

/* white arrowed links */

a.warr {
    padding: 2px 0px 2px 15px;
    background: transparent url("/__data/assets/image/0019/106426/arrow-white.gif") no-repeat left center;
}
ul.warr li,  li.warr {
    list-style-type: none;
    padding: 2px 0px 2px 15px !important; /* nik edit: added !important*/
    background: transparent url("/__data/assets/image/0019/106426/arrow-white.gif") 0px 8px no-repeat;
}
/* blue arrowed links*/
a.barr {
    padding: 4px 0px 2px 15px;
    background: transparent url("/__data/assets/image/0017/106424/arrow-blue.gif") no-repeat left center;
}
/* add a horizontal mg */
.hspaced {
    margin-right: 8px;
    margin-left: 8px;
}
/* and a vert */
.vspaced {
    margin-top: 8px;
    margin-bottom: 20px; /*nik edit: attribute value changed from 8px */
}
/* undecorated links */
.nodec {
    text-decoration: none;
}
/* add a top dotted border */
.topdotter {
    border-top: 1px dotted #666;
}
/* Lists within page contents are to be indented, but not lists within topdotter class */
/* div#content .topdotter ul{
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}*/

/* add a bottom border */
.bottomdotter {
    border-bottom: 1px dotted #666;
    margin: 8px auto;
}
/* use this on an a or something to display block */
.asblock {
    display: block;
}
/* divs of varying widths (don't forget to use .clear if they vary in height) */

div.half {
    width: 46%;
    margin-right: 1%;
    float: left;
}
div.third {
    width: 31%;
    margin-right: 2%;
    float: left;
}
div.quarter {
    width: 23.5%;
    margin-right: 1%;
    float: left;
}
div.space-below {
    margin-bottom: 1em;
}
div.angled, div#menu {
    padding-top: 4px;
    background: #fff url("/__data/assets/image/0014/106421/angleheader-blue.gif") top left no-repeat;
}
div.angled h2, div.angled h3, div.angled h3 {
    margin: 0 3px 6px 6px;
    color: #fff;
    white-space: nowrap;
}
h2.backgroundsifr, h2.whitesifr {
    font-size: 1.35em;
    padding: 2px 0px;
    margin: 0;
    font-family: "Helvetica Condensed", "Helvetica Narrow", "Arial Narrow", sans-serif;
    font-smooth: always;
    letter-spacing: 0em;
    font-weight: bold !important;
}
h2.leaveroomforfeed {
    width: 80%;
}
a.feed {
    float: right;
    margin-right: 10px;
}
.hid {
    position: absolute;
    top: -10000px;
    left: -10000px;
}
#content h3 {
    border-bottom: 1px solid #ccc;
}
/* some more global goodies */

ul.nostyle, ol.nostyle {
    list-style-type: none;
    margin-left: 0px;
}
ul.inlineList {
    width: auto;
    margin: 0 !important;
}
ul.inlineList li {
    display: inline;
    /*margin: 2px;*/
  list-style-type: none;
    vertical-align: bottom;
}
div#content ul.nostyle li, ol.nostyle li {
    list-style-type: none;
    margin-left: 0px;
}
div.topborder {
    background: #fff;
    margin-top: 14px;
    border-top: 4px solid #1e518a;
}
div.right-img, img[align="right"] { /*nikedit: added img selector with align=right */
    float: right;
    margin: 0 0 10px 10px;
    position:relative; /*IE6 fix*/
}
div.left-img, img[align="left"] { /*nikedit: added img selector with align=left */
    float: left;
    margin: 0 10px 10px 0;
    position:relative; /*IE6 fix*/
}
div.storywidget a.subscribe {
    padding: 0px 0px 0px 20px;
    margin: 0 4px;
    background: transparent url("/__data/assets/image/0005/106439/icon-feed.gif") center left no-repeat;
    float: left;
    width: 40%;
    font-size: 0.95em
}
div.storywidget span.more {
    padding: 0 0 2px 0;
    margin: 0 4px;
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0.95em;
}
.page-content-divider {
    border-top: 10px solid #f0f0f0;
    margin: 10px 0 0 -10px;
    width: 680px;
    padding: 0.4em 10px 0 10px;
}
/* textcontent is for large collections of text, adjusting paragraphs and the like, all of which were reset elsewhere. add it to anything that would need 

normal text treatment. some other items are in here to relate to forms and other widgets you might expect in here. */


.bodycopy {
    background: #fff;
    padding: 12px 24px;
}
.textcontent p, .textcontent ul, .textcontent ol {
    margin: 0.5em 0;
}
.textcontent ol, .textcontent ul {
    margin-left: 3.8em;
}
.textcontent table {
    width: 80%;
    margin: 0.5em 1em;
}
/*
.textcontent h2, .textcontent h3, .textcontent h4 {
    color: #444;
}*/

.textcontent form input, .textcontent form textarea {
    border: 1px solid #ccc;
    background: #f8f8;
}
.textcontent form label {
    position: relative;
}
/* FAQs and Questions & Answers */

div.faq-Q {
    font-weight: bold;
    padding: 3px 20px;
    margin: 3px;
    background: #EFEFEF url("/__data/assets/image/0018/108621/arrow-white.gif") no-repeat scroll 4px 8px;
    cursor: pointer;
}
div.faq-A {
    padding: 5px 20px 10px 10px;
    /*border-bottom: 1px solid silver;*/
}
div.faq-A ul > li {
    list-style-type: disc !important;
}

/* may be deleted */
#faqs .q-number {
    float: left;
    font-size: 2em;
    font-weight: bold;
    color: #CCCCCC;
    width: 30px;
    display: inline;
    margin-right: 12px;
}
#faqs .qa {
    margin-left: 0px;
    padding-top: 1em;
    margin-bottom: 0.75em;
    width: 100%;
    display: inline;
}
#faqs .qa h2 {
    padding-top: 1em;
    font-size: 1em;
    width: 100%;
    display: inline;
    margin: 0;
    padding: 0;
}
/* may be deleted */



/* Data table styles */

div#calendarTable table, table.standard-table {
    border-collapse: collapse;
}
div#calendarTable table td, table.standard-table td {
    border: 2px solid #FFF;
    padding: 3px 6px;
    background-color: #EFEFEF;
    vertical-align: top;
    line-height: 1.2em;
}
div#calendarTable table th, table.standard-table th {
    border: 2px solid #FFF;
    background-color: #d50000;
    text-align: left;
    color: #FFF;
    padding: 3px 6px;
    vertical-align: top;
}
table.standard-table th.blank {
    background-color: #FFF;
}
table.standard-table .bigtext {
    font-size: 1.6em;
    font-weight: bold;
}
/* Data table styles */

table.standard-table-blue {
    border-collapse: collapse;
}
table.standard-table-blue td {
    border: 2px solid #FFF;
    padding: 3px 6px;
    background-color: #EFEFEF;
    vertical-align: top;
    line-height: 1.2em;
}
table.standard-table-blue th {
    border: 2px solid #FFF;
    background-color: #1e518a;
    text-align: left;
    color: #FFF;
    padding: 3px 6px;
     vertical-align: top;
}
table.standard-table-blue th.blank {
    background-color: #FFF;
}
table.standard-table-blue .bigtext {
    font-size: 1.6em;
    font-weight: bold;
}
td > p {
    margin: 0 !important;
}
/* tab tables */

div.tab-table ul.tab-nav {
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
    background: url("/__data/assets/image/0007/122767/tab_table_bg.gif") bottom left repeat-x;
    overflow: hidden;
}
div.tab-table ul.tab-nav li {
    display: inline;
}
div.tab-table ul.tab-nav li a {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #666;
    margin-right: 2px;
    display: block;
    float: left;
}
div.tab-table ul.tab-nav li a.now {
    background-color: #FFF;
    color: #666;
    border: 1px solid #CCC;
    border-bottom: none;
    padding-bottom: 4px;
}
div.tab-table div.tab-table-content {
    padding: 10px 4px;
}
/* coloured elements to be split into separate colour scheme items later. you will also need to have customised sifr background colours in the parsefile. at 

the moment though I am using IDs to switch these. */


/* for now don't make angled headers wider than 350 pixels or the background will cut off */

div.ais div#aislogo {
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 400;
}
/* topborder is one of those combo classes - the id'd ones here are for the homepage */

div#athletesandcoaches {
    border-top: 4px solid #d00;
}
div#findasport {
    border-top: 4px solid #8c4;
}
div.topborder, div#tagcloud {
    border-top: 4px solid #69c;
}
div#featuredsponsor {
    border-top: 4px solid #aaa;
}
div#athletesandcoaches, div#tagcloud, div#featuredsponsor, div#findasport {
    background: #fff;
    padding: 5px 0;
}
div.contact {
    background: transparent url("/__data/assets/image/0016/106432/contact-header.jpg") 0px 0px no-repeat;
}
/* Site Tools */



/* Section navigation menu (left column)
/* fix me: these colours need doing for the other colour schemes - more images need to be cut. */

div#menu {
    background-color: #FFF;
}
div#menu ul {
    position: relative;
}
div#menu ul li {
    list-style-type: none;
    border-top: 1px dotted #aaa;
    background: url("/__data/assets/image/0018/106443/menuclip.gif") top left no-repeat;
}
div#menu ul li.hier {
    background: transparent url("/__data/assets/image/0017/106442/menu-hier_blue.gif") top left no-repeat;
}
div#menu ul li.hier, div#menu ul li.now {/*border-bottom: 10px solid #f0f0f0*/;
    border-top: none;
}
div#menu ul li a {
    color: #666;
    text-decoration: none;
    display: block;
    padding: 3px 12px;
}
div#menu ul li a.now, div#menu ul li a:hover {
    background: #158;
    color: #fff;
}
div#menu ul li a.hier {
    background:#158 none repeat scroll 0 0;
    border-top:1px dotted #158;
    color:#FFFFFF;
    font-weight:bold;
}
div#menu ul li ul {
    padding-left: 1em;
    border-bottom: 1px dotted #158;
    background: transparent url("/__data/assets/image/0016/106441/menu-hier-bottom_blue.gif") bottom left no-repeat;
    font-weight: normal;
}
div#menu ul li ul li {
    background: transparent url("/__data/assets/image/0006/106449/sublistarrow.gif") 10px center no-repeat;
    padding-left: 10px;
}
div#menu ul li ul li a.now {
    background: #158 url("/__data/assets/image/0006/106449/sublistarrow.gif") center left no-repeat;
}
/* 4th level navigation menu */
div#onpage-menu ul {
    padding: 3px;
    list-style: none;
    display: block;
    margin: 0 0 20px;
    border-bottom:2px solid #115588;
    background: url("/__data/assets/image/0007/122767/tab_table_bg.gif") repeat-x scroll left bottom transparent;
}
div#onpage-menu ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
div#onpage-menu ul li a {
    background:#fff;
    border: 1px dotted #aaa;
    border-bottom: none;
    color:#444444;
    padding: 4px;
    text-decoration: none;
}
div#onpage-menu ul li.now a, div#onpage-menu ul li a:hover {
    background: #115588;
    border: 1px solid #115588;
    color: #fff;
}
div#level5-menu {
    background-color: #E0E9EF;
    margin-top: -20px;
    padding: 10px;
    min-height: 20px;
}
/* left and right columns */

/* contents of the rightmost extra bar */

div#help {
    background: #8be url("/__data/assets/image/0018/106434/helpbackground.gif") bottom left no-repeat;
    width: 230px;
    height: 114px;
    color: #fff;
    margin-bottom: 1em;
}
div#help h2 {
    display: block;
    padding: 5px 10px;
    margin: 0;
    text-transform: uppercase;
}
div#help ul li {
    list-style-type: none;
    margin-left: 1em;
    font-size: 14px;
}
div#help ul li a {
    color: #fff;
}

div#followUs {
    background: transparent url('/__data/assets/image/0006/452490/social_media_container.png') no-repeat scroll left top; 
    padding: 8px; 
}

div#followUs h2 {
    margin: -25px 0 0 8px;
    padding: 2px 5px;
    color: #609DD3;
    text-transform: uppercase;
}

div#didyouknow {
    width: 230px;
    padding-top: 30px;
    margin-bottom: 5px;
    background: transparent url("/__data/assets/image/0009/263385/bubble_top_notext.gif") top left no-repeat;
}
div#didyouknow div#didyouknowinner {
    padding-bottom: 35px;
    background: transparent url("/__data/assets/image/0003/108624/bubble_bottom.gif") bottom left no-repeat;
}
div#didyouknow h2{
    margin: -25px 0 0 8px;
    padding: 5px 5px 0;
    color: #609DD3;
    text-transform: uppercase;
}
div#didyouknow p.fact {
    font-size: 1.4em;
    padding: 5px 10px;
    margin: 5px;
    line-height: 1.1em;
}
div#didyouknow ul li {
    list-style-type: none;
    margin-left: 1em;
}

div#bythenumbers {
    background: #8be url("/__data/assets/image/0010/263386/quicknumbers_top_notext.gif") top left no-repeat;
    width: 230px;
    padding-top: 30px;
    color: #fff;
}
div#bythenumbers h2 {
    color: #fff;
    margin: -28px 0 3px 8px;
    text-transform: uppercase;
}
div#bythenumbersinner {
    background: #8be url("/__data/assets/image/0020/106445/quicknumbers_bottom.gif") bottom left no-repeat;
}
div#bythenumbers div.number {
    padding: 3px 5px;
}
div#bythenumbers div.number {
    border-top: 1px dotted #9cf;
}
div#bythenumbers span.figure {
    font-size: 2.3em;
    font-weight: bold;
    width: 65px;
    float: left;
    text-align: right;
    margin-top: -5px;
}
div#bythenumbers span.description {
    width: 140px;
    float: right;
    clear: right;
    line-height: 1.2em;
    font-size: 12px;
}
div#bythenumbers a {
    color: white;
}
/* left */

div#profiles {
    width: 230px;
    padding:0px;
    margin-left:0px;
}
/* little profiles */

div.miniprofile {
    padding: 7px;
}
div.miniprofile img {
    float: left;
    border: 4px solid #ddd;
    margin: 0 7px 0 0;
}
/* you will need to replace this form's input and select style names with whatever the search form will be called. */
div.miniprofile form {
    line-height: 200%;
    text-align: right;
    font-weight: bold;
}
div.miniprofile form input#athletename, div.miniprofile form select#athletesport {
    border: 1px solid #aaa;
    background: #eee;
    color: #333;
    width: 160px;
    padding: 2px;
    margin-left: 4px;
}
/* sifr! */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
.siFR-replaced img {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
    display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text 

metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues 

you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.sIFR-replaced, h2.sIFR-replaced {
    letter-spacing: -0.02em;
    clear: none;
    overflow: none;
    padding: 0px;
    font-family: Arial !important;
    font-size: 14px !important;/*text-transform: uppercase !important;*/
}
h2.sIFR-replaced span {
    padding-left: 0 !important;
}
.sIFR-hasFlash div#menu h2 {
    width: 200px;
    font-size: 13px;
    letter-spacing: -5px;
    height: 18px;
    margin-bottom: 11px;
}
/*
.sIFR-hasFlash h2.whitesifr,
.sIFR-hasFlash h2.backgroundsifr {
visibility: hidden;
font-size: 14px;
letter-spacing: -5px;
}
.sIFR-hasFlash div#didyouknow h2.sifrblue {
visibility: hidden;
height: 13px;
margin-bottom: 7px;
letter-spacing: -5px;
width: 90%;
}
.sIFR-hasFlash div#bythenumbers h2 {
height: 18px;
margin-bottom: 8px;
width: 90%;
} */

/* Breadcrumb control - do not display home page assets */

.display_107002, .display_106392, .display_106995, .display_106983, .display_104724, .display_106889, .display_106987, .display_109562 {
    display:none;
}
 /*image gallery (gallary!!) theme caption colour*/ 
 #image-right-gallary #image-caption, #image-left-gallary #image-caption {
 padding: 0.3em 0.5em;
 background-color: #48b;
}
/* Sitemap */

div.sitemap {
    padding: 20px;
}
div.sitemap ul {
    margin-bottom:0pt;
    padding-top:0.3em;
    top:-1px;
    border-bottom:1px solid #FFFFFF;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt 0pt 0.9em 1.2em;
    padding:0pt;
    position:relative;
    width:500px;
}
div.sitemap li {
    background:transparent none repeat scroll 0%;
    border-top:1px solid #CACACA;
    margin:0pt 0pt 1.2em;
    padding:0pt;
    position:relative;
    top:1.4em;
}
div.sitemap li a {
    background:#FFFFFF none repeat scroll 0% 50%;
    display:block;
    margin:0pt 0pt -1.4em 0.7em;
    padding:0.1em 0.2em;
    position:relative;
    text-decoration:none !important;
    top:-0.8em;
    z-index: 1;
    font-size:1.1em;
}
div.sitemap li ul {
    border-left:1px solid #CACACA;
    border-top:1px solid #FFFFFF;
}
div.sitemap li li a {
    color: #777777;
    text-decoration: none;
    font-size: 1em;
}
#rss-feed-links {
    margin-top: 4px;
}
#rss-feed-links .bottom-divider {
    border-bottom: 4px solid #609dd3;
}
#rss-feed-links a.subscribe {
    padding: 0px 0px 0px 20px;
    margin: 0 4px;
    background: transparent url("/__data/assets/image/0005/106439/icon-feed.gif") center left no-repeat;
    float: left;
    width: 40%;
    font-size: 0.95em
}
#rss-feed-links span.more {
    padding: 0 0 2px 0;
    margin: 0 4px;
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0.95em;
}
#opening_times .weekday {
    background-color: #6699CC;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#opening_times .weekend {
    background-color: #8DA6BC;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#opening_times .times {
    background-color: #EEEEEE;
    color: #858585;
    text-align: center;
}
/* Form styles */

/*
.style_form input {
background: #eee;
color: #333;
border: 1px solid #aaa;
padding: 1px;
}

.style_form textarea {
background: #eee;
color: #333;
border: 1px solid #aaa;
padding: 1px;
}


.style_form select {
background: #eee;
color: #333;
border: 1px solid #aaa;
}
*/

.style_form td ul {
    list-style:none;
    list-style-image:none;
}
.style_form li {
    list-style:none;
    list-style-image:none;
}
/* Editing interface styles */



.tabcontent input {
    background: #eee;
    color: #333;
    border: 1px solid #aaa;
    padding: 5px;
}
.tabcontent textarea {
    background: #eee;
    color: #333;
    border: 1px solid #aaa;
    padding: 5px;
}
.tabcontent select {
    background: #eee;
    color: #333;
    border: 1px solid #aaa;
}
#commit_bar {
    background: #FBFBE3;
    border-top: 1px solid #DDDAB5;
}
/* admin bar */


#admin_bar {
    width: 97%;
    border-style: solid;
    border-color: #DDDAB5;
    border-width: 1px;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 10px 0px;
    background: #FBFBE3;
    color: #4C4C4C;
    font-family: Arial;
    font-size: .9em;
}
.admin_bar_left {
    text-align: left;
}
.admin_bar_right {
    text-align: right;
    display: inline;
}
/*** FOR MOBILE VIEW ***/
.mobileView {
    display: none;
    padding: 10px;
    border-top: 1px dotted #eee;
}
.defaultView {
    display: block;
    padding: 10px;
    border-top: 1px dotted #eee;
}
/* AASC Play for life only */
div#poll {
    background-color: #6998C2;
    width: 208px;
    color: #fff;
    padding: 10px;
    line-height: 1em;
    margin-bottom: 1em;
}
div#poll h2 {
    color: #fff;
    text-transform: uppercase;
}
div#poll a {
    color: #fff;
}
div#extra div#aasc-video-extra {
    background-color: #fff;
    width: 210px;
    height: auto /*112px*/;
    padding: 0 8px 10px;
    border: 2px solid #E1E1E1;
    margin-bottom: 10px;
}
div#extra div#aasc-video-extra h2 {
    color: #6998C2;
    margin-bottom: 8px;
}