/*SELECT*/
.selector, .selector * { margin:0; padding:5px;}

div.selector span{ background-image:url('img/dropdown.png'); background-repeat:no-repeat; background-position:96% 17px; line-height:normal;}

div.selector select{top:0px; left:0px}

.selector, .checker, .button, .radio, .uploader{display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus{outline:0}

div.selector{position:relative; overflow:hidden;}

.selector.hover{cursor:pointer}

div.selector span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

div.selector select{position:absolute; opacity:0; filter:alpha(opacity:0); height:38px; width:100%; border:none; background:none; cursor:pointer}

open { visibility: visible; background:#f8f8f9}

/*FILE*/
.uploader, .uploader *{ margin:0; padding:0px;}

div.uploader{position:relative; overflow:hidden; cursor:pointer; width:100%;  color:#999;}

div.uploader span.filename{cursor:pointer; border-radius:4px; padding:12px;  background: #f2f2f2; border: 1px solid #dddddd; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

div.uploader span.filename{width:70%;}

div.uploader span.filename{float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

div.uploader span.action{cursor:pointer; float:left; width:26%; margin-left:3px; display:block;}

div.uploader span.action{border-radius:4px; color:#333; box-shadow:0 0 5px #ccc; text-align:center; font-family: 'futura_lt_btlight'; cursor:pointer; font-weight:100; font-size:20px; padding:14px 10px 12px 10px;}

div.uploader span.action{
	background-image: linear-gradient(bottom, rgb(168,203,227) 0%, rgb(220,233,244) 100%);
	background-image: -o-linear-gradient(bottom, rgb(168,203,227) 0%, rgb(220,233,244) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(168,203,227) 0%, rgb(220,233,244) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(168,203,227) 0%, rgb(220,233,244) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(168,203,227) 0%, rgb(220,233,244) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(168,203,227)), color-stop(1, rgb(220,233,244)));
	background-color:#B2D1E6;
}

div.uploader:hover {box-shadow: 0 0 5px #ccc; cursor:pointer !important; color:#666;}

div.uploader input{width:100%; cursor:pointer;}

div.uploader input{opacity:0; filter:alpha(opacity:0); position:absolute; top:0; right:0; bottom:0; height:48px; float:right; border:none; cursor:pointer;}




.radio, .checker, .radio *, .checker *{ margin:0; padding:0px;}

div.checker span, div.radio span{ background-image:url(img/sprite.png);  background-repeat:no-repeat;  -webkit-font-smoothing:antialiased}
div.checker{width:16px; height:16px}
div.checker input{width:16px; height:16px}
div.checker span{background-position:0px -32px; height:16px; width:16px}
div.checker:active span, div.checker.active span{background-position:-16px -32px}
div.checker span.checked{background-position:-32px -32px}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked{background-position:-48px -32px}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span{background-position:-64px -32px}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked{background-position:-80px -32px}
div.radio{width:16px; height:16px}
div.radio input{width:16px; height:16px}
div.radio span{height:16px; width:16px; background-position:0px -16px}
div.radio span.checked{background-position:-32px -16px}
div.radio:active span.checked, div.radio.active span.checked{background-position:-32px -16px}
div.radio.focus span.checked, div.radio:hover span.checked{background-position:-48px -16px}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span{background-position:-64px -16px}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked{background-position:-80px -16px}

div.checker{margin-right:5px}
div.radio{margin-right:3px}

div.checker{position:relative}
div.checker span{display:-moz-inline-box; display:inline-block; text-align:center}
div.checker input{opacity:0; filter:alpha(opacity:0); display:inline-block; background:none}
div.radio{position:relative}
div.radio span{display:-moz-inline-box; display:inline-block; text-align:center}
div.radio input{opacity:0; filter:alpha(opacity:0); text-align:center; display:inline-block; background:none}
