body {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 80%;
    background-color: #DDD;
    font-size: 0.8em;
    font-family: "Lucida Grande", sans-serif;
}

h1, h2, h3, h4 {
    color: #666;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.3em;
}

h2.date {
    background: #AAA;
    color: #FFF;
}

h3 {
    font-size: 1.2em;
}

h5 {
    padding-bottom: 0;
}

a{
    color: #F00;
    text-decoration: none;
}

a:hover {
    background: #FDC;
}

h4 a {
    color: #666;
    text-decoration: none;
    border: none;
}

h4 a:hover {
    background: none;
}

table.FormLayout {
    width: 70%;
}

tr {
    vertical-align: text-bottom;
    height: 2em;
}

td {
    border-right: #fff 1px solid;
    padding: 0px 2px;
}

td.league_club {
    white-space: nowrap;
}

td.club {
    white-space: normal;
    width: 12em;
}

td.position {
    width: 2em;
}

textarea {
    width: 100%;
}

input[type="text"] {
    width:100%;
}

div#header {
    width: 770px; height: 200px;
    left: 220px;
    background: url(images/fcum_header.jpg) no-repeat right;
}

#header a:hover{
    background :#C33;
} 

div#Breadcrumbs{
    background: #C33;
    padding: 0.5em 0 0.5em 0;
    width: 770px;
}

#Breadcrumbs a{
    color: #FFF;
    text-decoration: none;
    background: #C33;
}

#Breadcrumbs a:hover{
    text-decoration: underline;
}

#Breadcrumbs a.first:before {
    content: " ";
}

#Breadcrumbs a.path:before {
    content: " \00BB \0020";
}

#UserActions a.first:before, #ContextActionsRow a.first:before, #WorkflowActions a.first:before,
#FolderActions a.first:before, #GlobalActions a.first:before {
    content: " ";
}

#UserActions a.path:before, #ContextActionsRow a.path:before, #WorkflowActions a.path:before,
#FolderActions a.path:before, #GlobalActions a.path:before  {
    content: " | ";
}

#main, #footer, #UserActions {
    width: 770px;
    background: #FFF;
}

div#main {
    float: left;
    }

div#navigation {
    float: left;
    width: 210px;
    height: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navigation a{
    display: block; 
    margin: 0.5em 0 0.5em 0;
    padding: 0;
}


div#content_well, div#DesktopTitle, div#DesktopDescription{
    float: right;
    width: 560px;
}

div.row {
    width: 100%;
    float:left;
    margin: 0 0 1em 0;
}

div.left_column {
    float: left;
    width: 45%;
}

div.right_column {
    float: left;
    width: 45%;
    margin: 0 0 0 10px;
}

div#footer {
    float: left;
    font-weight: bold;
    width: 560px;
    padding: 1em 0 0 210px;
}

table.league_table {
    border-collapse: collapse;
}
    
table.league_table tr{
    background: #DDD;
    }

table.league_table tr:nth-of-type(odd) {
    background: #FCC;
}

.prediction table.league_table tr:nth-child(2),
.prediction table.league_table tr:nth-child(6),
.prediction table.league_table tr:nth-last-child(3) {
    border-bottom: 2px dotted #000;
}

table.league_table th,
table.league_table tr.head{
    background: #FFF;
    font-weight: bold;
}

table.league_table tr:not(.fcum) td.highlighted, 
table.league_table th.highlighted {
    background: #FCC;
}
    
table.league_table tr.fcum {
    font-weight:bold;
    background: #F66;
    }

.separator td, .separator th {
    border-top: 1px solid #000;
    padding: 10px 4px;
    }

#table_ressies, #table_youth, #calendar_ressies, #calendar_youth {
    display:none;
}

span.fixture {
    display: block;
}
span.competition , span.cup{
    display: block;
    font-weight: bold;
}

span.cup {
    padding-left:  16px;
    background: url(images/cup.png) no-repeat left;
}

.docutils dd {
    font-weight:bold;
}