/* 
    Document   : style
    Created on : 2012-apr-25, 16:07:57
    Author     : Philip
*/

root { 
    display: block;
}

body {
    background-image:url('groovepaper.png');
}

/*
    Stuff for formatting
*/
.subhead {
    font-weight: bold;
}

.hideable {
    position: relative;
    overflow: hidden;
    opacity: 0;
    height: 0;
    
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

div.star {
    float: left;
    width: 26px;
    height: 26px;
    margin: -3px;
    margin-right: 4px;
}

div.nostar {
    background-image: url('../image/none.png');
}

div.bronzestar {
    background-image: url('../image/bronze.png');
}

div.silverstar {
    background-image: url('../image/silver.png');
}

div.goldstar {
    background-image: url('../image/gold.png');
}

/*
    Tables with a header row for displaying participants.
*/
table {
    color:#333;
    border-width: 1px;
    border-color: #666;
    border-style: solid;
    border-collapse: collapse;
}
table th {
    padding: 10px;
    
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    background-color: #dedede;
}
table th:hover {
    background-color: #efefef;
}

table td {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    
    border-width: 1px;
    border-style: solid;
    border-color: #888;
    background-color: #fff;
}

table td.star {
    text-align: center;
}
table td.star img {
    margin: -4px;
}

table td.mergedown {
    border-bottom: none;
}

table td.mergeup {
    border-top: none;
    font-size: 0pt;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table td.mergeup div.star {
    opacity: 0;
}

/*
     Links aren't intrusive
*/

a:link {
    text-decoration: none;
    color: #0033aa;
}

a:visited {
    text-decoration: none;
    color: #5533aa;
}

a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: underline; 
    color: #f00;
}

/*
    Language code formatting
*/
.languagecode {
    color: #888;
}

/*
    Participant page, graphs and stuff
*/

.section {
    width: 100%;
    max-width: 800px;
    margin-bottom: 20px;
}

.graph {
    width: 100%;
    height: 500px;
}

.list {

}

.spanleft {
    float: left;
}

.spanright {
    float: right;
}