/* Custom Contact Forms CSS */
form.customcontactform, form.customcontactform-sidebar {
   margin:8px;
   width:95%;
   max-width:600px;
   padding:4px;
}
form.customcontactform-sidebar { width:100%; }
form.customcontactform h4, form.customcontactform-sidebar h4 {
   font-size:1.3em;
   font-weight:bold;
}
form.customcontactform div label, form.customcontactform-sidebar div label { display:block; width:100%; }
form.customcontactform div label.checkbox, form.customcontactform-sidebar div label.checkbox { display:inline; }
form.customcontactform div label.select, form.customcontactform-sidebar div label.select { display:inline; margin-right:8px; }
form.customcontactform div, form.customcontactform-sidebar div {
   /*border-bottom: 1px dashed #e1e1e1;*/
   padding:.4em 0 .3em 0;
   width:100%;
   margin:0 0 6px 0;
}
form.customcontactform div div, form.customcontactform-sidebar div div { border-bottom:none; margin-bottom:0; padding:0; }
form.customcontactform div input, form.customcontactform div select, form.customcontactform-sidebar div input, form.customcontactform-sidebar div select {
   width:17em;
   padding:4px;
   margin:0;
   -moz-border-radius:4px;
   -khtml-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
}
form.customcontactform div input[type=checkbox], form.customcontactform-sidebar div input[type=checkbox] { width:30px; margin:0px 5px 0 0; }
form.customcontactform div input[type=radio], form.customcontactform-sidebar div input[type=radio] { width:20px; margin:5px 6px 0 0; }
form.customcontactform input, form.customcontactform-sidebar input { margin: 7px 0 0 0; }
form.customcontactform div textarea, form.customcontactform-sidebar div textarea {
   width:17em;
   padding:4px;
   margin:0;
   font-family:inherit;
   font-size:inherit;
   -moz-border-radius:6px;
   -khtml-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   height:5em;
}
form.customcontactform .submit { padding:3px; }
form.customcontactform div select { width:auto; margin-right:9px; min-width:17em; padding:2px; }
form.customcontactform-sidebar div input[type=text],
form.customcontactform-sidebar div select,
form.customcontactform-sidebar div textarea { width:95%; max-width:16em; margin:2px 0 4px 0; }
form.customcontactform-sidebar div select { width:auto; }
/* ----- popover box ---------- */

.ccf-popover {
   position: absolute;
   top:25%;
   left:25%;
   width:500px;
   padding:10px;
   background-color:#fff;
   border:1px solid #666;
   display:none;
   z-index:1000000000;
}

.ccf-popover .ccf-popover-close { position:absolute; top:0px; right:5px; font-size:22px; }
.ccf-tooltip {
   background-color:#000;
   border:1px solid #fff;
   padding:10px 15px;
   width:200px;
   display:none;
   color:#fff;
   text-align:left;
   font-size:12px;
   -moz-box-shadow:0 0 10px #000;
   -webkit-box-shadow:0 0 10px #000;
}
/* --- form success popover --------------------  */
#ccf-form-success {
   display:none;
   border: 9px solid #efefef;
   border-spacing:0;
   width:480px;
   height:200px;
   padding:0px;
   margin:0;
   z-index:10000;
   -moz-border-radius:10px;
   -khtml-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:15px;
   position:fixed;
   left:30%;
   background-color:white;
   top:30%;
   -moz-box-shadow:0 0 14px #123;
   -webkit-box-shadow: 0 0 14px #123;
   box-shadow:0 0 14px #123;
}
#ccf-form-success div {
   background-color:#efefef;
   padding:4px 9px 9px 20px;
   margin:0 0 15px 0px;
   height:1.3em;
}
#ccf-form-success div h5 {
   text-align:left;
   float:left;
   margin:0;
   padding:0;
   font-size:16px;
   font-weight:bold;
}
#ccf-form-success p { padding:8px; margin:0; clear:both; font-size:14px; text-align:center; }
#ccf-form-success div a.close {
   float:right;
   display:block;
   font-size:12px;
   margin:0;
   padding:0;
}

/* reCaptcha */
#recaptcha_widget {
   width: 425px;
   padding: 10px !important;
   min-height: 100px;
   height: auto;
   border: 1px solid #ccc;
}
#recaptcha_image {
   border: 1px solid #ccc;
}
#recaptcha_widget .left {
   width: 295px;
}
#recaptcha_widget .right {
   float: right;
   width: 110px;
}
#recaptcha_widget input {
   width: 294px !important;
   margin-top: 6px !important;
}
#recaptcha_widget .logo {
   width: 75px;
   height: 80px;
   float: right;
}
#recaptcha_widget .reload {
   width:  25px;
   height: 18px;
}
#recaptcha_widget .audio {
   width:  25px;
   height: 15px;
   margin: -1px 0 2px 0;
}
#recaptcha_widget .help {
   width:  25px;
   height: 16px;
}

.test-right {
   float: right;
}

form.customcontactform div {
   max-width : 280px !important;
   float: left;
}

form.customcontactform div input {
   max-width : 250px !important;
   float: left;
}

form.customcontactform input.submit {
   margin-top:20px;
   width : 100px;
}

#example_dashboard_widget form div{
   float : none !important;
max-width : 1000px !important;
}
#example_dashboard_widget form input{
   float : none !important;
max-width : 1000px !important;
}

