@charset "utf-8";

/* Element */
/*
hr{ position:absolute; display:none; }
input,label,select,button{ vertical-align:middle; }
*/

select.select,
input.input,
textarea.textarea{ -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:3px 3px; border-top:solid 1px #bbb; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd; border-left:solid 1px #bbbbbb; font-size:12px; }
input.input,
select.select{ height:24px; line-height:1.1; }

input.input:focus,
textarea.textarea:focus,
select.select:focus{ padding:2px 2px; border:solid 2px #2fbb44; }
input:focus { outline: none; }

input.button,
button.button{ font-size:12px; line-height:14px; }
button::-moz-focus-inner,
input::-moz-focus-inner{ padding:0; border:0; }

label.label{ cursor:pointer; }
label.label span{ vertical-align:middle; }
label.focus{ position:absolute; display:none; color:#767676; white-space:nowrap; line-height:1.25em; }
textarea.textarea{ overflow-y:auto; line-height:1.6em; resize:none; }

/* Input width attributes */
.w90p{ width:90%; }
.w100p{ width:100%; }
.w30{ width:30px; }
.w50{ width:50px; }
.w80{ width:80px; }
.w100{ width:100px; }
.w150{ width:150px; }
.w170{ width:170px; }
.w200{ width:200px; }
.w300{ width:300px; }
.w400{ width:400px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.h100{ height:100px; }
.h200{ height:200px; }
.h300{ height:300px; }
.h400{ height:400px; }
.h500{ height:500px; }
.h600{ height:600px; }