/* TODO: removed left and right padding <div> and instead put 20px padding on main content */
/* handles ff and ie, with non-fixed page height */

#contentYoWinner
{
    margin:inherit;
    height:100%;
    width:920px;
    padding:inherit;
    padding-left:20px;
    padding-right:20px;
    background-color:inherit;
    float:left;
    
    color:#00738c;
    font-size:12px;
}

#contentYoWinnerMainTop
{
    margin:inherit;
    height:15px;
    width:100%;
    padding:0px;
    background-color:inherit;
}

#contentYoWinnerMainBottom
{
    margin:inherit;
    height:15px;
    width:100%;
    padding:0px;
    background-color:inherit;
    clear:left;
}

/* contains the YoWinner card, updates and the polls - upper area */
#contentYoWinnerUpperArea
{
    margin:inherit;
    height:180px; 
    width:380px; 
    padding:0px;
    background-color:inherit;
    float:left;
    /* border:1px solid #333333; */

}
/* contains the information in the YoWinner main card area */
#contentYoWinnerCard
{
    margin:inherit;
    height:160px; /* this is the full height of the card */
    width:350px; /* this is the full width of the card */
    padding:0px;
    background-color:#00738c;
    color:#ffffff;
}


/* top area of card */
#contentYoWinnerCardTop
{
    margin:inherit;
    height:20px;
    width:100%;
    padding:inherit;
    background-color:inherit;
}

#contentYoWinnerCardTopLeft
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    background-color:inherit;
    background:transparent url(../../images/myyowinner/topLeftCornerC.jpg) no-repeat top left;
    float:left;
}

#contentYoWinnerCardTopCentre
{
    margin:inherit;
    height:100%;
    width:310px; /* 350px - 20px * 2 */
    padding:inherit;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardTopRight
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    background-color:inherit;
    background:transparent url(../../images/myyowinner/topRightCornerC.jpg) no-repeat top left;
    float:left;
}

/* main area of card */
#contentYoWinnerCardMiddle
{
    margin:inherit;
    height:120px; /* 160px - 20px * 2 */
    width:330px; /* 350px - 20px (padding) */
    padding:inherit;
    padding-left:20px;
    background-color:inherit;
}

