/***
COLOUR CONSTANTS
lightyellow	#FFFFE0 (255,255,224)
ivory			#FFFFF0 (255,255,240)
whitesmoke		#F5F5F5 (245,245,245)
ghostwhite		#F8F8FF (248,248,255) NB: USE whitesmoke
Bluey Bkgrd	#C8D8EF (200,216,239)
***/

/* Should be class only, not id# */
@media print {
	#noprint, .noprint {display:none;}
}
@media screen {
	#printonly, .printonly {display:none;}
}

body {
background-color:#FFFFE0;
/*background-image:url(/img/shuttle_bkgrd.jpg) 20px 10px no-repeat;*/
margin:0;
padding:0;	/*FOR OPERA*/
}

body.popup {
background-image:none;
margin:10px;
}

/* Setting font-size to 'small' is fine in all browsers except IE5!
   IE5 - Need to set font-size to 'smallest' !!
	 However, 90% seems to work in all browsers!
*/
body, th, td, select, .normalfont {
font-family:verdana,arial,helvetica,sans-serif;
font-size:90%; /* Was 11px -> 13px (small) */
font-weight:normal;
/*line-height:120%;*/
}

select {
font-size:100%;
}

.fixedwidth {
font-family:"courier new",courier,monospace;
}

/* REPORT TEXT
   Try and phase this out */
.copy {
font-size:90%;	/* 13px / small */
}

/* Abbreviations etc. */
acronym, abbr, span.abbr, span.info {
border-bottom: 1px dotted;	/* #666666 */
cursor:help;
}

hr.separator {
height:3px;
background-color:#999999;
border:1px solid #666666;
border-top-color:#CCCCCC;
border-left-color:#CCCCCC;
}

hr.cut {
height:1px;
border:0;
margin:10px 0;
padding:0;
border-bottom:1px dashed #999999;
}

#sfbanner {
background:url(/img/sfbanner.jpg) 0px 0px no-repeat;
/*background-color:#C8D8EF;*/
background-color:white;
height:99px;	/* 99px */
}

.sfbanner_msg {
border:1px solid silver;
padding:2px;
background-image:url(/img/transbkgrd.gif);
font-size:75%;	/* 10px / x-small */
color:#660000;
margin-top:2px;
margin-left:6px;
}

.sfbanner_title {
float:left;
background:url(/img/news_glyph.gif) 4px 2px no-repeat;
background-color:#666666;
color:white;
margin-top:0px;
border:1px solid #333333;
border-top-color:#999999;
border-left-color:#999999;
padding-right:5px;
padding-left:12px;
margin-right:3px;
font-weight:bold;
font-size:90%;	/* 11px - 'small' is just a tad too big */
}

.news_title {
background:url(/img/news_glyph.gif) 4px 4px no-repeat;
/*background-color:#333333;*/
background-color:#666666;
border:1px solid #333333;
border-top-color:#999999;
border-left-color:#999999;
color:white;
font-weight:bold;
font-size:110%;	/* 11px / small */
padding-left:15px;
padding-right:5px;
padding-bottom:1px;
}

/* IN ADDITION TO news_title */
.title_red {
background-image:url(/img/news_glyph_red.gif);
background-color:#CC3333;
border:1px solid #990000;
border-top-color:#FF9999;
border-left-color:#FF9999;
}
.title_green {
background-image:url(/img/news_glyph_green.gif);
background-color:#339933;
border:1px solid #336633;
border-top-color:#99CC99;
border-left-color:#99CC99;
}
.title_blue {
background-image:url(/img/news_glyph_blue.gif);
background-color:#333399;
border:1px solid #000066;
border-top-color:#9999CC;
border-left-color:#9999CC;
}

.news_title A {color:white;text-decoration:none;}
.news_title A:hover {color:#CCCCFF;text-decoration:underline;}

.news_link A {
font-size:smaller;	/* 10px / smaller */
font-weight:normal;
color:#CCCCCC;
}

.news_msg {
font-size:95%;	/* 10px / x-small / 95% */
background-color:#F5F5F5; /* whitesmoke */
padding:2px;
border:1px solid #333333;
border-top-color:silver;
}

#sfindex {
background:url(/img/sfindex.jpg) 0px 0px no-repeat;
/*background-color:#C8D8EF;*/
background-color:white;
}

