.skillTree {
    position:absolute;
    text-align:center;
    padding-top:5%;
    opacity:.9;
    z-index:112;
    display:none;
    width:100%;
    height:100%;
    background-color:#000;
}

.skillTree img {
    image-rendering: auto;
}

.skillTitle {
    position:absolute;
    top:16px;
    left:16px;
    font-size:16px;
    color:#0ff;
    text-align:left;
}

.cluster {
    display:inline-block;
    width:160px;
    margin-right:16px;
    margin-left:16px;
}

.cluster-row img {
    opacity:.6;
}

.cluster-row img:hover {
    opacity:1;
    cursor:pointer;
}

.school-row img {
    opacity:.6;
}
.school-row img:hover {
    opacity:1;
    cursor:pointer;
}

.majorTrait img {
    opacity:.7;
}

.majorTrait img:hover {
    opacity:1;
    cursor:pointer;
}

.traitDescription {
    color:#0ff;
    margin-top:40px;
    height:32px;
}

.confirmContainer {
    text-align:center;
    margin-top:64px;
}

.confirmSkills {
    width:45%;
    color:#0ff;
    display:inline-block;
    cursor:pointer;
    text-align:left;
    font-size:20px;
    opacity:.7;
    margin-left:32px;
}

.clearSkills {
    width:45%;
    color:#f00;
    display:inline-block;
    cursor:pointer;
    text-align:right;
    font-size:20px;
    opacity:.7;
    margin-right:32px;
}

.confirmSkills:hover {
    width:45%;
    color:#0ff;
    display:inline-block;
    cursor:pointer;
    text-align:left;
    font-size:20px;
    opacity:1;
    margin-left:32px;
}

.clearSkills:hover {
    width:45%;
    color:#f00;
    display:inline-block;
    cursor:pointer;
    text-align:right;
    font-size:20px;
    opacity:1;
    margin-right:32px;
}

.skillsCount {
    font-size:32px;
    text-align:center;
    height:48px;
    color:#0ff;
}