div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action{background-image:url(/assets/design/sprite.png);background-repeat:no-repeat;}
.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader *{margin:0;padding:0;}
/* SPRITES */
/* Select */
div.selector{background-position:-483px -220px;line-height:45px;height:45px;}
div.selector span{background-position:right 0px;height:45px;line-height:45px;}
div.selector select{/* change these to adjust positioning of select element */
top:0px;left:0px;}
div.selector:active,
div.selector.active{background-position:-483px -220px;}
div.selector:active span,
div.selector.active span{background-position:right -55px;}
div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -275px;}
div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -55px;}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover{background-position:-483px -275px;}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span{background-position:right -55px;}
/*div.selector.disabled{background-position:-483px -234px;}*/
div.selector.disabled{background-position:-483px -220px;}
/*div.selector.disabled span{background-position:right -104px;}*/
div.selector.disabled span{background-position:right -55px;}
/* Checkbox */
div.checker{width:24px;height:24px;}
div.checker input{width:24px;height:24px;}
div.checker span{background-position:0px -440px;height:24px;width:24px;}
div.checker:active span,
div.checker.active span{background-position:-24px -440px;}
div.checker.focus span,
div.checker:hover span{background-position:-48px -440px;}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span{background-position:-72px -440px;}
div.checker span.checked{background-position:-96px -440px;}
div.checker:active span.checked,
div.checker.active span.checked{background-position:-120px -440px;}
div.checker.focus span.checked,
div.checker:hover span.checked{background-position:-144px -440px;}
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:-168px -440px;}
div.checker.disabled.active span{background-position:-168px -440px;}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked{background-position:-168px -440px;}
/* Radio */
div.radio{width:24px;height:24px;}
div.radio input{width:24px;height:24px;}
div.radio span{width:24px;height:24px;background-position:0px -464px;}
div.radio:active span,
div.radio.active span{background-position:-24px -464px;}
div.radio.focus span,
div.radio:hover span{background-position:-48px -464px;}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span{background-position:-96px -464px;}
div.radio span.checked{background-position:-120px -464px;}
div.radio:active span.checked,
div.radio.active span.checked{background-position:-96px -464px;}
div.radio.focus span.checked,div.radio:hover span.checked{background-position:-120px -464px;}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked{background-position:-120px -464px;}
div.radio.disabled:active span,
div.radio.disabled.active span{background-position:-144px -464px;}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked{background-position:-168px -464px;}
/* Uploader */
/*div.uploader{background-position:0px -963px;height:45px;}*/
/*div.uploader span.action{background:transparent url(/assets/design/btn_browse.png) no-repeat 0 2px;height:45px;line-height:45px;}*/
div.uploader span.filename{height:45px;/* change this line to adjust positioning of filename area */margin:0;line-height:45px;cursor:default;}
/*div.uploader.focus,
div.uploader.hover,
div.uploader:hover{background-position:0px -963px;}
div.uploader.disabled{background-position:0px -963px;}
div.uploader.disabled span.action{background-position:right -963px;}*/
span.uploader div{background:url(/assets/design/btn_browse_and_field.png) no-repeat right 2px;height:45px;line-height:45px;}
div.uploader div{background:url(/assets/design/btn_browse_and_field.png) no-repeat right 2px;height:45px;line-height:45px;}
span.uploader input{height:45px;opacity:0;cursor:pointer;}
/* PRESENTATION */
/* Select */
div.selector{font-size:15px;color:#ea671d;float:left;}
div.selector select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;color:#ea671d;border:solid 1px #fff;}
div.selector select option{font-size:15px;color:#ea671d;background-color:#fff;}
div.selector span{padding:0px 25px 0px 2px;cursor:pointer;}
div.selector span{color:#ea671d;text-shadow:0 1px 0 #fff;}
div.selector.disabled span{color:#bbb;}
fieldset#authorise div.selector,
fieldset#authorise div.selector select,
fieldset#authorise div.selector span,
fieldset#authorise .form-input input,
fieldset#authorise div.selector select option{color:#afbf41;}
fieldset#check_out div.selector,
fieldset#check_out div.selector select,
fieldset#check_out div.selector span,
fieldset#check_out .form-input input,
fieldset#check_out div.selector select option{color:#fa8a8a;}
div.col-420 div.selector,
div.col-420 div.selector select{width:410px;}
div.col-420 div.selector span{width:373px;}

div.col-430 div.selector,
div.col-430 div.selector select{width:420px;}
div.col-430 div.selector span{width:383px;}

div.col-260 div.selector,
div.col-260 div.selector select{width:250px;}
div.col-260 div.selector span{width:223px;}

div.col-210 div.selector,
div.col-210 div.selector select{width:190px;}
div.col-210 div.selector span{width:163px;}

div.col-120 div.selector,
div.col-120 div.selector select{width:100px;}
div.col-120 div.selector span{width:73px;}

div.col-190 div.selector,
div.col-190 div.selector select{width:170px;}
div.col-190 div.selector span{width:143px;}

div.col-250 div.selector,
div.col-250 div.selector select{width:240px;}
div.col-250 div.selector span{width:194px;}

div.col-370 div.selector,
div.col-370 div.selector select{width:360px;}
div.col-370 div.selector span{width:323px;}

div.col-320 div.selector,
div.col-320 div.selector select {width:310px;}
div.col-320 div.selector span {width:273px;}

#uniform-make{margin-right:10px;}
/* Checker */
div.checker{margin-right:10px;}
/* Radio */
div.radio{margin-right:10px;}
/* Uploader */
div.uploader{width:425px;xmargin-bottom:20px;cursor:pointer;}
div.uploader span.action{width:135px;text-indent:-9999px;}
div.uploader span.filename{width:270px;font-size:15px;color:#ea671d;position:absolute;top:0;left:0;}
div.uploader input{width:440px;font-size:25px;}
div.uploader.disabled span.action{color:#aaa;}
div.uploader.disabled span.filename{border-color:#ddd;color:#aaa;}

/* side bar uploader */
.side-bar  div.uploader{width:300px;float:left;  }
.side-bar  div.uploader input{width:300px;font-size:25px}
.side-bar  div.uploader span.action{width:100px;}
.side-bar  div.uploader span.filename{width:200px;}
/*
CORE FUNCTIONALITY 
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector select:focus,.radio input:focus,.checker input:focus,uploader input:focus{outline:0;}
/* Select */
div.selector{position:relative;padding-left:10px;overflow:hidden;}
div.selector span{display:block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.selector select{position:absolute;opacity:0;height:45px;border:none;background:none;}
/* Checker */
div.checker{position:relative;float:left;}
div.checker span{display:block;float:left;text-align:center;}
div.checker input{opacity:0;display:inline-block;background:none;}
/* Radio */
div.radio{position:relative;float:left;}
div.radio span{display:block;float:left;text-align:center;}
div.radio input{opacity:0;text-align:center;display:inline-block;background:none;}
/* Uploader */
div.uploader{position:relative;float:right;overflow:hidden;}
div.uploader span.action{float:right;display:inline;padding:0px;overflow:hidden;cursor:pointer;}
div.uploader span.filename{padding:0px 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.uploader input{opacity:0;float:left;height:45px;border:1px solid red;}