#tab, #tabs {
    border-color: rgba(0, 0, 0, 0.3);
}

.active {background-color: rgba(0, 0, 0, 0.2)}

a {
    color: #000000
}

a:hover {
    color: #525252
}

button {
    border-color: rgba(255, 255, 255, 0.3);
}


input[type="radio"]:checked {
    background-color: #cccccc;
}

input[type="radio"] {
    background-color: #404040;
}

input[type="checkbox"] + label span {
    background:url(../images/check_sheet.png) -22px top no-repeat;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/check_sheet.png) -33px top no-repeat;
}

input[type="text"]{
    border-color: #dbdbdb;
}


.perpTool {
    background-image: -webkit-image-set( url('../icons/x1/perpTool_dark.png') 1x, url('../icons/x2/perpTool_dark.png') 2x)
}

.horizonTool {
    background-image: -webkit-image-set( url('../icons/x1/horizonTool_dark.png') 1x, url('../icons/x2/horizonTool_dark.png') 2x)
}

.recolor {
    background-image: -webkit-image-set( url('../icons/x1/recolor_dark.png') 1x, url('../icons/x2/recolor_dark.png') 2x)
}

.xall {
    background-image: -webkit-image-set( url('../icons/x1/xall_dark.png') 1x, url('../icons/x2/xall_dark.png') 2x)
}

.wrap {
    background-image: -webkit-image-set( url('../icons/x1/wrap_dark.png') 1x, url('../icons/x2/wrap_dark.png') 2x)
}

.deperp {
    background-image: -webkit-image-set( url('../icons/x1/deperp_dark.png') 1x, url('../icons/x2/deperp_dark.png') 2x)
}

.rotatePath {
    background-image: -webkit-image-set( url('../icons/x1/rotatePath_dark.png') 1x, url('../icons/x2/rotatePath_dark.png') 2x)
}

.correctPath {
    background-image: -webkit-image-set( url('../icons/x1/correctPath_dark.png') 1x, url('../icons/x2/correctPath_dark.png') 2x)
}

.resetTransform {
    background-image: -webkit-image-set( url('../icons/x1/resetTransform_dark.png') 1x, url('../icons/x2/resetTransform_dark.png') 2x)
}