/* general stuff
 */
a:focus { outline: none; }
img { border: none; }

.clear { clear: both; }

/*body { background: red;}
html { background: red;}*/


/* tags
 */
.tag {
    font: 16px Arial;
    background: -webkit-gradient(linear, left top, left bottom, to(rgba(255,255,255,1)), from(rgba(200,200,200,1)) );
    padding: 1px 23px 1px 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
    text-shadow: 1px 1px 0px white;
    position: relative;
}
.tag .remove {
    font: 16px "Arial";
    background: #4A4A4A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
    color: white;
    text-shadow: 1px 1px 0 #333;
    padding: 0px;
    margin-left: 5px;
    line-height: 12px;
    padding: 0 1px 0 1px;
    position: absolute;
    height: 12px;
    right: 4px;
    top: 4px;
}


/* button
 */
.button {
    font: 12px Arial;
    padding: 1px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,1);
    border: none;
    text-decoration: none;
    }

.button.white {
    background: rgba(200,200,200,1); /* TODO firefox compartibility for now */
    background: -webkit-gradient(linear, left top, left bottom, 
        from(rgba(200,200,200,1)),
        to(rgba(255,255,255,1))
         );
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    text-shadow: 1px 1px 0px white;
    }
.button.white.selected {
    border-bottom: 1px solid #000;
    }
.button.white.deactivated, .button.white.deactivated:hover, .button.white.deactivated:active {
    background: #eee;
    color: #999;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    }
.button.white:hover {
    background: -webkit-gradient(linear, left top, left bottom, 
        from(rgba(222,222,222,1)),
        to(rgba(255,255,255,1))
         );
    }
.button.white:active {
    background: -webkit-gradient(linear, left top, left bottom, 
        from(rgba(200,200,200,1)),
        to(rgba(222,222,222,1))
         );
    }

.button.black {
    background: #000; /* TODO firefox compartibility for now */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0, #000 ),
        color-stop(1, #333 )
        );
    color: #eee;
    text-shadow: 1px 1px 0px black;
    border-top: 1px solid #333;
    border-bottom: 1px solid #000;
    }
.button.black.selected {
    border-bottom: 1px solid #fff;
    }
.button.black:hover {
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0, #111 ),
        color-stop(1, #555 )
         );
    }
.button.black:active {
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0, #444 ),
        color-stop(1, #555 )
         );
    }
.button.black.deactivated, .button.black.deactivated:hover, .button.black.deactivated:active {
    background: #333;
    color: #999;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    }
/* slider
 */
.ui-slider-handle {
    -webkit-box-shadow: black 0px 0px 2px;
    background: #999;
    background: -webkit-gradient(linear, left top, right bottom, to(rgba(255,255,255,1)), from(rgba(200,200,200,1)) );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 7px!important;
}
.ui-slider-horizontal .ui-slider-handle {
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.ui-slider-vertical .ui-slider-handle {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-focus {
    background: -webkit-gradient(linear, left bottom, right top, to(rgba(255,255,255,1)), from(rgba(200,200,200,1)) );
}

.ui-slider-handle.ui-state-active {
    background: -webkit-gradient(linear, left bottom, right top, to(rgba(255,255,255,1)), from(rgba(150,150,150,1)) );
}

/* ui.dialog
 */
.nex-dialog {
    padding: 0;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #666 0px 0px 10px;
}
.nex-dialog .ui-dialog-titlebar {
    background: black;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0, #000 ),
        color-stop(0.05, #444 ),
        color-stop(0.95, #000 ),
        color-stop(1, #000 )
        );
    color: white;
    text-shadow: 1px 1px 0 black;
    text-transform: uppercase;
    font: 10px Arial;
}




/* from stuff
 */


label.nex {
    font: 9px Arial;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.6em;
}

input.nex, textarea.nex {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: white url('i/nexui-input-background.gif') repeat-x top left;
    padding: 5px;
    font: 13px Arial;
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0, #eee ),
        color-stop(.3, #fff )
        );
}
textarea.nex {
    background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0, #eee ),
    color-stop(.15, #fff )
    );
}


.field {
    margin: .8em 0;
    width: 100%;
}