.titleblock {
}

.titleblock h3 {
    font-size: 12 pt;
    font-weight: bold;
    margin-bottom: 0;
}

.gamegroup {
    margin-bottom: 2em;
}

.leftinfo {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.rightinfo {
    margin-left: 50%;
    padding-left : 15px;
}

.allinfo {
}

.votedfor {
    color: #999;
    font-style: italic;
}

/* The sub-information for games */
.gameinfoHide {
    font-size: 10pt;
    margin-left: 2em;
    display: none;
}

.gameinfoShow {
    font-size: 10pt;
    margin-left: 2em;
    display: block;
}

.gameToggle {
    cursor: pointer;
    vertical-align: middle;
}

/* Page list */
.pages {
    border-top: 1px solid #4f82a8;
    background-color: #cfdae4;
    padding: .1em .2em .1em .2em;
}

/* Selected page w/in the page list */
.pages .curpage {
    font-weight: bold;
}

.optbar {
    font-size: 80%;
    border-top: 1px solid #4f82a8;
    background-color: #cfdae4;
    text-align: center;
    vertical-align: center;
    margin-bottom: 1em;
}

.options h3 {
    margin: 2em 0 .2em 0;
}

.optionbox {
    border: 1px solid #4f82a8;
    padding: .2em;
}

.submitbox {
    background-color: #cfdae4;
    font-size: 80%;
}

/* And a wacky hack to fix clearing problems. See
http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Holly hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */