/***************************************************************************************
 --FORMS STYLES--
****************************************************************************************/

/* Fieldsets, legend, label */
fieldset    {clear:both; padding:1em 1.4em 1.4em 1.4em; margin:0 0 .5em 0; background:#eee;}
legend      {margin:0 -.4em; padding:.2em .8em; font-size:115%; background:#fff; border:1px solid #ccc;}
label {display:block; margin:.5em 0 .2em 0; font-size:90%; font-weight:bold; color:#14abb9;}

/* Text fields */
input, textarea, select {font-size:85%; color:#666; padding:5px;}
input {background-color:#fff;}
input:focus, textarea:focus {background:#def3f7;}
input[type="radio"], input[type="checkbox"] {background:transparent !important; border:0 !important; width:16px !important;}
input[type="radio"] {width:13px !important;}
button {outline:none;}

/* Textareas */
textarea {height:150px; padding:5px; color:#666; background-color:#fff;}

/* Select fields */
select {background:#fff; padding:2px;}
select:focus {background:#def3f7;}

/* required elements */
.indicates-required, .indicates-required strong {margin:0; text-align:right; font-size:90%; font-style:italic; color:#c60;}
label strong {color:#c60; font-weight:bold; font-size:115%;}

/* Form Element Groups */
.form-button-group {margin:.2em 0 2em 0;}
.form-button-group input {padding:5px 10px; background:#14abb9; color:#fff; border:4px solid #ccc; font-size:110%;}
.checkbox-group {margin:1em 0;}
.checkbox-group label {display:inline; color:#333; font-size:85%; font-weight:normal;}
.field-group input {width:97%; border:1px solid #999;}
.select-group select {width:99%; border:1px solid #999;}