/**
Social deck style sheet
*/
@import url( "http://static.ak.facebook.com/css/base.css" );

div.autocomplete {
    position: absolute;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #cbcbcb;
}

table.statstable {
    border: 1px #898989 solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

tr.statstable {
    background-color: #fafafa;
}

td.statstableHeading {
    background-color: #3b5998;
    border: 1px #000000 solid;
    font-weight: bold;
    color: #ffffff;
    padding-left: 4px;
}

td.statstable {
    border-top: 1px #bdc7d8 solid;
    text-align: left;
    font-weight: normal;
    color: #404040;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 0px;
}

table.statstableEnd {
    border-collapse: collapse;
}

tr.statstableEnd {
    padding: 0px;
    width: 100%;
}

td.statstableEnd {
    border-bottom: 1px solid black
    font-weight: normal;
    color: #404040;
    padding: 0px;
}

table.gametable {
    width: 500px;
    border: 1px #898989 solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

tr.gametable {
    background-color: #fafafa;
}

tr.gametable:hover {
    background-color: #fff8cc;
    cursor: pointer;
}

td.gametableHeading {
    background-color: #3b5998;
    border: 1px #000000 solid;
    font-weight: bold;
    color: #ffffff;
    padding-left: 4px;
}

td.gametable {
    border-top: 1px #bdc7d8 solid;
    text-align: left;
    font-weight: normal;
    color: #404040;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 0px;
}

table.gametableEnd {
    border-collapse: collapse;
}

tr.gametableEnd {
    padding: 0px;
    width: 100%;
}

td.gametableEnd {
    border-bottom: 1px solid black
    font-weight: normal;
    color: #404040;
    padding: 0px;
}

a.pagination {
    color: #3b5998;
}

a.paginationSelected {
    font-weight: bolder;
    background-color: #fff8cc;
    color: #3b5998;
}

a.pagination:hover, a.paginationSelected:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #3b5998;
}

.settingsHeading {
    width: 400px;
    padding-bottom: 4px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #bdc7d8;
    color: #333333;
}

.settingsCaption {
    width: 400px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.homeText {
    font-size: 14px;
}

.explanation_box
{
    width: 400px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e2c822;
    background-color: #fff9d7;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
}

.explanation_box_wide
{
    width: 480px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e2c822;
    background-color: #fff9d7;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
}