@charset "utf-8";
button, .button, a.button, input[type=button], input[type=reset], input[type=submit] { font-family: 'dense'; width: 200px; min-height: 30px; height: auto; font-size: 100%; border: 2px solid #6c5B6d; background-color: #857487; color: #fff; margin: 15px 15px; border-radius: 3px; text-align: center; position: relative; display: inline-block; *display: inline; zoom: 1; cursor: pointer; vertical-align: middle; }
button, button *, .button, .button *, a.button, a.button *, input[type=button], input[type=button] *, input[type=reset], input[type=reset] *, input[type=submit], input[type=submit] * { -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, a.button:hover, a.button:focus, a.button:active, input[type=button]:hover, input[type=button]:focus, input[type=button]:active, input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active { background-color: #fff; color: #857487; font-size: 120%; }
button:before, .button:before, a.button:before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before { z-index: 11; content: ' '; display: inline-block; *display: inline; zoom: 1; font-size: 120%; position: relative; padding-right: 10px; vertical-align: middle; background: rgba(255,255,255,0.1) ; background: -moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.1)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,0.1),endColorstr=rgba(255,255,255,0),GradientType=0); }
.input { width: 200px; height: 32px; margin: 15px 15px; border: 0; border-radius: 3px; outline: 0; font-size: 100%; background-color: #fff; color: #444; position: relative; overflow: hidden; border: 2px solid #6c5B6d; display: inline-block; *display: inline; zoom: 1; }
.input, .input * { -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.input .pre-input { top: 0; left: 0; position: absolute; width: 40%; max-width: 100px; height: 20px; overflow: hidden; background-color: #857487; color: #fff; padding: 3%; border-radius: 0 0 3px 0; display: inline-block; *display: inline; zoom: 1; z-index: 10; border-right: 2px solid #6c5B6d; border-bottom: 2px solid #6c5B6d; float: left; }
.input .pre-input .icon, .input .pre-input .name { display: inline-block; *display: inline; zoom: 1; width: auto; float: left; }
.input .pre-input:before { z-index: 11; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.1) ; background: -moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.1)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,0.1),endColorstr=rgba(255,255,255,0),GradientType=0); }
.input input, .input textarea, .input select { top: 0; right: 0; float: right; position: absolute; text-align: right; background: none; border: none; width: 95%; height: 100%; padding: 0% 8% 0% 0%; z-index: 9; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.input input:-webkit-autofill, .input textarea:-webkit-autofill, .input select:-webkit-autofill { background: none !important; color: #970002; }
.input select { direction: rtl; }
.input select optgroup { display: block; margin: 0; padding: 2px; text-align: left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.input select optgroup option { padding: 0; margin: 0; display: block; text-align: right; text-align: left; direction: ltr; }
.input:before { z-index: 11; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.1) ; background: -moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.1)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,0.1),endColorstr=rgba(255,255,255,0),GradientType=0); }
.input:hover .pre-input, .input:focus .pre-input, .input:active .pre-input { width: 20px; }
.input:hover .pre-input .name, .input:focus .pre-input .name, .input:active .pre-input .name { opacity: 0; }
.input:hover:before, .input:focus:before, .input:active:before { z-index: 1; }
.input:hover textarea, .input:focus textarea, .input:active textarea { padding: 0; padding-left: 100px; text-align: left; width: 80%; }