/**
 * Social network icons in the menu on left
 */
#sfindex .social-network-icons {
margin-left:1em;
}

/* Twitter */
#sfindex .social-network-icons a.twitter {
display:block;
width:100px;
height:36px;
background:transparent url(/img/follow_bird_us-a_hover.png) 0 0 no-repeat;	/* #2e9bc3 */
text-indent:-9999px;
/*
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
*/
}
#sfindex .social-network-icons a.twitter:hover {
background-position:0 -36px;
-moz-box-shadow:0 0 5px #ff0;
-webkit-box-shadow:0 0 5px #ff0;
box-shadow:0 0 5px #ff0;
}

/* Facebook */
#sfindex .social-network-icons a.facebook {
display:block;
margin-top:10px;
width:100px;
height:26px;
color:#fff;
font-weight:bold;
background:#3b5998 url(/img/FacebookBadge_hover.png) 0 0 no-repeat;	/* #2e9bc3 */
text-indent:-9999px;
}
#sfindex .social-network-icons a.facebook:hover {
background-position:0 -26px;
-moz-box-shadow:0 0 5px #ff0;
-webkit-box-shadow:0 0 5px #ff0;
box-shadow:0 0 5px #ff0;
}

/**
 * In Page
 */
td.content .social-network-icons {
margin-top:3em;
}
td.content .social-network-icons a img {
border:0;
}

/* Paragraphs */
p.intro {
margin-top:0;
}

p.intro:first-letter {
font-size: 200%;
float: left;
margin: 0;
padding: 0;
margin-right: 5px;
font-weight:normal;
}

p.intro_sp {
margin-top:0;
}

p.intro_sp:first-letter {
font-size:200%;
float:left;
margin:0;
padding:2px;
margin-right:5px;
font-weight:bold;
border:2px solid #AAAA88;	/* div.heading */
border-top-color:#DDDDAA;
border-left-color:#DDDDAA;
color:black;
background-color:#CCCC99;
}

/* IE displays these too small */
kbd, code, samp {
font-size:medium;
}

samp {
font-style:italic;
}

code {
display:block;
border:1px solid silver;
background-color:#F5F5F5; /* whitesmoke */
padding:5px;
color:#666666;
/*font-weight:bold;*/
}

th, td {
text-align:left;
vertical-align:top;
}

th {
font-weight:bold;
text-align:right;
padding:0px;
padding-right:7px;
}

table.layout {
width:100%;
}

td.index {
width:136px;
}

@media print {td.index {display:none;}}

div.index {
padding:10px;
padding-right:0;
}

@media print {div.index {display:none;}}

td.content {
padding:10px;
background-color:#FFFFE0;
}

A.nounderline {text-decoration:none;}
A.nounderline:link {text-decoration:none;}
A.nounderline:visited {text-decoration:none;}
A.nounderline:hover {text-decoration:underline;}

A.nochange {text-decoration:none;}
A.nochange:link {text-decoration:none;color:black;}
A.nochange:visited {text-decoration:none;color:black;}
A.nochange:hover {text-decoration:none;color:black;}


/* MENU OPTIONS */
.option_main {
/*background:url(/img/menu_bkgrd.gif) 0px 0px no-repeat;*/
padding:0;
border:0;
overflow:hidden;
width:130px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
/*background-color:#CCCCFF;*/
}

.option_main a {
display:block;
width:130px;
/*
border:1px dotted #CDDEF2;
border-width:1px 0 0 0;
*/
}

.option0 {
height:20px;
font-size:medium;
}

.option0 a {
background:url(/img/menu_bkgrd0.gif) 0px 0px no-repeat;
padding-left:22px;
text-decoration:none;
color:#000000;
width:130px;
height:20px;
}
.option0 a:hover {
background:url(/img/menu_bkgrd0.gif) -130px 0px no-repeat;
background-color:#ffffff;
color:maroon;
/*
border-style:solid;
border-color:#999999;
border-width:1px 0 1px 0;
*/
}
.option0 a.selected {
background:url(/img/menu_bkgrd0.gif) -260px 0px no-repeat;
background-color:#000000;
color:#ffffff;
/*
border-style:solid;
border-color:#000000;
border-width:1px 0 1px 0;
*/
}

