.textbox, .button{
  background:#ffffff;
  border:1px solid #dddddd;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  padding:4px 5px;
  width:300px;
  height:16px;
}
select.textbox{
  box-sizing:content-box;
}
.textbox.tb40{
  width:40px !important;
}
.textbox.tb60{
  width:60px !important;
}
.textbox.tb70{
  width:70px !important;
}
.textbox.tb80{
  width:80px !important;
}
.textbox.tb100{
  width:100px !important;
}
.textbox.tb110{
  width:110px !important;
}
.textbox.tb150{
  width:150px !important;
}
.textbox.tb170{
  width:170px !important;
}
.textbox.tb180{
  width:180px !important;
}
.textbox.tb248{
  width:248px !important;
}
.textbox.tb350{
  width:350px !important;
}
.multibox{
  background:#ffffff;
  border:1px solid #dddddd;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  padding:4px 5px;
  width:300px;
  min-height:16px;
  display:inline-block;
  position:relative;
}
.multibox > div{
  position:absolute;
  width:100%;
  height:100%;
  background:#fff;
  -moz-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
  margin:-4px -5px;
}
.multibox a{
  font-size:11px;
  line-height:13px;
  color:#000;
  text-decoration:none;
  background:#bbb url(images/remove_black.png) no-repeat right center;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  padding:1px 20px 2px 5px;
  margin:0 3px 3px 0;
  display:inline-block;
  position:relative;
}
.multibox a:hover{
  background:#bbb url(images/remove_red.png) no-repeat right center;
}
.multibox input{
  width:100%;
  display:block;
  border:0;
  background:#fff;
  position:relative;
}
.multibox[multibox-values] input{
  width:100px;
  display:inline-block;
}
.button{
  width:auto;
  height:auto;
  padding:4px 30px;
  background:#dddddd;
  cursor:pointer;
}
.button.danger{
  color:#fff;
  border-color:#B71C1C;
  background:#B71C1C;
}
.select{
  margin-top:3px;
}
textarea.textbox{
  height:150px;
  overflow:auto;
}
.textbox:hover,
.multibox:hover{
  border:1px solid #bbbbbb;
  -webkit-box-shadow: 0px 0px 2px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 2px 0px #bbbbbb;
  box-shadow: 0px 0px 2px 0px #bbbbbb;
}
.textbox:focus,
.multibox.focus,
div.textbox.focus{
  border:1px solid #2B63A6;
  color:#000000;
  -webkit-box-shadow: 0px 0px 3px 0px #6490C8;
  -moz-box-shadow: 0px 0px 3px 0px #6490C8;
  box-shadow: 0px 0px 3px 0px #6490C8;
}
.button:hover, .button:focus{
  border:1px solid #2B63A6;
  color:#000000;
  -webkit-box-shadow: 0px 0px 3px 0px #6490C8;
  -moz-box-shadow: 0px 0px 3px 0px #6490C8;
  box-shadow: 0px 0px 3px 0px #6490C8;
}
.button.danger:hover, .button.danger:focus{
  border-color:#B71C1C;
  color:#B71C1C;
  -webkit-box-shadow: 0px 0px 3px 0px #B71C1C;
  -moz-box-shadow: 0px 0px 3px 0px #B71C1C;
  box-shadow: 0px 0px 3px 0px #B71C1C;
  background:#fff;
}
.textbox.error{
  border:1px solid #c00;
  -webkit-box-shadow: 0px 0px 2px 0px #c00;
  -moz-box-shadow: 0px 0px 2px 0px #c00;
  box-shadow: 0px 0px 2px 0px #c00;
}


.check a, .radio a{
  line-height:16px;
  display:inline-block;
  text-decoration:none;
  padding:0 0 0 20px;
  background:url(images/check.png) no-repeat;
}
.check a{
  background-position:-63px -27px;
}
.check a:hover{
  color:#4d4d4d;
}
.check a.on{
  color:#000000;
  background-position:-83px -7px;
}
.check a.on.mid{
  color:#000000;
  background-position:-3px -87px;
}

.radio a{
  background-position:-13px -72px;
}
.radio a:hover{
  color:#4d4d4d;
}
.radio a.on{
  color:#000000;
  background-position:-33px -52px;
}

div.textbox{
  position:relative;
}
div.textbox.ib{
  display:inline-block;
  vertical-align:top;
  _margin-left:5px;
}
div.textbox.w35{
  width:35px;
}
div.textbox.w90{
  width:90px;
}
div.textbox.w100{
  width:100px;
}
div.textbox.w110{
  width:110px !important;
}
div.textbox.w150{
  width:150px;
}
div.textbox a{
  width:16px;
  height:16px;
  padding:0;
  position:absolute;
}
div.textbox input{
  width:300px;
  height:16px;
  background:none;
  position:absolute;
  border:0;
  padding:0;
}
div.textbox select{
  width:300px;
  height:16px;
  position:absolute;
  border:0;
}

div.textbox.a{
  width:16px;
}
div.textbox.a input{
  width:280px;
  display:none;
}
div.textbox.a.opened input{
  display:inherit;
}
div.textbox.w90 input{
  width:90px;
}
div.textbox.w90.a.opened{
  width:90px;
}
div.textbox.a.opened.w90 input{
  width:70px;
}
div.textbox.w35 select{
  width:35px;
}
div.textbox.w90 select{
  width:90px;
}
div.textbox.w100 input{
  width:100px;
}
div.textbox.w100.a.opened{
  width:100px;
}
div.textbox.a.opened.w100 input{
  width:80px;
}
div.textbox.w110 select{
  width:110px;
}
div.textbox.w150 select{
  width:150px;
}
div.textbox.a.left input{
  right:5px;
}
div.textbox.a.right{
  float:left;
}
div.textbox.a.right a{
  position:absolute;
  right:5px;
}

.radio-buttons{
  margin:30px 0 10px 0;
}
.radio-buttons h2{
  font-size:14px;
  margin:0 0 5px 0;
}
.radio-buttons ul{
  list-style:none;
  margin:0 0 10px 0;
  padding:0;
  font-size:0;
  white-space:nowrap;
  -webkit-box-shadow: 0px 0px 2px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 2px 0px #bbbbbb;
  box-shadow: 0px 0px 2px 0px #bbbbbb;
  border-radius: 5px;
}
.radio-buttons li{
  font-size:12px;
  line-height:16px;
  text-align:center;
  display:inline-block;
  width:50%;
  height:16px;
  padding:4px 0;
  background:#ffffff;
  border:1px solid #dddddd;
  cursor:pointer;
}
.radio-buttons ul.three li{
  width:33.33%;
}
.radio-buttons li:first-child{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.radio-buttons li:last-child{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.radio-buttons li:hover{
  border-color:#2B63A6;
}
.radio-buttons li.selected{
  color:#ffffff;
  background:#2B63A6;
  border-color:#2B63A6;
}
.radio-buttons li[data-type="1"]:hover{
  border-color:#5fb92a;
}
.radio-buttons li[data-type="1"].selected{
  background:#5fb92a;
  border-color:#5fb92a;
}
.radio-buttons li[data-type="-1"]:hover{
  border-color:#f60;
}
.radio-buttons li[data-type="-1"].selected{
  background:#f60;
  border-color:#f60;
}
.radio-buttons li[data-type="0"]:hover{
  border-color:#bbb;
}
.radio-buttons li[data-type="0"].selected{
  background:#bbb;
  border-color:#bbb;
}



