/* PLACEHOLDERS */
input::-webkit-input-placeholder{color:#999 !important;font-family:Arial,sans-serif !important}
input:-moz-placeholder{color:#666 !important;font-family:Arial,sans-serif !important}
input::-moz-placeholder{color:#666 !important;font-family:Arial,sans-serif !important}
input:-ms-input-placeholder{color:#999 !important;font-family:Arial,sans-serif !important}

/* SELECTS */
.select-container {width: 90%;height: 34px;line-height:34px;overflow: hidden;background: url('dropdown.png') no-repeat right #EEE;border: #000 1px solid;margin:0px;padding:0px;position: relative;z-index:100}
.select-span {padding-left:8px;color:#999}
.select-option{color:#999}
.select-container select {margin:0px;padding:0px;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:100% !important;height:100%;display:block;z-index:101}
.select-container select:focus {outline: none}
.select-span, .select-container option {font-size:14px;font-family:Arial,sans-serif;}
.select-span.selected{color:#000}

@media only screen and (max-width:870px){
    .select-container {height: 25px;line-height:25px;}  
    .select-span, .select-container option{font-size:11px}
}

/* CHECKBOXES */
input[type="checkbox"] {display:none}
input[type="checkbox"] + label {color:#000;font-family:Arial, sans-serif;font-size:14px;display:inline !important}
input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-3px 4px 0 0;vertical-align:middle;background:url('checkbox.png') left top no-repeat;cursor:pointer}
input[type="checkbox"]:checked + label span {background:url('checkbox.png') -19px top no-repeat}
input.placeholder{color:#999 !important}