/* SUB MENU OPTIONS */
.option1 {
height:18px;
font-size:small;
}

.option1 a {
background:url(/img/menu_bkgrd1.gif) 10px 0px no-repeat;
padding-left:32px;
text-decoration:none;
color:#333333;
width:130px;
height:18px;
}
.option1 a:hover {
background:url(/img/menu_bkgrd1.gif) -120px 0px no-repeat;
background-color:#ffffff;
color:maroon;
/*
border-color:#999999;
border-style:solid;
border-width:1px 0 1px 0;
*/
}
.option1 a.selected {
background:url(/img/menu_bkgrd1.gif) -250px 0px no-repeat;
background-color:#000000;
color:#ffffff;
/*
border-color:#000000;
border-style:solid;
border-width:1px 0 1px 0;
*/
}

/* FIXTURES / REPORTS / TABLES */
div#fixtures {
clear:both;
padding-top:15px;
}

/* FIXTURES */
table.fixtures {
/*width:650px;*/
border:0;
}

table.fixtures td {
padding-left:1px;
padding-right:5px;	/* 2px */
padding-bottom:1px;
font-size:100%;	/* 11px */
/*vertical-align:middle;*/
}

table.fixtures th {
text-align:left;
/*vertical-align:middle;*/
font-weight:bold;
padding-left:1px;
padding-right:5px;	/* 2px */
padding-bottom:1px;
font-size:100%;	/* 11px */
background-color:#000066;	/* #000066; */
border:solid #FFFFE0;
border-width:2px 1px 2px 1px;
color:white;
}

table.fixtures td.number,table.fixtures th.number {
width:30px;
padding-left:10px;
padding-right:5px;
text-align:right;
}

table.fixtures th a {
color:#ffffff;
text-decoration:none;
}

table.fixtures th a:hover {
color:#ffffff;
text-decoration:underline;
}


table.fixtures td img {
position:relative;
top:1px;
}

.alert {
color:#CC0000;
/*text-decoration:blink;
font-weight:bold;*/
}

/* IN FIXTURE TABLE */
.compactalert {
font-family:arial,helvetica,sans-serif;
font-size:small; /* 13px - WAS 11px - decreased later */
font-weight:normal;
color:#CC0000;
text-align:left;
text-decoration:none;
}

.compact {
font-family:arial,helvetica,sans-serif;
font-size:70%;	/* 11px / x-small */
font-weight:normal;
text-decoration:none;
}

.cancelled {
color:#999999;
/*text-decoration:line-through;*/
}

/* RESULTS TABLE */
table.results {
border:0;
/*border:1px solid #CCCC99;*/
}

table.results td {
/*width:25px;*/
padding-left:0px;
padding-right:2px;
padding-bottom:0px;
font-size:small;	/* WAS 11px but too small - 'small' */
vertical-align:middle;
text-align:right;
}

table.results td.total {
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
border-top:1px solid #CCCC99;
}

table.results td.divider {
border-bottom:1px dotted #CCCC99;
}

table.results th {
width:27px;
text-align:right;
vertical-align:middle;
font-weight:bold;
padding-left:1px;
padding-right:2px;
padding-bottom:1px;
font-size:small;	/* 11px */
/*background-color:#000066;
color:white;*/
background-color:#CCCC99;
border:1px solid #FFFFE0;
}

/* ADDRESS */
div.addressheading {
width:100%;
font-weight:bold;
text-align:left;
padding-left:5px;
padding-right:2px;
padding-bottom:1px;
background-color:#333399;
color:white;
}

span.addresslabel {
width:160px;
font-weight:bold;
text-align:left;
padding-left:5px;
padding-right:5px;
}

table.address {
border:0;
width:450px;
}

table.address td {
border:1px solid black;
padding-left:1px;
padding-right:2px;
}

table.address th {
width:100px;
font-weight:bold;
text-align:left;
padding-left:5px;
padding-right:2px;
}

table.address th.label {
width:100%;
font-weight:bold;
text-align:left;
padding-left:5px;
padding-right:2px;
background-color:#000066;
color:white;
}

