@charset "utf-8";

.center {
    margin: 25px auto 0;
    text-align: center;
}

body {
    margin: 0;
    padding: 0 70px;
    font:80%/2 Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
}

th, td {
    font-size: 13px; /* Urg, stupid IE */
}

.frontpic {
    border: 1px solid #000000;
    float: right;
    margin: 0 0 10px 10px;
}

div.photo {
    margin: 20px 0 25px;
    text-align: center;
}

div.photo img {
    border: 1px solid #000000;
}

div.copyright_open {
    border: 2px solid #acce79;
    margin: 20px auto 0;
    width: 70%;
    vertical-align: middle;
    background: #e2f2d2 url("/gfx/icons/copyright_open.png") no-repeat 15px center;
    padding: 10px 10px 10px 94px;
}


#content {
    top: 240px;
    margin: 0em;
    padding: 50px 0;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
}

h1, h2, h3, h4 {
    font-family: "Trebuchet MS";
    font-weight: bold;
    clear: left;
    padding: 0.5em 0 0 0;
    margin: 0;
}

h1 {
    font-size: 4em;
    line-height: 1em;
    padding: 0 0 0.1em;
    color: #ff8c00;
}

h2 {
    font-size:2em;
    color: #004fbf;
}
h3 {
    font-size:1.5em;
    color: #ff8c00;
}

h4 {
    font:bold 1em/1.5 verdana, arial, helvetica, sans-serif;
    color: #004fbf;
}

p, ul, dl {
    margin:0 0 1em 0;
}

p#intro, blockquote p {
    font-size: 1.2em;
    color: #000;
}

p.further, cite, #photo, address {
    font-style: italic;
    color: #6c0;
    display: block;
    margin-bottom: 1em;
}


a[href^="http://"] {
    padding-right:12px !important;
    background:url(gfx/icons/outsidelink.png) right center no-repeat;
}
.error {
    font-weight: bold;
    color: red;
}











#main {

    margin-bottom: 7em;

}




 dl
{
margin: 2em 0;
padding: 0 0 3em;
}

dt
{
width: 14em;
float: left;
text-align: right;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
}

dt:after {
    content: ":";
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd
{
float: left;
margin: 0 0 0 0;
padding: .5em;
}





/* Replacement for DL - stupid browsers */

table.list {
    border: 0 !important;
    background: transparent !important;
    margin: 2em 0 !important;
    padding: 0 0 3em !important;
    width: 100% !important;
}

table.list th {
    border: 0 !important;
    width: 14em !important;
    text-align: right !important;
    margin: 0 0 0 0 !important;
    padding: .5em !important;
    font-weight: bold !important;
}

table.list th:after {
    content: ":";
}

table.list td {
    border: 0 !important;
    margin: 0 0 0 0 !important;
    padding: .5em !important;
}

table.matchdetails {
    border: 0 !important;
    background: transparent !important;
    margin: 2em 0 !important;
    padding: 0 0 3em !important;
}

table.matchdetails th {
    border: 0 !important;
    width: 14em !important;
    text-align: right !important;
    margin: 0 0 0 0 !important;
    padding: .5em !important;
    font-weight: bold !important;
}

table.matchdetails th:after {
    content: ":";
}

table.matchdetails td {
    border: 0 !important;
    margin: 0 0 0 0 !important;
    padding: .5em !important;
}





/*
em:before {
    content: "'";
}

em:after {
    content: "'";
}
*/

.notice {
    margin: 1em 2em;
    padding: 0.2em;
}






table {
    border-collapse: collapse;
/*  border: 2px solid #aaa;*/
    border: 2px solid #6E7B8B;
    background: #fff;
}
caption {
    padding: 0 0.6em 0.8em;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    color: #000;
    background: transparent;
}
td, th {
/*  border: 1px solid #e0e0e0;*/
    border-bottom: 1px dashed #e0e0e0;
    padding: 0.5em;
}
thead th {
/*  border-bottom: 1px solid #aaa;*/
    border-bottom: 2px solid #6E7B8B;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    background: #ddd;
}
tfoot th, tfoot td {
    border: 1px solid #e0e0e0;
    text-align: left;
    font-size: 1em;
    background: #e8e8cf;
}
tfoot th {
    font-weight: bold;
}

tbody th {
    font-weight: normal;
}

tbody th, tbody td {
    vertical-align: top;
}
.highlight {
    background: #efefef;
}
tfoot td {
    border: 1px solid #996;
}

.center {
    text-align: center;
}





















#breadcrumbs 
{
list-style: none;
padding: 0 0 0.5em 0;
margin: 0;
}

#breadcrumbs li
{
display: inline;
padding: 0;
margin: 0;
}

#breadcrumbs li:before { content: "> "; }
#breadcrumbs li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumbs li
{
background-image: url("gfx/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumbs { height: 1%; }

* html #breadcrumbs li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadcrumbs li:first-child { background-image: none; }















/*Fat Erik's Pipelist*/
#menu_page
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

#menu_page li
{
display: inline;
padding: 0;
margin: 0;
}

#menu_page li:before { content: "| "; }
#menu_page li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #menu_page li
{
/*border-left: 1px solid black;*/
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #menu_page { height: 1%; }

* html #menu_page li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #menu_page li:first-child { border-left: 0; }



hr {margin: 1em 0;background:#CAE1FF;height:1px;color:#CAE1FF;border:none;clear:both}

























table#styled { border: 0; width: 40em;padding: 0 0 0 5em; /* enough left padding for the row headings */}
table#styled * { margin: 0; padding: 0; }
table#styled caption { font-size: 1.5em; font-weight: bold; text-align: left; }
table#styled thead th {display: none; }
table#styled thead th+th { display: block; text-align: left; }

table#styled tbody tr { display: block; width: 100%; background: #eee; margin-bottom: 2px; position: relative; }
table#styled tbody th { display: block; position: absolute; right: 100%; width: 5em; }
table#styled tbody td { display: block; background: #ccf; text-align: right; margin-right: 0.2em; }






















/* Annotations */

#annotations {
    margin: 5em 5em 1em;
    padding: 1em 1.5em 0.5em 1.5em;
    border: 1px solid #d7d7d7;
    background-color: #f6f6f6;
    color:#333;
}

#annotations h1, #annotations h2, #annotations h3, #annotations h4, #annotations h5, #annotations h6 {
    padding: 0;
    margin: 0 0 0.5em;
    color:#c00
}

#annotations #toggle {
    padding-left: 0.25em;
    font-size: 0.8em;
    font-weight: normal;
}

#annotations ul {
    margin: 1em 1em 0.25em 1em;
    padding: 0;
    list-style: none;
}

#annotations li {
    color:#444
    margin: 0;
    padding: 0 23px 0.75em 23px;
}

