/* Global Declaration */
/* Uploader */
div.uploader {height: 38px;}
div.uploader span.action {}
div.uploader span.filename {}
div.uploader.focus,div.uploader.hover,div.uploader:hover {}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action {}
div.uploader.active span.action, div.uploader:active span.action {}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {}
div.uploader.disabled {}
div.uploader.disabled span.action {}
div.button {}
div.button span {}
div.button.focus, div.button:focus, div.button:hover, div.button.hover {}
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {  }
div.button.active, div.button:active {}
div.button.active span, div.button:active span { }
div.button.disabled, div.button:disabled { }
div.button.disabled span, div.button:disabled span { }

/* Select */
div.selector {/*width: 190px;*/font-size: 11px;cursor:pointer;}
div.selector select {/*min-width: 190px;*/}
div.selector span {cursor: pointer;color:#848484;font-size:11px;}
div.selector span {}
div.selector.disabled span {}
/* Uploader */
div.uploader { width:209px;cursor: pointer; }
div.uploader span.action {  float:right;  color: #000;  width: 102px; height:38px; line-height:38px;  text-align: center; font-size:12px; cursor:pointer; display:inline-block; background:#c1a655; }
div.uploader span.filename {  height:38px; width:102px; float:left;}
div.uploader input {}
div.uploader.disabled span.action {color: #aaa;}
div.uploader.disabled span.filename {border-color: #ddd;color: #aaa;}/*
CORE FUNCTIONALITY 
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.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;}
/* Select */
div.selector {position: relative;overflow: hidden;cursor:pointer;margin:5px 0;right:5px;}
div.selector span {display: block;overflow: hidden;white-space: nowrap;cursor:pointer;text-indent:20px;}
div.selector select {position: absolute;opacity: 0;filter: alpha(opacity:0);height: 26px;border: none; background: none;font-size:11px;left:5px;font-weight:normal;font-style:normal;}
div.selector select optgroup { font-weight:bold; font-style:normal;}
div.selector select option { padding-left:10px; padding-top:2px; padding-bottom:2px;}
/* Uploader */
.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;}
/* Uploader */
div.uploader {position: relative;overflow: hidden;cursor: default;}
div.uploader span.action { cursor:pointer;}
div.uploader span.filename {display: inline-block;overflow: hidden;cursor: default; height:38px; font-size: 11px; line-height:33px; text-indent:10px; text-overflow: ellipsis; }
div.uploader input {opacity: 0;filter: alpha(opacity:0);position: absolute;top: 0;left: 0; bottom: 0; height: 38px;border: none;cursor: pointer; width:100%; }

@media (max-width: 640px) { div.uploader { width:100%;}} 