/* =========== */
/* = General = */
/* =========== */

.checkbox, .radio, input[type="checkbox"], input[type="radio"],
.select, .select .select_button, .select .select_label, .file, .file_button, .file .file_button span{
  display: -moz-inline-stack; /*Cross browser inline-block*/
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}


.checkbox, .radio , .select .select_button_icon{
  background-image: url('/ImgCdn/Common/custom_forms_sprite.png');
  background-repeat: no-repeat;
}

.focus_select{
  -webkit-box-shadow: 1px 1px 2px 0px #ccc;
  -moz-box-shadow: 1px 1px 2px 0px #ccc;
  box-shadow: 1px 1px 2px 0px #ccc;
}

select::-ms-expand {
 
	float: right;
	height: 20px;
	position: relative;
	top: 7px;
	 width: 22px;
	 background-image: url("/ImgCdn/Common/custom_forms_sprite.png");
	background-repeat: no-repeat;
	 background-position: 0 -88px; z-index:-20; 
	 }

/* ========================= */
/* = Checkboxes and Radios = */
/* ========================= */

input[type=checkbox], input[type=radio]{
  margin:0;
  padding:0;
}

.radio, input[type=radio], .checkbox, input[type=checkbox]{
  overflow:hidden;
}

.checkbox, input[type=checkbox]{  
  height:29px;
  width:29px;
}

.radio, input[type=radio]{
  height:20px;
  width:20px;
}

.checkbox input, .radio input{
  position:relative;
  display:block;
  left:-9999px;
}
  
  /* Mouse States */
  .checkbox{ background-position:0 0; }
  .hover_checkbox{ background-position:0 0; }
  .focus_checkbox{ background-position:0 0; }
  .active_checkbox{ background-position:0 0; }
  .focus_checkbox{ background-position:0 0; }
  .checked_checkbox{ background-position:0 -29px;  }
  .focus_checkbox.checked_checkbox{ background-position:0 -29px; }
  
  .radio{ background-position:0 -66px; }
  .hover_radio{ background-position:0 -86px; }
  .focus_radio { background-position:-20px -86px; }
  .active_radio{ background-position:0 -66px; }
  .checked_radio{ background-position:0 -106px; }
  .focus_radio.checked_radio { background-position:-20px -106px; }

/* =========== */
/* = Selects = */
/* =========== */

select, .select{
  min-width:70px;
  border:0;
  padding:0;
}


 

.select{
  overflow:hidden;
  background:#fff;
  border: 1px solid #999999;
  position:relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
   -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
}

.select, .select .select_label, .select .select_content, .select select{
  height:32px;
  line-height:32px;
  box-sizing:content-box;
}

.select select{
  position: relative;
  -webkit-appearance: none;
  top: -32px;
  display:block;
}


.msie7.select select{ position:absolute; top:0; }
.select select{z-index:2}
.select .select_label{
  float:left;
  margin:0;
  overflow:hidden;  
}

.select .select_label{
  font-size:13px;
  font-family: Arial, sans-serif;
  color:#666666;
  white-space: nowrap;
}

.select .select_label span{
  padding-right: 5px;
  padding-left: 5px;
  display:block;
}

.select .select_content{
  overflow:hidden;
  display:block;
  
}

.select .select_button{
  width:14px;
}

.select .select_button, .file .file_button{
  height:20px;
  position:relative;
  top: 7px;
  float:right;
}

.select .select_button_icon{
  background-position:2px -88px;
  
}

/* select::-ms-expand { display:none;  } ie10 */


.select .select_button_icon{
  height:30px;
  display:block;
}



  /* Mouse States*/
  
/*  .select .select_button, .file .file_button{

  }
  
  .hover_select .select_button, .hover_file .file_button{

  }*/
  
  /* Responsive styles (width 100%) */
  
  .responsive_select, .responsive_select .select_content,
  .responsive_select .select_label, .responsive_select select{
	width:100%;
  }
  
  .responsive_select .select_label{
	margin-right:-31px;
  }
  
  .responsive_select .select_button{
	right:-1px;
  }
  
  
  
/* ======== */
/* = File = */
/* ======== */

.file .file_button span{
  background-image: url('/ImgCdn/Common/custom_forms_sprite.png');
  background-repeat: no-repeat;
}

.file{
  height:32px;
  background-color:#ce0;
  overflow:hidden;
  min-width:180px;
  position:relative;
  
  background:#fff;
  border:1px solid #DDDDDD;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
}

.file_content{
  height:32px;
  position:absolute;
  z-index:1;
  width:100%;
  display:block;
}

.file_wrap{
  height: 32px;
  overflow: hidden;
  position: absolute;
  z-index:2;
  width:100%;
  display:block;
}

.file_wrap input{
  font-size:100px;
  -webkit-appearance: none;
}

.responsive_file{
  width:100%;
}

.focus_file{
  -webkit-box-shadow: 1px 1px 2px 0px #ccc;
  -moz-box-shadow: 1px 1px 2px 0px #ccc;
  box-shadow: 1px 1px 2px 0px #ccc;
}

.file_label{
  display:block;
  line-height:32px;
  
  margin:0;
  height:32px;
  padding-left:10px;
}

.file_label, .file_button{
  font-size:11px;
  font-family: Helvetica, Arial, sans-serif;
  color:#000;
}

.file .file_button{
  padding:2px 6px 3px;
  height:25px;
  line-height:27px;
}

/*IE focus*/
.msie8.focus_select, .msie8.focus_file, .msie7.focus_select, .msie7.focus_file{
  background-color:#eee;
}

/*Opacities*/
.not_msie.select select, .file input{
  opacity: 0;
}

.msie.select select, .msie.file input{
  filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity:0;
}

.disabled_checkbox, .disabled_radio, .disabled_select, .disabled_file{
  opacity:0.5;
}

.msie.disabled_checkbox, .msie.disabled_radio, .msie.disabled_select, .msie.disabled_file{
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity:0.5;
}