#annotations li.none {
    background: url(gfx/icons/information.png) center left no-repeat;
}

#annotations li.low, #annotations li.medium, #annotations li.high {
    background: url(gfx/icons/exclamation.png) top left no-repeat;
}

#annotations .annotationshidden {

    display: none;

}




















.search fieldset {
    margin: 1em 0;
    padding: 1em 2em 2em;
}

.search fieldset {
    border: solid 1px #DDD;
}

.search fieldset legend {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    padding: 0 1em;
    margin: 0 0 3px;
}


















.fade {
    color: #aaa;
}

#header {
    background: #fff url("/gfx/topbg.png") top left no-repeat;
    padding: 0 0 10px 100px;
}

#header img {
    margin-bottom: 5px;
    padding-left: 40px;
    width: 411px;
    height: 100px;
    text-align: center;
}

#header ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#header li {
    display: inline;
    list-style-type: none;
}

#header li a {
    padding: 3px 10px 5px;
}

#header li a:link, #header li a:visited {
    color: #fff;
    background-color: #036;
    text-decoration: none;
}

#header li a:hover {
    color: #fff;
    background-color: #369;
    text-decoration: none;
}





















caption {
    display: none;
}

.chart {
    width: 100%;
}

.chart tbody th {
    width: 15em;
    text-align: left;
}

.chart tbody th.thin {
    width: 5em;
}

.chart tbody td.bar {
    padding-right: 9px;
}

.chart tbody td div {
 text-align: left;
 background: #d4e4f9;
font-weight: bold;
border: 1px #000000 solid;
    width: 100%;padding-bottom: 2px;

}

.chart tbody td div span {padding-left: 5px;}
























#footer {
    padding: 0;
    margin: 0;
    clear: both;
    text-align: center;
}

#footer hr {
    margin-bottom: 40px;
}

#footer ul {
    text-align: center;
}

#footer li {
    display:inline;
}

#footer li:before { content: "| "; }
#footer li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footer li
{
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footer ul { height: 1%; }

* html #footer li
{
display: block;
float: left;
}














table.matches {
    width: 100%;
}

table.matches th, table.matches td {
    text-align: center;
}


table.people {
    width: 100%;
}

table.people th, table.people td {
    text-align: center;
}

th.date {
    width: 15%;
}

th.shortdate {
    width: 10.5%;
}

th.home {
    width: 22.5%;
}

th.score {
    width: 5%;
}

th.away {
    width: 22.5%;
}

th.competition {
    width: 12.5%;
}

th.attendance {
    width: 12.5%;
}

th.timeonpitch {
    width: 8.5%;
}

th.notes {
    width: 8.5%;
}










table.careerhistory {
    width: 100%;
}

table.careerhistory th, table.careerhistory td {
    text-align: center;
}

table.careerhistory th.season {
    width: 12.5%;
}

table.careerhistory th.club {
    width: 30%;
}

table.careerhistory th.transfer {
    width: 15%;
}

table.careerhistory th.games {
    width: 12.5%;
}

table.careerhistory th.goals {
    width: 12.5%;
}

table.careerhistory th.time {
    width: 17.5%;
}












.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}




.register form, .confirm form {
    width: 360px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.register fieldset, .confirm fieldset, .ratetheplayers fieldset  {
    margin: 0;
    border: 0;
    padding: 0;
}

.register label, .confirm label {
    display: block;
    width: 310px;
    padding: 0;
    margin: 0;
}

.register input, .confirm input {
    display: block;
    width: 310px;
    margin: 0;
}

.ratetheplayerssubmit {
    width: 310px;
    margin: 10px 0 0 20px;
}

.login {
    margin: 5px 0 0;
    border: 0;
    padding: 0;
}

.login input {
    margin-right: 5px;
}

.login label {
    margin-right: 5px;
}