@font-face {
     font-family:'Grand9K Pixel';
     src:url('../fonts/Grand9K Pixel.ttf');
 }

.playerBox {
    /*background-color:#999;
    background-image: url(../Images/Layout/ChevronBackgroundColorLight.jpg);
    background-size:300px;
    background-position:center;*/
    /*background: rgb(248,80,50);
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);*/
    
    /*background-image: url(../Images/Layout/BackgroundRisingSunGrayLight.jpg);
    background-position:right center;
    background-size:300px;*/

    font-family:'Grand9K Pixel';
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);

    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;
    
    padding:3px;
    /*margin-left:10px;*/
    
    height:280px;
    width:200px;

    position:relative;
    text-align:left;
}

.playerBoxBottom {
    background-color:transparent;
    position:absolute;
    bottom:3px;
    width:inherit;
    line-height:12px;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
}

.framesArea {
    list-style-type:none;
}

.framesArea li {
    display:inline-block;
    
    padding:2px;
}

.partSelector {
    color:#888;
    
    cursor:pointer;

    font-size:15px;
}

.partSelector:hover {
    color:#ff6a00;
}

#showcase {
    border-color:#ff6a00;
    border-style:dashed;
    border-width:thin;
}

.avatarPart {
    background-image:url(../Images/Avatars/Body/0.png);
    background-repeat:no-repeat;
    height:100px;
    width:100px;
}

.avatarStack {
    position:absolute;
    height:100px;
    width:100px;

    border-radius:15px;
}

.labelReady {
    padding:3px;
    font-family:Upheaval;

    background-color:#ff6a00;
    color:#fff;
    box-shadow: 2px 2px 1px #888;

    position:absolute;
    margin-top:-30px;
}