/* 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-sidebar div {

	/*border-bottom: 1px dashed #e1e1e1;*/

	padding:.4em 0 .3em 0;

	width:100%;

	margin:0 0 6px 0;

}


form.customcontactform div{

	/*border-bottom: 1px dashed #e1e1e1;*/

	padding:.4em 0 .3em 0;
	width:43%;
	float: left;
	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;

}