#contentYoWinnerCardAvatarArea
{
    margin:inherit;
    height:100px; 
    width:100px;
    padding:0px;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardAvatar
{
    margin:inherit;
    height:100px; 
    width:100%;
    padding:inherit;
    background-color:inherit;
    /* background image is set on server side */    
}

/* rounded corners on avatar */
#contentYoWinnerCardAvatarTop
{
    margin:inherit;
    height:10px; 
    width:100%;
    padding:inherit;
    background-color:inherit;
}

#contentYoWinnerCardAvatarTopLeft
{
    margin:inherit;
    height:100%; 
    width:10px;
    padding:inherit;
    background:transparent url(../../images/myyowinner/imageTopLeftCornerB.png) no-repeat top left;
    float:left;
}

#contentYoWinnerCardAvatarTopCentre
{
    margin:inherit;
    height:100%; 
    width:80px; /* 100px - 10px * 2 */
    padding:inherit;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardAvatarTopRight
{
    margin:inherit;
    height:100%; 
    width:10px;
    padding:inherit;
    background:transparent url(../../images/myyowinner/imageTopRightCornerB.png) no-repeat top left;
    /* border:1px solid #333333; */
    float:left;
}

#contentYoWinnerCardAvatarMiddle
{
    margin:inherit;
    height:80px; /* 100px - 10px * 2 */
    width:100%; 
    padding:inherit;
    background-color:inherit;
}

#contentYoWinnerCardAvatarBottom
{
    margin:inherit;
    height:10px; 
    width:100%;
    padding:inherit;
    background-color:inherit;
}

#contentYoWinnerCardAvatarBottomLeft
{
    margin:inherit;
    height:100%; 
    width:10px;
    padding:inherit;
    background:transparent url(../../images/myyowinner/imageBottomLeftCornerB.png) no-repeat top left;
    float:left;
}

#contentYoWinnerCardAvatarBottomCentre
{
    margin:inherit;
    height:100%; 
    width:80px; /* 100px - 10px * 2 */
    padding:inherit;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardAvatarBottomRight
{
    margin:inherit;
    height:100%; 
    width:10px;
    padding:inherit;
    background:transparent url(../../images/myyowinner/imageBottomRightCornerB.png) no-repeat top left;
    float:left;
}


#contentYoWinnerCardRankingArea
{
    margin:0px;
    height:20px; /* 20px - 2px (padding) */
    width:230px; /* 100px - 10px (padding) */
    padding:0px;
    padding-top:0px;
    padding-left:10px;
    background-color:inherit;
    clear:both;
}

#contentYoWinnerCardRating
{
    margin:0px;
    height:18px; /* 20px - 2px (padding) */
    width:100px; 
    padding:0px;
    padding-top:2px;
    padding-left:10px;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardRatingResult
{
    margin:0px;
    height:18px; /* 20px - 2px (padding) */
    width:120px; 
    padding:0px;
    padding-top:2px;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardContent
{
    margin:inherit;
    height:100px; 
    width:220px; /* 350px - 20px (padding) - 100px (avatar) - 10px (padding) */
    padding:0px;
    padding-left:10px;
    background-color:inherit;
    overflow:hidden;
    word-wrap: break-word;
    float:left;
}

/* bottom area of card */
#contentYoWinnerCardBottom
{
    margin:inherit;
    height:20px;
    width:100%;
    padding:inherit;
    background-color:inherit;
}

#contentYoWinnerCardBottomLeft
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    background-color:inherit;
    background:transparent url(../../images/myyowinner/bottomLeftCornerC.jpg) no-repeat top left;
    float:left;
}

#contentYoWinnerCardBottomCentre
{
    margin:inherit;
    height:100%;
    width:310px; /* 350px - 20px * 2 */
    padding:inherit;
    background-color:inherit;
    float:left;
}

#contentYoWinnerCardBottomRight
{
    margin:inherit;
    height:100%;
    width:20px;
    padding:inherit;
    background-color:inherit;
    background:transparent url(../../images/myyowinner/bottomRightCornerC.jpg) no-repeat top left;
    float:left;
}

#contentYoWinnerCardPadding
{
    margin:inherit;
    height:20px;
    width:350px;
    padding:inherit;
    background-color:white;
    /* border:1px solid #333333; */
}

/* contains the information to the right of the yowinner main card area */
#contentYoWinnerInformation
{
    margin:inherit;
    height:180px;
    width:520px;
    padding:0px;
    padding-left:20px;
    background-color:inherit;
    float:left;
}


#contentYoWinnerPoll
{
    margin:inherit;
    height:100%;
    width:199px;
    padding:0px;
    padding-left:10px;
    background-color:inherit;
    border-left:1px solid #d9d9d9;
    /* padding-right:5px; */
    float:left;
}

#myYoWinnerModelPopupAlternate
{
    margin:inherit;
    height:180px;
    width:310px;
    padding:0px;
    /* padding-left:20px; */
    background-color:inherit;
    float:left;
}



#contentYoWinnerUpdateEmail
{
    margin:inherit;
    height:20px;
    width:310px;
    padding:0px;
    background-color:inherit;
    clear:left;
}

#contentYoWinnerUpdateEmailImage
{
    margin:inherit;
    height:18px;
    width:30px;
    padding:inherit;
    background-color:inherit;
    float:left;
  
}

#contentYoWinnerUpdateEmailText
{
    margin:inherit;
    height:18px;
    width:280px;
    padding:inherit;
    background-color:inherit;
    float:left;
    font-size:12px;
    font-weight:bold;
      
}

div.contentYoWinnerUpdateRequests
{
    margin:inherit;
    /* height:160px; */
    width:310px;
    padding:0px;
    padding-top:5px;
    background-color:inherit;
    clear:left;
    /* border:1px solid #333333; */
}

div.contentYoWinnerUpdateRequestsImage
{
    margin:inherit;
    height:100%;
    width:30px;
    padding:0;
    background-color:inherit;
    float:left;
}

div.contentYoWinnerUpdateRequestsText
{
    margin:inherit;
    height:100%;
    width:280px;
    padding:0;
    background-color:inherit;
    float:left;
}



/* this hold all the main content of the site */
#contentYoWinnerMain
{
    margin:inherit;
    height:100%;
    width:920px;
    padding:0px;
    background-color:inherit;
    /* border-left:1px solid #d9d9d9; */
    
    clear:left;
    
}

#contentYoWinnerLeftColumn
{
    margin:inherit;
    height:100%;
    width:200px;
    padding:0px;
    background-color:inherit;
    float:left;
    
}

div.yoWinnerFriend
{
    margin:inherit;
    
    width:100%;
    padding:0px;
    background-color:inherit; 
}

div.yoWinnerFriendAvatar
{
    margin:inherit;
    height:100%;
    width:50px;
    padding:0px;
    padding-top:5px;
    background-color:inherit;
    float:left;
}

div.yoWinnerFriendDetail
{
    margin:inherit;
    height:100%;
    width:145px;
    padding:0px;
    background-color:inherit;
    float:left;
    overflow:hidden;
    word-wrap: break-word;
}

#contentYoWinnerCentreColumn
{
    margin:0px;
    height:100%;
    width:413px; /* 420 - 1px * 2 (border) - 5px  (padding) */
    padding:0px;
    padding-left:5px;
    background-color:inherit;
    float:left;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

#yoWinnerWallDetail
{
    margin:inherit;
    /* height:100%; */
    width:360px;
    padding:0px;
    background-color:inherit;
    float:left;
}

#contentYoWinnerRightColumn
{
    margin:inherit;
    height:100%;
    width:295px; /* 300px - 5px (padding) */
    padding:inherit;
    padding-left:5px;
    background-color:inherit;
    float:left;
}

.yoWinnerContestGameDetail
{
    margin:inherit;
    height:auto;
    width:300px;
    padding:0px;
    background-color:inherit;
}
.yoWinnerContestGameImage
{
    margin:inherit;
    height:auto;
    width:25px;
    padding:0px;
    background-color:inherit;
    float:left;
}

.yoWinnerContestGameInformation
{
    margin:inherit;
    height:auto;
    width:275px;
    padding:0px;
    background-color:inherit;
    float:left;
}


.contentYoWinnerLeftBar
{
    margin:inherit;
    height:1px;
    width:190px;
    padding:0px;
    padding-right:1px;
    background-color:#d9d9d9;
    clear:left;
}

.contentYoWinnerRightBar
{
    margin:inherit;
    height:1px;
    width:290px;
    padding:0px;
    padding-left:5px;
    background-color:#d9d9d9;
    clear:left;
}

.contentYoWinnerCentreBar
{
    margin:0px;
    height:1px;
    width:400px;
    padding:0px;
    padding-right:1px;
    padding-left:1px;
    background-color:#d9d9d9;
    clear:both;
}

#contentYoWinnerMainBottomBar
{
    margin:inherit;
    height:1px;
    width:920px;
    padding:0px;
    background-color:#d9d9d9;
    clear:left;
}
.textBoxMouseOver 
{
    font-size:10px;
    color:#ffffff;
    font-family:Trebuchet MS;
    overflow:hidden;
}
   
.userStatusUpdate
{
    font-size:10px;
    color:#ffffff;
    font-family:Trebuchet MS;
    overflow:hidden;
}