.Result {
    margin:10px;
    width:90%;
}

.Result th {
    font-weight:bold;
    background:none repeat scroll 0 0 #252525;
    color:#FFFFFF;
    text-align:left;
    font-size:10px;
    text-align:left;
    padding:4px;
}

.foracasts {
    clear:both;
    width:70%;
    margin-top:10px;
    margin-left:30px;
}

.foracasts thead td, .forecastTable thead td {
    text-align: center;
    font-weight: bold;
}

.foracasts tr.forecastRow {
    height:40px;
    cursor: pointer;
}
.foracasts tr td, .forecastTable tr.gameRow td {
    padding: 5px;
    border:1px solid #DDDDDD;
    text-align: center;
}

.foracasts tr td.status {
    width:20px;
    font-size:10px;
    text-align: center;
}

.foracasts tr td.name {
    width:80%;
    text-align: center;
    font-weight: bold;
}

.create-new-game {
    margin-left: 33px;
}

.open, .closed, .lock {
    height: 22px;
    width: 232px;
    background: transparent url(../images/lock.png) 0px center no-repeat;
    padding-left: 40px;
    padding-top: 15px;
    text-align: left;
}

.closed {
    background: transparent url(../images/closed.png) 0px center no-repeat;
}

.open {
    background: transparent url(../images/ball.png) 0px center no-repeat;
}

.forecastArea {
    margin-left: 100px;
}

.forecastTable {
    margin-top: 30px;
    width: 80%;
}

.forecastTable .scores {
    background: #555555;
    font-size:28px;
}

.forecastTable .points1 {
    color: #FFFFFF;
}

.forecastTable .points2 {
    color: #00FF00;
}

.forecastTable .points3 {
    color: #FF0000;
}