#profile {
        width: 100%;
        height: 100%;
        padding: 4px;
        overflow: hidden;
}

#summary{
        /*color: #000000;*/
        margin: 8px;
        /*font-size: 10px;
        line-height: 10px;*/
}

#avatar {
        float: left;
        width: 40px;
        height: 40px;
}

#avatar img {
        border: none;
        margin: 4px;
}

#avatarMedium {
        float: left;
        width: 70px;
        height: 70px;
}

#avatarMedium img {
        border: none;
        margin: 3px;
}

#info {
        float: left;
        margin-left: 5px;
}

#info a {
        font-weight: bold;
        text-decoration: none;
}

.in-game #avatar {
        background-image: url(./images/in-game.png);
}

.in-game #info, .in-game #info a {
        color: #00E100;
}

.online #avatar {
        background-image: url(./images/online.png);
}

.online #avatarMedium {
        background-image: url(./images/onlinelineup.png);
}

.in-game #avatarMedium {
        background-image: url(./images/in-gamelineup.png);
}

.offline #avatarMedium {
        background-image: url(./images/offlinelineup.png);
}

.online #info, .online #info a {
        color: #24B9FF;
}

.online #summary, .online #summary a {
        color: #999;

        font-size: 10px;
        line-height: 5px;
}

.offline #avatar {
        background-image: url(./images/offline.png);
}

.offline #info, .offline #info a {
        color: #999;
}

#windowbg
{
        color: #000000;
        background: url(./images/winbg2.gif) #ffffff top right repeat-y;

}
#windowbg2
{
        color: #000000;
        background-image: url(./images/winbg.gif) #f2f2f2 repeat-x;
}

#windowbglineup
{
        background-color: #000000;


}
#windowbglineup2
{
        background-color: #FFFFFF;

}

.windowbg3
{
        color: #000000;
        background: url(./images/winbg.gif) #f2f2f2 repeat-x;
}