/* Custom Contact Forms CSS */ form.customcontactform, form.customcontactform-sidebar { margin:8px; width:95%; max-width:600px; font-size:11px; 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:16em; padding:2px; margin:0; font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; -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:5px 6px 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:16em; padding:4px; margin:0; font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; height:5em; } form.customcontactform div select { font-size:1.3em; width:auto; margin-right:9px; } 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; } .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; z-index:10000; padding:0px; margin:0; -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:9px 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:1.5em; font-weight:bold; } #ccf-form-success p { padding:8px; margin:0; clear:both; font-size:1.1em; text-align:center; } #ccf-form-success div a.close { float:right; display:block; font-size:12px; margin:0; padding:0; }