/* DsForm - @version 1.10.2 */

.hide  { display: none; }
.clear { clear: both; }

.important { color: #ff0000; }

form { float: left; }
form h6 { font-size: 14px; font-weight: bold; padding: 15px 0 5px 0; margin: 0; }
form span.required { color: #ff0000; font-weight: bold; }

form fieldset { float: left; width: 100%; margin-top: 15px; margin-left: 5px; padding: 10px; border: 1px solid #ccc; }
form fieldset fieldset { width: auto; }
form fieldset legend {  font-weight: bold; font-size: 15px; padding: 3px 10px; margin-left: -5px;
                        border: 1px solid #ccc; background-color: #eee; }

form .error-message {   display: none; clear: both; background-color: #FFBABA; border: 1px solid #FF0000;
                        color: #FF0000; padding: 5px 10px; margin: 5px 0; }

noscript div { display: block; clear: both; background-color: #FEEFB3; border: 1px solid #9F6000;
               color: #9F6000; padding: 15px; margin: 5px 0; }

form label                          { display: block; float: left; font-weight: bold; text-align: right; padding: 5px 5px 0 0; margin: 2px 0; line-height: 22px; width: 125px; }
form fieldset label                 { width: 150px; }
form .text-w-label-margin           { padding: 10px 0 0 130px; }
form fieldset .text-w-label-margin  { padding-left: 155px; }
form div.radio-checkbox-row div     { padding: 0; margin: 0 0 0 2px; display: inline-block; }
form div.input-container label      { width: auto; }
form div.radio-checkbox-container   { float: left; padding: 5px 10px 0 0; }
form div.radio-checkbox-row input   { border: 0; padding: 0; margin: 5px 0 0 0; vertical-align: top; }

input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date]  {
   padding: 5px !important;
   width: 100%;
   border: 0px;
   border-bottom: 1px solid #fff;
   font-family: 'OpenSansRegular';
   font-size: 12px;
   line-height: 22px;
   color: #555;
   background-color: #efefef;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
}

input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus {
   background-color: #ebebeb;
}

input[type=submit], button[type=submit] {
   background-color: #385760;
   padding: 7px 11px;
   margin-right: 10px;
   border: none;
   color: #fff;
   cursor: pointer;
   transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
   -webkit-transition: all 0.2s linear 0s;
   -o-transition: all 0.2s linear 0s;
   width: auto;
   font-size: 12px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -o-border-radius: 2px;
}

input[type=submit]:hover, button[type=submit]:hover {
   background-color: #6093a2;
}

select {
   padding: 6px!important;
   width: 100%;
   border: 0px!important;
   border: none!Important;
   font-family: 'OpenSansRegular';
   font-size: 12px;
   line-height: 22px;
   color: #555;
   background-color: #fff;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
}

textarea {
   max-width: 100%;
   overflow: auto;
}

form .repeatable-area-wrapper    { margin: 30px 0; }
form .side-note                  { display: inline-block; padding: 3px 0 0 10px; color: #888; }
form .read-only                  { padding-top: 5px; font-size: 12px; height: 22px; }
form .under-note                 { clear: both; font-size: 11px; }
form .optional                   { font-style: italic; }
form .repeatable-remove          { padding-top: 10px; text-align: right; }
form .repeatable-pending-remove  { color: #999; }
form div.input-container         { float: left; margin: 2px 0;}
form div.form-button-container   { padding: 10px 0 0 0; }
form div.field-group             { display: none; }
form div.submit-button-replacement { display: none; padding-top: 20px; color: #ff0000; font-weight: bold; font-size: 14px; }
form div.file-upload-button-replacement { display: none; background: url(loading.gif) top center no-repeat;
                                          margin-top: 10px; padding-top: 20px; text-align: center; color: #ff0000;
                                          font-weight: bold; font-size: 14px; }

/* TinyMCE styles */
.tinymce_editor_body { width: auto; height: auto; padding: 5px; background-color: #fff;}
.lightbox-image { /* Here so TinyMCE can find it in the list */ }

.alignleft   { text-align: left; }
.alignright  { text-align: right; }
.aligncenter { text-align: center; }

img.alignleft   { float: left; margin: 5px 10px 10px 0; }
img.alignright  { float: right; margin: 5px 0 10px 10px; }
img.aligncenter { display: block; margin: 10px auto; }