img { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
}

body {
    background-color:#070710;
}

#CharacterSelector {
    position:relative;
    z-index:12;
    width:100%;
    text-align:center;
    top:10%;
    color:#888;
    opacity: .35;
}

#CharacterSelector img.good {
    border:#22a solid 4px;
    border-radius:8px;
    margin:8px;
    padding:8px;
    width:64px;
    height:64px;
    background-color:#001;
    cursor:pointer;
    opacity:.2;
}

#CharacterSelector img.bad {
    border:#a00 solid 4px;
    border-radius:8px;
    margin:8px;
    padding:8px;
    width:64px;
    height:64px;
    background-color:#100;
    cursor:pointer;
    opacity:.2;
}

#CharacterSelector img.neutral {
    border:#aaa solid 4px;
    border-radius:8px;
    margin:8px;
    padding:8px;
    width:64px;
    height:64px;
    background-color:#100;
    cursor:pointer;
    opacity:.2;
}

#CharacterSelector img:hover {
    border:#0f0 solid 4px;
    background-color:#030;
}

#ControlMapWrapper {
    display:none;
    height:512px;
    opacity: .35;
}

#cPic {
    width:192px;
    height:192px;
}

#cName {
    padding-top:32px;
    padding-bottom:8px;
}

#cDesc {
    padding-bottom:8px;
}

#cWeapon { 
    padding-bottom:8px;
}

#ControlMap { 
    margin:0 auto;
    position:relative;
    z-index:12;
    text-align:left;
    color:#0f0;
    width:600px;
    display:block; 
}

.instance {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bossinstance {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shopItem {
    margin-top:4px;
    margin-bottom:4px;
    border-bottom:#0f0 dashed 2px;
    text-align:center;
    padding-top:4px;
    padding-bottom:8px;
    color:#ff0;
    font-size:24px;
}

.shopItemText {
    text-align:left;
    font-size:12px;
    color:#0f0;
}

.shopItem img {
    width:48px;
    height:48px;
    background-color:#020;
    border:#0b0 solid 2px;
    border-radius:8px;
    margin:8px;
    cursor:pointer;
}

.shopItem:hover img {
    width:48px;
    height:48px;
    background-color:#020;
    border:#0f0 solid 2px;
    border-radius:8px;
    margin:8px;
    cursor:pointer;
}

#RedSelector {
    width: 48px;
    height: 188px;
    padding: 12px;
    opacity: .5;
}

#BlueSelector {
    width: 48px;
    height: 188px;
    padding: 12px;
    opacity: .5;
}

#SelectAlignment {
    display:none;
    position:absolute;
    bottom: 32px;
    left:38.5%;
    width:25%;
    text-align:center;
    z-index:15;
}

#SelectAlignment img:hover {
    opacity:1;
    cursor:pointer;
}

#Initializer {
    position:absolute;
    text-align:center;
    bottom: 32px;
    width:100%;
}

#SelectAlignmentRed {
    position:absolute;
    bottom:32px;
    width:100%;
    text-align:center;
    display:none;
}

#SelectAlignmentBlue {
    position:absolute;
    bottom:32px;
    width:100%;
    text-align:center;
    display:none;
}