/* Common stuff   */
.picker-wrapper, .slide-wrapper {
    position: relative;

    float: left;
}

.picker-indicator, .slide-indicator {
    position: absolute;
    top: 0;
    left: 0;

    pointer-events: none;
}

.picker, .slide {
    float: left;

    cursor: crosshair;
}

/* Normal skin */
.cp-normal {
    float: left;

    padding: 5px;

    border: 2px solid #000;
    background-color: #777;
}
.cp-normal .picker {
    width: 200px;
    height: 200px;
}
.cp-normal .slide {
    width: 30px;
    height: 200px;
}
.cp-normal .slide-wrapper {
    margin-left: 10px;
}
.cp-normal .picker-indicator {
    width: 5px;
    height: 5px;

    pointer-events: none;

    opacity: .5;
    border: 1px solid gray;
    background-color: white;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: alpha(opacity=50);
}
.cp-normal .slide-indicator {
    left: -4px;

    width: 100%;
    height: 10px;

    pointer-events: none;

    opacity: .6;
    border: 4px solid gray;
    background-color: white;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter: alpha(opacity=60);
}

/*Input Boxes
-------------*/
input[type=text].nwxheader_bg, input[type=text].nwxhighlight_color, .nwxborder_style {
    color: #ddd;
    border: 2px solid #000;
    border-radius: 0;
    background-color: #777;
}

.nwxrview_save {
    text-decoration: none;

    color: #ddd;
    border: 2px solid #000;
    background: #777;
}
.nwxrview_save:hover {
    background: #000;
}

/*----------------------
 Options Page Elements
-----------------------*/
.nwxrview_opt_page {
    float: left;

    width: 490px;
    margin-right: 10px;
}

.nwxrview_opt_right {
    float: left;

    width: 290px;
    margin-left: 10px;
}