/* General input behaviour */
textarea, input, select, a.desktop_button
{
    font-size:1em;
}

textarea {
    resize: none;
}

textarea, input, select {
    border: 1px solid #bdbdbd;
    font-family: inherit;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Text field inputs */
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=date], select, textarea {
    padding: 6px;
    width: 100%;
    border-radius: 3px;
    color: #000;
    -moz-appearance: none;
    box-shadow: none;
}

input[type=button], input[type=submit], input[type=reset], button, a.button, a.as-button {
    height: 38px;
    margin: 7px 0px 4px 0px;
    display: inline-block;
    text-align: center;
    font-size: 1em;
}

a.button, a.as-button{
    padding-top: 10px;
}

/* Drop down inputs */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border-radius: 2px;
    background-color: #FFFFFF;
}

select::-ms-expand 
{
    display: none;
}

select option[disabled=disabled] {
    opacity: 0.4;
    color: #000;
}

/* Button inputs */

input[type=checkbox] 
{
    -moz-appearance:checkbox;
    -webkit-appearance:checkbox;
    height:auto;
    width:auto;
}


input[type=radio] 
{
    -moz-appearance:radio;
    -webkit-appearance:radio;
    height:auto;
    width:auto;
    margin-top:0px;
}

.button
{
    background:#333; 
    padding:7px 9px; 
    cursor:pointer; 
    border:1px Solid #DDD; 
    width:auto; 
    text-align:center; 
    color:#FFF;
    min-width: 100px;
}

input[type=button].fullwidth:active,input[type=image].fullwidth:active,input[type=submit].fullwidth:active,a.desktop_button.fullwidth:active{}
input[type=button].fullwidth,input[type=button].fullwidth:focus,input[type=image].fullwidth,input[type=image].fullwidth:focus,input[type=submit].fullwidth,input[type=submit].fullwidth:focus,a.desktop_button.fullwidth,a.desktop_button.fullwidth:focus 
{
    width:100%;   
}

a.desktop_button,a.desktop_button:focus 
{
    display:inline-block;
    padding:10px;
    vertical-align:top;
}

.button:hover
{
    border:1px Solid #444;
    color:#222;
    background:#DDD;
}

input[disabled=disabled],input[disabled=disabled]:hover,input[disabled=disabled]:focus,input[disabled=disabled]:active
{
    cursor: default !important;
    background: #AAA !important;
    color: #444!important;
    opacity: 0.4;
    border: 1px solid #AAA !important;
}

input:focus,select:focus,textarea:focus
{
    border-color:#666;
}
input.error,select.error,textarea.error
{
    border-color:#C0504D;
    box-shadow:0 0 5px rgba(255,0,0,0.06);
}

::-webkit-input-placeholder{ color:#AAA; }
:-moz-placeholder{ color:#999; }
::-moz-placeholder{ color:#999; }
input:-ms-input-placeholder{ color:#999; }
input:-moz-placeholder{ color:#999; }
input::placeholder{ color:#999; }



input[type=radio],
input[type=radio] + label,
input[type=checkbox],
input[type=checkbox] + label,
select + label {
    padding: 5px;
    display: inline-block;
}

label + * + .moreinfo, label + .moreinfo {
    margin-left: 25px;
}

select + label + * + .moreinfo {
    margin-left: 70px;
}