/**
 * @package WordPress
 * @subpackage Contact Form Builder Plugin
 * @since Contact Form Builder 1.0.1
 * 
 * Contact Form Builder Styles
 * Created by CMSMasters
 * 
 */


ul, 
li {margin:0;}

.fl {float:left;}

.fr {float:right;}

.dn, 
.clsep {display:none;}

.cl {clear:both;}

img.submit_loader {
	display:none;
	margin:6px 10px 0 0;
}

#form_choose_tab {margin-top:20px;}

#form_build_tab h3 {
	font-family:Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-size:15px;
	font-weight:normal;
	line-height:1;
	text-shadow:0 1px 0 #ffffff;
}

#settings_save, 
#settings_error {margin:15px 15px 5px 0;}

#form_choose_tab, 
#form_build_tab > div {
	border:1px solid #dfdfdf;
	background-color:#f5f5f5;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
    background-image:-moz-linear-gradient(#f9f9f9, #f5f5f5);
    background-image:-o-linear-gradient(#f9f9f9, #f5f5f5);
    background-image:linear-gradient(#f9f9f9, #f5f5f5);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 0 #ffffff inset;
	-moz-box-shadow:0 1px 0 #ffffff inset;
	box-shadow:0 1px 0 #ffffff inset;
}

#form_build_tab > div {
	padding:2em 0;
	margin-top:15px;
}

#form_choose_tab table.form-table {margin:2.5em 0;}

#form_choose_tab table.form-table td, 
#form_build_tab > div table.form-table td {padding:0 2em;}

#form_choose_tab input[name="cancel_form"], 
#form_choose_tab input[name="save_as_form"] {display:none;}

#form_choose_tab input[name="add_form"], 
#form_choose_tab input[name="cancel_form"] {float:right;}

#form_choose_tab select#form_choose, 
#form_choose_tab input[name="edit_form"], 
#form_choose_tab input[name="save_as_form"] {float:left;}

#form_choose_tab select#form_choose, 
#form_choose_tab input[name="edit_form"], 
#form_choose_tab input[name="delete_form"], 
#form_choose_tab input[name="save_as_form"] {margin-right:10px;}

#form_choose_tab select#form_choose {margin-top:2px;}

input[type="button"].button.add, 
input[type="button"].button.delete, 
input[type="button"].button.edit {
`	background-color:#f2f2f2;
	background-position:7px 50%, 0 0;
	background-repeat:no-repeat, repeat-x;
	padding-left:25px;
}

input[type="button"].button.add {background-image:url(../img/add.png), url(../img/white-grad.png);}

input[type="button"].button.delete {background-image:url(../img/delete.png), url(../img/white-grad.png);}

input[type="button"].button.edit {background-image:url(../img/edit.png), url(../img/white-grad.png);}

input[type="button"].button.small_but {
	background-position:9px 50%, 0 0;
	width:0;
	padding-left:24px;
}

#form_choose_tab select, 
#form_build_tab select {width:180px;}

#form_build_tab .button-primary.top_save {float:right;}

#form_build_tab .button-primary.bottom_save {
	float:left;
	margin-top:4em;
}

#form_build_tab table.form-table {margin:0;}

#form_build_tab table.form-table td.add_fields {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#fcfcfc;
	padding:2em;
}

#form_build_tab table.form-table td.add_fields input[name="add_field"], 
#form_build_tab table.form-table td.add_fields select#field_choose {float:right;}

#form_build_tab table.form-table td.add_fields select#field_choose {margin:2px 1em 1px 1px;}

#form_build_tab table.form-table td.mess_compose {padding-top:2em;}

#form_build_tab table.form-table td.sortable_fields {padding:25px 2em 10px;}

#form_build_tab table.form-table td.sortable_fields p {margin-top:14px;}

#form_build_tab textarea {resize:vertical;}

#form_build_tab textarea[name="composer_message"], 
#form_build_tab textarea[name="composer_subject"], 
#form_build_tab textarea[name="composer_success"], 
#form_build_tab input[name="composer_button"] {margin-bottom:2em;}

.td_spinner .spinner {
	background:#ffffff;
	display:block;
	float:none;
	height:auto;
	margin:0;
	opacity:1;
	width:auto;
}

#form_build_tab .check_parent, 
#form_build_tab .td_spinner {
	position:relative;
	overflow:hidden;
}

#form_build_tab .check_parent label, 
#form_build_tab .td_spinner label {padding-left:10px;}

#form_build_tab .td_spinner label {padding-top:2px;}

#form_build_tab .check_parent input[name="composer_reset_button"] {margin-left:4em;}

#fields-list {
	border-top:1px solid #cccccc;
	padding:0 2em;
}

#fields-list > li {
	border:1px solid #cccccc;
	border-bottom:0;
	background-color:#fcfcfc;
	padding:1em 2em;
	position:relative;
	overflow:hidden;
}

#fields-list > li .fl_field {
	float:left;
	margin-right:2em;
	position:relative;
	overflow:hidden;
}

#fields-list > li input[name="delete_field"] {
	float:right;
	margin-top:1em;
}

#fields-list > li:first-child {border-top:0;}

#form_build_tab > div li table.form-table td {padding:0;}

#form_build_tab .message_composer_buttons {margin:1em 0;}

#form_build_tab .message_composer_buttons .button {margin-right:.75em;}

#form_build_tab > div li .opt_cont {
	position:relative;
	overflow:hidden;
}

#form_build_tab > div li .opt_cont .opt_item {margin-bottom:.5em;}

#form_build_tab > div li .opt_cont .opt_item input[name="opt_label"] {margin:2px .5em 1px 1px;}

#fields-list > li.ui-sortable-helper, 
#fields-list > li.ui-sortable-helper:first-child {border:1px solid #cccccc;}

#fields-list > li.ui-sortable-highlight {
	border:1px solid #e6db55;
	border-bottom:0;
	background-color:#ffffe0;
	display:block;
	height:150px;
}

#fields-list > li.ui-sortable-helper:first-child + li {border-top:0;}

#fields-list > li span.sortableMove {
	background:url(../img/move.png) 0 0 no-repeat;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	bottom:30px;
	right:30px;
	cursor:move;
}

