div.selector { border:1px solid #f0f0f0; border-top-color : #d7d7d7; display:block; overflow:hidden; padding:8px 16px; position:relative; }
div.selector span { background:url(/wp-content/themes/itau-cultural/_/img/common/uniforms/sprite-uniform.png) no-repeat right 0; display: block; font-size:14px; line-height:16px; overflow: hidden; padding-right:16px; text-overflow: ellipsis; white-space: nowrap; }

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

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

/* Select */
div.selector select { background: none; border: none; cursor:pointer; filter: alpha(opacity:0); font-size:14px; height: 25px; left:0; position: absolute; opacity: 0; top:0; }

/* Checker */
div.checker { width:13px; height:12px}
div.checker span { background:url(/wp-content/themes/itau-cultural/_/img/common/uniforms/checkbox.gif) no-repeat; display: -moz-inline-box; display: inline-block; text-align: center; height:12px; margin-right:10px; position: relative; width:13px; }
div.checker span.checked  { background-position: 0 -13px; }
div.checker input { opacity: 0; filter: alpha(opacity:0); cursor:pointer; display: inline-block; background: none; }

/* Checker */
div.radio { width:13px; height:12px}
div.radio span { background:url(/wp-content/themes/itau-cultural/_/img/common/uniforms/checkbox.gif) no-repeat right top; display: -moz-inline-box; display: inline-block; text-align: center; height:12px; margin-right:10px; position: relative; width:13px; }
div.radio span.checked  { background-position: right -13px; }
div.radio input { opacity: 0; filter: alpha(opacity:0); cursor:pointer; display: inline-block; background: none; }

/* Uploader */
div.uploader { position: relative; overflow: hidden; cursor: default;
}
div.uploader span.action { color:#fff; font-size:12px; float: left; display: inline; height:16px; padding: 8px 0px; margin-left:8px; overflow: hidden; text-align:center; cursor: pointer; width:56px; }

div.uploader span.filename { border:1px solid #f0f0f0; border-top-color:#d7d7d7; padding:8px 16px; font-size:14px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }

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

/*  diversas cores para radio , checker */
.box div.radio span.checked{background-position:right bottom}
.box-orange div.radio span.checked{background-position:right -13px}
.box-blue div.radio span.checked{background-position:right -26px}
.box-purple div.radio span.checked{background-position:right -39px}
.box-floral div.radio span.checked{background-position:right -52px}
.box-green div.radio span.checked{background-position:right -65px}

.box div.checker span.checked{background-position:left bottom}
.box-orange div.checker span.checked{background-position:left -13px}
.box-blue div.checker span.checked{background-position:left -26px}
.box-purple div.checker span.checked{background-position:left -39px}
.box-floral div.checker span.checked{background-position:left -52px}
.box-green div.checker span.checked{background-position:left -65px}