.indent1 {
margin-left:30px;
}

/* WHERE IS THIS USED?! */
.pageheading {
font-family:arial,helvetica,sans-serif;
font-size:large;	/* 17px */
font-weight:bold;
color:black;
border-width:2px;
border-style:solid;
border-color:gray;
border-top-color:white;
border-left-color:white;
/*margin-left:2px;*/
/*margin-right:2px;*/
padding-left:5px;
padding-right:5px;
padding-bottom:0px;
background-color:silver;
}

/* Full Width Sub Headings with Badminton Racket Icon, added 'h3' (1/4/2006) */
.heading, h3 {
background:url(/img/heading_glyph.gif) 0 0 no-repeat;
border:2px solid #AAAA88;	/* #999966 */
/*border-left-width:0;
border-right-width:0;*/
border-top-color:#DDDDAA;
border-left-color:#DDDDAA;
font-family:verdana,arial,helvetica,sans-serif;
font-size:larger;	/* 14px */
font-weight:bold;
color:black;
/*background-color:#999966;*/
background-color:#CCCC99;
margin:15px 0 5px 0;
padding:0 0 1px 19px;
}

h3 {
margin-top:25px;
}

h4 {
background:url(/img/ball14x13.gif) 2px 3px no-repeat;
border-bottom:1px dotted #333333;
font-size:110%;
margin:20px 0 10px 0;
padding:0 0 2px 20px;
}

.tinyfont {
font-family:arial,helvetica,sans-serif;
font-size:xx-small;	/* 9px / xx-small */
font-weight:normal;
}

.smallfont {
font-family:verdana,arial,helvetica,sans-serif;
font-size:80%;	/* 10px / x-small */
font-weight:normal;
}

.midfont {
font-family:verdana,arial,helvetica,sans-serif;
font-size:small;	/* 11px */
font-weight:normal;
}

.bigfont {
/*font-family:verdana,arial,helvetica,sans-serif;
font-size:15px;*/
font-family:arial,helvetica,sans-serif;
font-size:130%;	/* 16px / medium */
font-weight:bold;
}

.hugefont {
font-family:arial,helvetica,sans-serif;
font-size:140%;	/* 19px / large */
font-weight:bold;
}

.grey {
color:#666666;
}

.faint {
/*color:silver;*/
color:#999999;
}

.ghost {
color:#F5F5F5; /* whitesmoke */
}

/* Div/p used in match reports - initially based on smallfont */
.OLD_aside {
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;	/* 10px; */
font-weight:normal;
border:1px solid #666666;
padding:5px;
color:#666666;
margin-bottom:10px;
}
.aside {
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;	/* 10px; */
font-weight:normal;
border-left:2px solid #666666;
padding-left:5px;
color:#666666;
margin-left:5px;
}


div.alert {
width:95%;	/* width/overflow - contain floats */
overflow:auto;
border:2px solid red;
padding:5px;
background-color:white;
font-family:verdana,arial,helvetica,sans-serif;
font-size:110%;	/* 13px / medium */
font-weight:normal;
color:red;
margin:10px;
margin-bottom:25px;
}

/* Not as harsh as an .alert - 'moulds' better too */
div.warning {
color:#800000;
border:2px solid #800000;
border-width:2px 0 2px 0;
background-color:#ffffff;
font-size:110%;
margin:10px;
padding:5px;
text-align:center;
}

div.alert strong {
color:white;
background-color:red;
padding:0 5px 2px 5px;
}

div.alert strong a {
font-weight:bold;
color:white;
}

strong {
/*color:#900;*/
font-weight:bold;
/*text-decoration:underline;*/
}

/* Not supported by IE6 */
div.alert p:first-child {
margin-top:0;
}
div.alert p:last-child {
margin-bottom:0;
}

