/***************************************************************************************
 --FORMS STYLES--
****************************************************************************************/
/* Fieldsets, legend, label */
fieldset    { clear:both;padding:1em 1.4em 1.4em 1.4em;margin:0 0 30px .3em;background:#eef3f8;border:1px solid #c4d3ea; }
legend {margin:0 -.4em;padding:5px 10px;font-weight:bold;font-size:1.2em;background:#fff;border:1px solid #c4d3ea;text-transform:capitalize;color:#336699; }
label, .group-label { float:left;width:30%;margin-top:9px;text-align:right;font-size:12px;font-weight:bold;color:#555;text-transform:capitalize; }
label.selection-label {float:none; width:auto; text-align:left; color:#666;}

/* Text fields */
input, textarea, select { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-size:1.1em; color:#666; margin-left:20px; padding:5px; font-family:"Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; z-index:100 !important; position:relative;}
input {border:2px solid #ccc; background-color:#fff;}
input:focus, textarea:focus { border:2px solid #ef9e4d;background:#fff; }
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; border:2px solid #ccc; font-size:1.1em; color:#666; background-color:#fff;}

/* Select fields */
select {border:2px solid #ccc; background:#fff; width:62%; padding:2px;}
select:focus {border:1px solid #999; background:#fff;}

/* required elements */
.indicates-required {margin:0 6% 10px 0; text-align:right; font-size:90%; font-style:italic; color:#c60;}
span.required, label sup {color:#c60; font-weight:bold; font-size:115%;}

/* general utility */
.field-group { float:left;clear:both;width:100%;margin:6px 0 4px; position:relative; } /* wrap label and input in <div class="fieldgroup"> to style as group */
.selection-group {float:left; clear:both; width:100%; margin:3px 0;} /* wrap label and input in <div class="fieldgroup"> to style as group */
.selection-group-elements {width:60%; margin-left:20px; margin-top:5px;}
.form-btn-group {clear:both; margin:-10px 0 10px 0; padding-left:34%;}
.form-btn-group input {margin:0; width:200px;}
.btn, input[type="submit"] {display:block; width:auto !important; min-width:120px; margin:0; background:#395C8A; border:3px solid #83A4CA; color:#fff; font-size:120%; font-weight:bold; letter-spacing:0; -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;}
.btn, input[type="submit"] {display:block; width:auto !important; min-width:120px; margin:0; background:#395C8A; border:3px solid #83A4CA; color:#fff; font-size:120%; font-weight:bold; letter-spacing:0; -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;}

.btn:hover, input[type="submit"]:hover {background:#5878a2; border:3px solid #aac3e0; color:#fff;}
input[type="submit"].cancel {margin-left:15px; background:#ccc; color:#666 !important; border:3px solid #ccc;}
input[type="submit"].cancel:hover {color:#333 !important;}
.field-help {float:right; min-width:120px; margin:-10px 5.5% 4px 34%; padding:12px 5px 4px; background:#ccc; color:#666; font-style:italic; font-size:85%; text-align:center; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; position:absolute; right:10px; top:30px;}
.helper{margin-bottom:1.5em;}
fieldset .footnote {margin:10px 3% 20px 32%;}
.captcha-group label {margin-top:0;}
.captcha-group img {float:left; margin:0 0 0 3%;}
.captcha-group input {float:left; width:36%;}

/* Success, error & notice boxes for messages and errors. */
.error,
.warning,
.success {padding:10px 4px 10px 60px; margin-bottom:1em; border:1px solid #ddd; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.error, .plan-response-error {background:#FBE3E4 url(../img/icons/stop_24.png) no-repeat 14px 50%; color:#D12F19; border-color:#FBC2C4;}
.warning {background:#FFF6BF url(../img/icons/flag_24.png) no-repeat 14px 50%; color:#817134; border-color:#FFD324;}
.success, #mc_success_msg {background: #E6EFC2 url(../img/icons/success_24.png) no-repeat 14px 50%; color:#529214; border-color:#C6D880;} 
.error a    {color: #D12F19;}
.notice a   {color: #817134;}
.success a  {color: #529214;}
.success strong {color:#2a4d09;}
#mc_message {margin:4px 0 !important; padding:4px 8px 4px 0;}
#mc_message ul {margin:0;}
.mc_error_msg {margin:0 !important; padding:4px 8px; background:#FBE3E4; color:#D12F19; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.mc_success_msg {display:block; margin:0 !important;  padding:4px 8px; line-height:1.3em; font-weight:normal; background:#E6EFC2; color:#529214; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}

/*Fix to work w/ jquery validation class*/
input.error,textarea.error, select.error{background-color:#fff; background-image:none; padding:5px; border:2px solid #CCCCCC; color:#666666;}
input.error:focus {border:2px solid #a2bede; background:#def3f7;}
label.error{display:block;  margin-bottom:1em; padding:10px 4px 10px 60px; text-align:left; position:relative; top:-15px; background-position:12px 50% !important; color: #D12F19; width:52%; margin-left:33%; margin-bottom:0; margin-top:0px; z-index:50;}

#sms-verification .btn{margin-right:20px;}
