/* General use classes */
#messageBox{
    padding: 1em ;
    color: black;
/*    background-color: red;*/
}

.Button {
    margin-top:2px;
    margin-bottom:4px;
    border:2px outset #888;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    background:#FF9061;
    padding:2px;
    border-radius:5px;
    text-align:center;
    vertical-align:middle;
}

.Button div{
    margin-top:4px;
    margin-left:0em;
    font-weight:bolder;
    background:#8DBD79;
}

.Button div div{
    margin-left:1em;
}

.Button div div div{
    margin-left:2em;
    font-style:italic;
}


/* Header stuff */

#Header {
    background: #EEE;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    clear:both;
    height:3cm;
}

#HeaderImg {
    height:3cm;
    float:left;
}

#HeaderImg img {
    height:3cm;
}

#HeaderTitle {
    font-size:44pt ;
    font-weight:bolder;
    text-align:center;
    vertical-align:middle;
    line-height:3cm;
}

/* Main menu stuff */

#MainMenu {
    background: #EEE;
    padding:10px;
    position:fixed;
    left:0;
    top:3cm;
    width:10em;
    font-size:10pt;
    font-family:FreeSans,Arial,Helvetica;
    clear:both;
    height:100%;
}

#MainMenu #Title {
    font-weight:bolder;
    font-size:12pt;
    width:inherit;
    text-align:center;
}

/* Body stuff */
#MainContent {
    padding:10px ;
    margin-left:10em;
    margin-top:3cm;
    background:white;
    height:100%;
    font-size:12pt;
}

#MainContent H1,H2,H3,H4,P,OL,UL,LI{
    max-width:50em;
    text-align:left;
}

div#result {
    visibility:hidden ;
}

/* Listing stuff */
#actionsDISC{

    left: 5px;
    bottom: 5px;
    position: fixed;
}

/* Graphs */
.discGraphs{
    width:900px;
    height: 630px;
}


.graphScores{
    visibility: hidden;
}

/* Edit form */
form#editForm .labelcol{
    text-align: right;
    font-weight: bolder;
    vertical-align: top;
}

form#editForm .score{
    width:3em ;
}

/* Printing stuff */
@media print {
    #Header, #HeaderImg, #HeaderTitle, #MainMenu, #MainMenu #Title {
        display: none ;
    }
    
    #MainContent{
        margin: 0 ;
    }
    
}

/* Mobile stuff */
@media handheld {
    
}