/* TEAM COLOURS */
.teamBrM {background-color:#666699;}
.teamBrX {background-color:#99CC99;}
.teamRMA {background-color:#CCCCFF;}
.teamRMB {background-color:#9999CC;}
.teamRL {background-color:#FFCCCC;}
.teamRX {background-color:#CCFFCC;}
.teamCup {background-color:#FFFFCC;}

.teamAll {background-color:transparent;}

/* USED TO COLOR ALT ROWS IN TABLE (Previous: #ffffcc) */
.highlight {background-color:#F8F9C1;}
.highlight_block {background-color:#F8F9CB;}	/* FBFBD7 */

.bgcolor1 {background-color:#FFFFCC;}
.bgcolor2 {background-color:transparent;} /* #FFFF99 */
.bgshade {background-color:#ffff80;}	/* #cccccc */


/* SCORESHEET */
table.scoresheet {
/*border:2px solid blue;*/
border:0;
}

table.scoresheet td {
padding:0px;
padding-left:5px;
padding-right:5px;
font-size:small;	/* 11px / small */
/*border:1px solid #FFFFE0;*/
/*background-color:#FFFFCC;*/
}

table.scoresheet td.score {
text-align:center;
}

table.scoresheet td.total {
text-align:center;
border:2px solid #FFFFE0;
background-color:#CCCC66;	/* #FFFF99 */
}

/* GRAND TOTAL - CLASS="total grand" */
table.scoresheet td.grand {
border:2px solid black;
}

/* SEE ALSO print.css */
table.scoresheet td.borderBottom {
border-bottom:1px solid #CCCC99;
}

table.scoresheet td.borderRight {
border-right:1px solid #CCCC99;
}

table.scoresheet th {
font-weight:bold;
text-align:left;
padding:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:1px;
background-color:#CCCC99;
font-size:small;	/* 11px / small */
border:2px solid #FFFFE0;
}

table.scoresheet th.noborder {
border:0;
}

/* DEFINED IN print.css */
table.scoresheet th.NoLeftBorder {}
table.scoresheet th.NoTopBorder {}

table.scoresheet th.normal {
font-weight:normal;
}

/* OUTPUTTING RECORDS IN A TABLE */
table.record {
width:80%;
border:0;
}

/* SAME AS .bigfont */
table.record td.title {
padding-left:5px;
font-family:arial,helvetica,sans-serif;
font-size:medium; /* 16px */
font-weight:bold;
text-align:left;
background-color:#CCCC99;
color:black;
border:1px solid black;
}

table.record th {
padding-left:20px;
font-weight:bold;
text-align:right;
/*
background-color:#FFFF99;
border:1px solid #CCCC99;
*/
}

/* WINNING TAG IN SCORESHEETS */
div.winner {
width:20px;
border:2px solid black;
padding-left:3px;
padding-right:3px;
background-color:white;
font-weight:bold;
}

/* POPUP SCORESHEETS / INFORMATION */
div.edge {
border:1px solid black;
box-shadow:0px 2px 5px #999;
}

div.banner {
padding:5px;
background:#fff url(/img/banner_plain_bkgrd.jpg) 0 0 repeat-y;
border:2px solid #9999CC;
border-top-color:#fff;
border-left-color:#fff;
}

/* NEEDS TO BE DOWN HERE BECAUSE OF 'CASCADING' ??? */
.normal {
font-weight:normal; /* 400 */
color:black;
}

div.OLD_footer {
color: #9999CC;
border: 1px solid #9999CC;
border-top-color:#FFFFFF;
border-left-color:#FFFFFF;
background-color: #CCCCFF;
padding-left:5px;
padding-bottom:2px;
font-size:11px;
text-align:center;
}

.footer {
clear:both;
/*height:45px;*/
color:#9999CC;
border:0;
border-bottom:1px solid silver;
background-color:white;
font-size:75%;	/* 11px */
text-align:center;
}

/**
 * NEW 2011-01-09
 * Change CLASS to ID (should only be one of these per page!)
 */
#footer {
clear:both;
min-height:45px;
color:#9999CC;
border:0;
border-bottom:1px solid silver;
background-color:#fff;
font-size:75%;	/* 11px */
text-align:center;
background-image:url(/img/edge_abovefooter.gif);
background-repeat:repeat-x;
padding:10px 0;
width:100%;
overflow:hidden;
}

/**
 * ADVERT
 */
 
/* Adjust for the number of adverts */
#footer .advert {
float:left;
width:40%;	/* 500px */
min-height:11em;
/*margin:15px auto;*/
margin:25px 4% 15px 4%;
padding:0;
border:1px solid #66a;	/* ddf */
background-color:#eef;
color:#66a;
}
#footer .advert:hover {
border:1px solid #a66;
cursor:pointer;
background-color:#fee;
color:#a66;
}
#footer .advert:hover h4 {
background-color:#a66;
}

#footer .advert h4 {
margin:0 0 5px 0;
background:none;
background-color:#66a;
color:#fff;
font-weight:bold;
height:1.5em;
line-height:1.5em;
}
#footer .advert p {
margin:5px;
}
#footer .advert h4 a {
color:#fff;
text-decoration:none;
}
#footer .advert a {
color:#33a;
}

/* Highlighted section within the advert */
#footer .advert .ad-alert {
border:3px double #f99;
margin:10px 10% 5px 10%;
background-color:#fdd;
color:#900;
font-weight:bold;
}
#footer .advert .ad-alert a {
text-decoration:none;
color:#900;
display:block;
padding:2px 0;
width:100%;
}
#footer .advert .ad-alert a:hover {
text-decoration:underline;
background-color:#ffd;
}

