#gamePage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width:950px;
  
}

/* **************************************************************** */
/* TOP AREA */
/* **************************************************************** */
.topArea
{
    height: 50px;
    background-image: url(     "images/background/topgamepageback.png" );
    background-repeat: repeat;
  
}
.topArea .logo
{
    width: 315px;
    float: left;
}
.topArea .gameName
{
    text-align:center;
    float: left;
    width: 320px;
}
.topArea .ad
{
    float: left;
    width: 315px;
}
/* **************************************************************** */
/* GAME PLAY AREA */
/* **************************************************************** */
.gamePlayArea
{
   width:940px;
    color: White;
    padding-left: 5px;
    padding-right:5px;
    height: 600px;
    background-color: #205617;
    background-image: url(     "images/background/CardTablebackground.png" );
}

/* OTHER PLAYER AREA */
.gamePlayArea .otherPlayerArea
{
    width: 100%;
    height:200px;   
}
.gamePlayArea .otherPlayerArea .otherPlayer
{
    width: 100px;
    height:180px;
    padding-left: 10px;
 
}

.gamePlayArea .otherPlayerArea .otherPlayer .nameArea
{
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
.gamePlayArea .otherPlayerArea .otherPlayer .cardArea
{
    text-align: center;
    margin-bottom: 10px;
}
.gamePlayArea .otherPlayerArea .otherPlayer .numCardArea
{
    text-align: center;
    font-size: 12px;
}

.gamePlayArea .otherPlayerArea .playerInfo
{
    
    height:20px;
    
}


.gamePlayArea .board
{
    width: 100%;
    height: 150px;
}
.gamePlayArea .board .boardCardArea
{
    width: 740px;
    height: 150px;
    float: left;
}
.gamePlayArea .board .boardDeckArea
{
    width: 200px;
    text-align: right;
    float: left;
    height: 150px;
}
.gamePlayArea .board .boardDeckArea .pullBtn
{
    padding-left:10px;
    padding-right:10px;
    float: right;
    
}
.gamePlayArea .board .boardDeckArea .deckImage
{
    
    float: right;
    
}
.gamePlayArea .myPlayerArea
{
    width: 100%;
    height: 250px;
}
.gamePlayArea .myPlayerArea .myPlayer
{
    float: left;
    width: 180px;
    height: 250px;
}
.gamePlayArea .myPlayerArea .notifArea
{     
     margin:0 auto;
}
.gamePlayArea .myPlayerArea .notif
{padding: 10px;
 padding-top:40px;
    width: 130px;
    color:#636465;
    font-size:14px;
    height: 155px;
    background-image: url("Images/background/cardnotifback.png");
    background-position: top center;
    background-repeat: no-repeat;
}
.gamePlayArea .myPlayerArea .myPlayer .nameArea
{
    text-align: center;
    margin-bottom: 10px;
    width: 140px;
    font-size: 16px;
    font-weight: bold;
}
.gamePlayArea .myPlayerArea .cardAndOptionsArea
{
    float: left;
    width: 750px;
    height:250px;
}
.gamePlayArea .myPlayerArea .cardAndOptionsArea .myOptionsArea
{
    height: 60px;
    width: 750px;
}
.gamePlayArea .myPlayerArea .cardAndOptionsArea .cardArea
{
    height: 120px;
    padding-left:50px;
    padding-top:50px;
    width: 700px;
}
.layoutClear
{
    clear: both;
    width:0;
    height:0;
}


.gamesList
{
}

.gamesList .game
{
    width: 190px;
    color: White;
    margin-bottom: 10px;
}

.gamesList .game .metaFieldName
{
    font-size: 10px;
    color: #efefef;
    font-family: 'Century Gothic';
}
.gamesList .game .metaFieldValue
{
    font-size: 10px;
    color: #efefef;
}
.gamesList .game .gameLinks
{
    text-align: center;
    color: black;
}
.gamesList .gameAltRow
{
    background-color: #6e343f;
    padding: 5px;
}

.gamesList .gameRow
{
    background-color: #581f29;
    padding: 5px;
}

.modalBackground
{
    
    background-image: url(Images/Background/modalback.png);
    background-repeat: repeat;
}

.modalPopup
{
    color:Black;
    background-color:white;
    padding:3px;
    width:250px;
    border:solid 3px #cecece;
}