/* Global Declaration*/
.selector, 
.radio, 
.checker, 
.uploader, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
	margin: 0;
	padding: 0;
}
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}
div.selector,
div.checker,
div.radio,
div.uploader  
 {position:relative; overflow: hidden;}  
 div.selector span,
 div.checker span ,
 div.radio span
 {display:block;}
  div.checker span ,
 div.radio span{text-align:center;}

div.selector select, div.checker input, div.radio input, div.uploader input  {opacity: 0; border: none;  background: none;}
/* funkcion_____________________________________________________________________*/
div.checker,
div.radio{display:inline-block;}
/* Select */
div.selector select {position:relative; display:block; width:100%;}
div.selector span {overflow: hidden; position:absolute; 
left:10px; right:0;  top:0; bottom:0;
text-overflow: ellipsis; white-space: nowrap;  cursor: pointer;}
/* Checker_Radio */
div.checker input,
div.radio input {display: inline-block; text-align: center;}
/* Uploader */
div.uploader span{position:absolute; display:block; overflow:hidden;
 top:0; bottom:0; text-overflow: ellipsis;  white-space: nowrap; z-index:0;}
div.uploader input{display:block; position:relative; font-size:999px; z-index:1;}
div.uploader span.action {right:0; cursor: pointer;}
div.uploader span.filename {left:0;}
/* PRESENTATION_____________________________________________________________________*/
/* Select */
div.selector {}
 div.selector:before {display:block; overflow:hidden; position:absolute; content:"";
 width:0; height:0; right:5px; top:50%; margin-top:-6px; z-index:10;
 border:5px solid transparent; border-bottom:none; border-top:11px solid #9e9e9e;}
div.selector span {color:#757575;}

div.selector:active, div.selector.active {}
div.selector:active span, div.selector.active span {}
div.selector.focus, div.selector.hover, div.selector:hover {}
div.selector.focus span, div.selector.hover span, div.selector:hover span {}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover 
{}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span 
{}

div.selector.disabled {}

div.selector.disabled span {}
/* Checkbox */
div.checker {height:26px; width:26px;}
div.checker input{height:26px; width:26px;}
div.checker span {position:absolute;
 left:0; top:0; bottom:0; right:0; border:3px solid #4168a3;}

#uniform-tariff_1 span,
#uniform-tariff_2 span,
#uniform-tariff_3 span {
 position:absolute;
 left:0; top:0; bottom:0; right:0; 
 border:2px solid #ffffff !important;
 margin-top:6px; 
 width:20px;
} 
 
div.checker:active span, 
div.checker.active span 
{}

div.checker.focus span,
div.checker:hover span 
{}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span 
{}

div.checker span.checked {}
#uniform-tariff_1 span.checked:before,
#uniform-tariff_2 span.checked:before,
#uniform-tariff_3 span.checked:before
 {display:block; overflow:hidden; position:absolute; content:'';
  width:15px; height:15px; top:50%; left:50%; margin:-6px 0 0 -7px;
  background:url('../images/uf_sprite2.png') 0 0 no-repeat;
}

div.checker span.checked:before {display:block; overflow:hidden; position:absolute; content:'';
  width:15px; height:15px; top:50%; left:50%; margin:-6px 0 0 -7px;
  background:url('../images/uf_sprite.png') 0 0 no-repeat;
}

div.checker:active span.checked, 
div.checker.active span.checked 
{}

div.checker.focus span.checked,
div.checker:hover span.checked 
{}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked 
{}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span 
{}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked 
{}

/* Radio */
div.radio  {width:14px; height:14px; margin-right:3px;}
div.radio span {width:100%; height:100%;
 background:url('../images/uf_sprite.png') 0 -15px no-repeat;}

div.radio:active span, 
div.radio.active span 
{}

div.radio.focus span, 
div.radio:hover span 
{}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span 
{}

div.radio span.checked 
{background-position:0 -30px;}

div.radio:active span.checked,
div.radio.active span.checked 
{}

div.radio.focus span.checked, div.radio:hover span.checked {}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked 
{}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span 
{}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked
 {}

/* Uploader */
div.uploader span.filename{}
div.uploader span.action {}

div.uploader.focus span.filename,
div.uploader.hover span.filename,
div.uploader:hover span.filename
{}

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 span.filename
{}

div.uploader.disabled span.action 
{}