.hlinks {
color:#9999CC;
font-size:80%;	/* 11px / x-small */
text-align:right;
}
.hlinks select {
width:130px;
color:#666699;
/*font-size:80%;*/	/* 11px / x-small */
/*border:0;*/	/* Border shows in IE6 anyway */
}
.hlinks select:hover {
color:#333366;
}

.footer A,.hlinks A {color:#666699;text-decoration:none;}
.footer A:hover,.hlinks A:hover {color:#333366;text-decoration:underline;}

/* BTN LINKS */
.btn {
padding:0;
overflow:hidden;
width:120px;	/* 112px */
height:22px;	/* 18px */
text-align:center;
border:1px solid #333333;
background-color:#CCCCCC;
margin:2px;
font-weight:bold;
font-size:90%;	/* 11px / small */
}

.btn a {
background:url(/img/btn_glyph.gif) 2px 3px no-repeat;
color:#666699;
background-color:#EEEEEE;
border:1px solid #FFFFFF;
border-right-color:#999999;
border-bottom-color:#999999;
text-decoration:none;
display:block;
width:118px;	/* 110px - 2 less than .btn */
height:20px;	/* 16px - 2 less than .btn */
font-weight:normal;
}

.btn a:hover {
color:#333366;
background-color:#FFCCCC; /* #CCCCFF */
text-decoration:none;
}

/*
FIXTURE BTN LINKS
May not be used since seasons are altered
*/
a.fixbtn {
color:#000066;
border:0;
text-decoration:none;
font-size:10px;
font-weight:normal;
text-align:center;
display:block;
height:12px;
margin-top:1px;
}

a.fixbtn span {
position:relative;
top:-1px;
}

a.fixbtn:hover {
color:#333366;
background-color:#FFCCCC; /* #CCCCFF */
text-decoration:none;
}

/* fixbtn WIDTHs */
a.w40 {
background:url(/img/btn40x12.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:40px;
}

a.w40report {
background:url(/img/btn40x12report.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:40px;
}

a.w40reportnew {
background:url(/img/btn40x12reportnew.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:40px;
}

a.w60 {
background:url(/img/btn60x12.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:60px;
font-weight:bold;
}

a.w90 {
background:url(/img/btn90x12.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:90px;
}

a.w100 {
background:url(/img/btn100x12.gif) 0px 0px no-repeat;
background-color:#EEEEEE;
width:100px;
}

/* STATS TABLE */
table.stats {
background-color:#FFFFF0; /* ivory */
border:0;
border-left:1px solid #CCCC99;
}

table.stats td, table.stats th {
text-align:left;
vertical-align:middle;
padding:5px;
padding-right:15px;
}

table.stats td {
border:0;
border-right:1px solid #CCCC99;
border-bottom:1px solid #CCCC99;
}

table.stats td.val {
font-weight:bold;
vertical-align:top;
color:#660000;
}

table.stats .num {
text-align:right;
padding-right:5px;
}

table.stats th {
font-weight:bold;
background-color:#CCCC99;
}

table.stats th.inner {
border-right:1px solid #FFFFE0;
}

/* BEFORE FIRST PARAGRAPH */
div.leftquote {
background:url(/img/leftquote.gif) 0px 0px no-repeat;
position:relative;
top:0px;
float:left;
width:19px;
height:14px;
margin:0;
margin-right:5px;
margin-bottom:10px;
}

/* BEFORE LAST PARAGRAPH */
div.rightquote {
background:url(/img/rightquote.gif) 0px 0px no-repeat;
position:relative;
top:10px;
float:right;
width:20px;
height:14px;
margin:0;
margin-left:5px;
margin-bottom:10px;
}

blockquote {
font-style:italic;
font-size:110%;	/* 12px / medium */
margin:0 20px;
padding:8px 20px;
background:transparent url(/img/quote_bkgrd_left.gif) 0 0 no-repeat;
/*min-height:35px;*/
}
blockquote p {
/*min-height:35px;*/
padding:0;
margin:0 0 10px 0;
/*padding-left:45px;
padding-right:45px;*/
/*background:transparent url(/img/quote_bkgrd_right.gif) right bottom no-repeat;*/
}
cite {
color:#339;
}
blockquote cite {
/*padding-left:45px;*/
display:block;
font-size:smaller;
}


p.download {
background:url(img/download_bkgrd.gif) 0 0 no-repeat;
font-size:x-small;	/* 11px */
}

p.multi {
font-size:small;	/* 13px */
padding-bottom:10px;
border-bottom:1px dashed #cccccc;
}

p.download a {
font-weight:bold;
font-size:small;	/* 13px */
}

h2 {
/*background:url(img/yellow_banner.gif) 0 0 repeat-y;*/
background:url(/img/banner_plain_bkgrd.jpg) 0 0 repeat-y;
background-color:#ffffff;	/* #ffff80 */
padding:0 10px 1px 10px;
border:1px solid #9999cc;	/* #c0c000 */
/*border-right-color:#c0c000;
border-bottom-color:#c0c000;
*/
}

div.side_menu {
float:right;
margin-left:20px;
margin-bottom:10px;
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #CCCCCC;
background-color:white;
color:#666666;
}

/* Thumbnails - moved from /matches/scorecards.html */
td.thm {
text-align:center;
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;	/* 10px - Same as smallfont */
font-weight:normal;
}

td.thm a {
text-decoration:none;
}

td.thm a:hover {
text-decoration:underline;
}

td.thm img {
border:1px solid #666666;
text-decoration:none;
}

td.thm img:hover {
border:1px solid #000099;
}

/**
 * Thumbnails
 * - Used in Scorecards
 */
ul.thumbnails {
width:90%;	/* 90% */
list-style-type:none;
overflow:hidden;
margin:0;
padding:0;
}
ul.thumbnails li {
float:left;
margin:5px 0 10px 20px;
width:150px;
}
ul.thumbnails li a img {
border:2px solid #669;
box-shadow:0px 2px 5px #999;
display:block;
margin:5px;
padding:5px;
background-color:#fff;
}
ul.thumbnails li a:hover img {
border-color:#900;
}
ul.thumbnails li a span {
display:block;
text-align:center;
}



ul.multiline li, ol.multiline li {
margin-top:15px;
}

ul.compactlist, ol.compactlist {
margin:0; /* All: colapse top margin.  IE: colapse left margin */
padding:0;	/* Firefox: colapse left margin */
list-style-position:inside;	/* otherwise... Firefox: dots part off screen IE: No dots! */
}

.accesskey {
text-decoration:underline;
}

fieldset {
padding:10px;
}

legend {
font-size:130%;
font-weight:bold;
padding:0 10px 3px 10px;
border:1px solid #999999;
margin:5px;
background-color:#ffffff;
}
legend:before {
content:"> ";
}

.footstone {
font-weight:bold;
color:#ff0000;
}

/* Clear floats */
.clear {
clear:both;
width:100%;
font-size:1px;
}

img.icon {
vertical-align:middle;
margin:0 2px;
}
img.smiley {
width:18px;
height:18px;
}

/* SLIDESHOW */
.slideshow {
margin-bottom:15px;
font-size:80%;
width:487px;	/* photo is 485px */
background-color:#CC9;
padding:5px;
border:1px solid #98974c;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.slideshow .photo {
margin:0 0 1px 0;
}
.slideshow .photo img {
border:1px solid #333;
border-color:#666 #333 #333 #666;
/*margin:0 auto;*/
}
.slideshow .controls {
float:right;
display:inline;
margin:0 0 0 10px;
}
.slideshow .controls ul {
list-style:none;
margin:0;
padding:0;
}
.slideshow .controls ul li {
float:left;
display:inline;
border-left:1px solid #666;
margin:0;
padding:0 5px;
}
.slideshow .controls a {
color:#000;	/* #66c */
text-decoration:none;
}
.slideshow .controls a:hover {
color:#339;
text-decoration:underline;
}
.slideshow .controls ul li:first-child, .slideshow .controls ul li.first {
border:0;
}
.slideshow .caption {
color:#58572c;	/* #666 */
}

.visitor-stats {
position:absolute;
top:0;
right:40%;
/*width:20em;*/
/*height:18px;*/
text-align:right;
padding:0 5px 2px 5px;
font-size:smaller;
background-color:#fff;
color:#00f;
border:1px solid #00f;
}

/*
#global-stats {
position:absolute;
top:0;
right:40%;
width:20em;
height:18px;
text-align:center;
padding:0 5px 2px 5px;
font-size:smaller;
background-color:#fff;
color:#0f0;
border:1px solid #0f0;
}
#global-stats:before {
content:"Hello";
}
#global-stats .visitor-stats {
position:static;
top:auto;
right:auto;
width:auto;
height:auto;
text-align:center;
padding:0;
font-size:medium;
background-color:transparent;
color:#0f0;
border-width:0;
}
*/

/**
 * You Tube Video
 * Assume object width of 425px
 */
.video-container {
width:425px;	/* 425 + (2 * 2) + (2 * 5) = 439px ?! */
padding:5px;
background-color:#000;
border:1px solid #666;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.video-container p {
background-color:#000;
padding:5px 0 0 0;
color:#fff;
margin:0;
}

/**
 * Footnotes
 */
sup.footnote {
color:#f00;
}


/**
 * Page Overlay
 *	- Greys out entire page ready for a popup (popunder)
 */
#pageOverlay {
display:none;
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:#000;
opacity:0.5;
filter:alpha(opacity=50);
z-index:5;
}

/**
 * Popup Advert
 */
#popupAdvert {
position:fixed;
z-index:10;
background-color:#000;	/* adContent is #fff, otherwise messes corners in Chrome!? */
width:520px;
height:400px;
left:50%;
margin-left:-253px;	/* Half total width */
top:100px;
border:3px solid #000;
border-width:2px 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-moz-box-shadow:0 0 20px #000;
-webkit-box-shadow:0 0 20px #000;
box-shadow:0 0 20px #000;
}

/* Override default styles! */
#popupAdvert h2, #popupAdvert h3 {
background:none;
color:#000;
border:none;
font-size:medium;
padding:0;
}



/* Common Header / Footer */
#popupAdvert #adHeader, #popupAdvert #adFooter {
position:absolute;
width:100%;
height:2em;
left:0;
background-color:#000;
color:#fff;
}

#popupAdvert #adHeader {
top:0;
border-bottom:2px solid #999;
/*padding:5px;*/
}
#popupAdvert #adHeader #adWinTitle {
color:#fff;
margin:5px 0 0 0;
padding:0;
}
#popupAdvert #adHeader #adWinGadgets {
float:right;
padding-top:3px;
width:5em;
overflow:hidden;	/* Clear contained floats */
}
#popupAdvert #adHeader #adWinGadgets a {
float:right;
}
.close-gadget {
display:block;
width:21px;
height:21px;
background:transparent url(/img/CloseGadgetHover.png) 0 0 no-repeat;
text-indent:-9999px;
}
.close-gadget:hover {
background-position:0 -21px;
}

#popupAdvert #adFooter {
height:4em;
bottom:0;
border-top:2px solid #ccc;
}

#popupAdvert #adContent {
padding:1.5em 1em;
border:2px solid #999;
border-width:0 2px;
border-color:#999 #ccc #ccc #999;
background-color:#fff;
height:80%;
}