
/****************************************************************
  GENERAL
*****************************************************************/
.wrap li,
.wrap td,
.wrap p		{ font-family: sans-serif;  }

.wrap h2	{ font: bold 34px monospace, serif!important; line-height:5px!important; }

.backup		{ clear:right; background:#fafafa; padding:6px 0; margin:12px 0 20px 0; text-align:center; }

fieldset	{ padding: 3px 0; }
h3,
.cflegend	{ font: bold 24px sans-serif!important; color: #888!important;
				background: #DFEEF7; margin:5px 0 0 0; padding: 4px 15px 4px 8px; }

h3			{ margin-top:10px; }
.h3title-no { font-size:26px; padding:10px 2px; margin-right:7px; }

h4			{ background: #bbb; color:white; padding:5px 0 5px 5px; font-size:18px; margin:20px 30px; }
.h4ff		{ float:left; padding-right:20px; font-family:arial; font-size:9px; line-height:12px; font-weight:normal; }

abbr, 
span.abbr	{ border-bottom: 1px dashed #000080; cursor: help; }

.tabletxt 	{ padding-top:5px; }
.ex			{ background: url(images/attn.gif) no-repeat; padding: 2px 35px 10px 41px; }

code		{ background:#D8FFCC; }
.hidden 	{ display:none!important; }

.rm_button	{ padding:1px 4px; font-size:10px; background:#FCDAC9;}

/****************************************************************
  HIDE blocks
*****************************************************************/
.blindminus,
.blindplus 	{ overflow:hidden; width:18px; height:18px; margin:0.3em 0.25em 0 0; display:block; float:left; background: url(images/plusminus.gif) no-repeat 0 0; border:none; text-decoration:none; }
.blindminus	{ background-position: 0 -18px; }
#o0,#o1,#o2,#o3,#o4,#o5,#o6,#o7,#o8,#o9,
#o10,#o11,#o12,#o13,#o14,#o15,#o16,#o17,#o18,#o19,#o20,
#o20,#o21,#o22,#o23,#o24,#o25,#o26,#o27,#o28,#o29,#o30 { padding-bottom:40px; }
/****************************************************************
  HELP page
*****************************************************************/
table.dateinfo td { font-size:10px; }
table.dateinfo th { font-size:10px; font-weight:bold; background:white; bborder-bottom:1px solid white; }

a.helptop 	{ font-size:8px; float:right; margin:3px 10px 0 0; color:white!important; text-decoration:none; border-bottom:1px solid white;}

.cflegend a.helptop, 
h3 a.helptop { color:#666666!important; border-bottom:1px solid #666666; margin:10px 10px 0 0; }

.helpimg 	{ float:right; border:1px solid #e0e0e0; margin-left:20px; margin-right:30px; }

.cftoc		{ margin:5px 0 0 0; padding: 20px 0 20px 50px; list-style:decimal; background:#DFEEF7; color:navy; font-weight:bold; }
.cftoctitle	{ font-variant:small-caps; font: bold 24px sans-serif!important; color: #888!important;
				background: #DFEEF7; margin:5px 0 0 0; padding: 4px 15px 4px 8px;}


/* info tables */
.hf 			{ margin-left:30px; padding:1px; font-size:11px; background:white; border-style:solid; border-color:#C9D6ED; }
.hf tr			{ vertical-align:middle; }
.bleft			{ width:80px; background:#DFE8FF; padding-right:5px; font-size:10px; font-weight:bold; text-align:right; border-style:solid; border-color:white; }
.bright			{ padding:3px 3px 3px 15px; background:#DFE8FF; padding-left:15px; border-style:solid; border-color:white;}
.ball			{ padding:3px 10px; background:#F2DFFF; border-style:solid; border-color:white; } 

pre code,
.hf code		{ font-size:11px; background:none!important; }

/****************************************************************
Options Page: Styling
*****************************************************************/
#stylebox 			{ font-family: monospace; font-size:0.9em; width:80%; height:500px; }
#label-id			{ margin-left:40px; }
.turnedon 			{ position:relative; top:3px; }

/****************************************************************
Options Page: Tracking
*****************************************************************/
#trackingdata,
.sortheader,
.dataheader,
.selectrow,
.datarow			{ list-style-type:none; clear:both; margin:0; padding:0; margin:0 auto; overflow:hidden; cursor:cell; width:730px;}

#trackingdata		{ height:294px; overflow:auto; background:white; }
.datarow			{ margin:0; padding:0; width:710px; }

.dataheader			{ font-size:12px; color:#333333; font-weight:bold; }

.sortheader 		{ border-bottom:2px solid #999; padding-bottom:7px;}
.sortheader a		{ text-decoration:none; border:none; }

.datarow li,
.sortheader li		{ display:block; float:left; padding:2px 0; margin:0 5px 0 0; font-size:11px; overflow:hidden; }
li.col0				{ width:30px; font-size:9px; text-align:right; padding-top:3px; }
li.col1				{ width:20px; }
li.col2				{ width:180px; }
li.col3				{ width:200px; }
li.col4				{ width:130px; font-size:10px; }
li.col5				{ width:80px; font-size:10px; }
li.col6				{ width:30px; font-size:10px; }
.selectrow input	{ position:relative; top:1px; margin-right:10px;}
.selectrow label	{ font-size:10px; width:100%; display:block; margin:2px 0 2px 35px; }
.selectrow li		{ padding:0; margin:0; }
.dataheader li		{ text-align:center; }

.dataheader .delete	{ float:right; }

#allchktop,
#allchkbottom,
li.col1	input 		{ border:none; background:none; margin:0; padding:0; height:14px;}

#allchktop,
#allchkbottom		{ line}

#filterbutton 		{ margin: 5px 0 0 0; padding:0; border:0; height:100%;}
#filter_form,
#filter_email,
#filter_ip,
#filter_date1,
#filter_date2		{ border:0; border-bottom:1px solid #888; font-size:9px; margin: 8px 0 0 0; padding:1px 2px; background:#B3BAFF; }

#filter_form,
#filter_ip,
#filter_date1,
#filter_date2		{ width:100%; }
#filter_email		{ width:70%; }

input.delete,
input.downloadselectedcforms,
input.showselected			{ font-size:10px; padding: 1px 5px; margin:20px 0; overflow:visible; }
input.delete				{ background: url(images/fade-butt-red.png ); }
select.downloadformat		{ font-size:10px; width:6em; padding:1px; margin:20px 0;}
select.downloadformat,
input.downloadselectedcforms{ background: url( images/fade-butt-lightgreen.png );  }

* html .col1 input		{ background:none!important; border:0!important;}/*ie hack*/
* html .datarow input 	{ padding:0; margin:0;} /*ie hack*/

.datarow 			{ display:inline-block; }
.datarow:after 		{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .datarow		{ height:20px; }
.datarow			{ display:block; }
/* End hide from IE-mac */

/* show form entry */

.showform			{ width:680px; margin:30px auto 5px; padding:5px 10px; border-bottom:2px solid #999999; font-variant:small-caps; }
.showform span 		{ font-size:14px; font-weight:bold; margin-left:30px; }
.showform em 		{ font-style:normal; font-size:10px; color:#888888; }
.showformfield		{ width:680px; margin:0; font-size:11px; }
.showformfield .R,
.showformfield .L	{ float:left; width:330px; }
.showformfield .L	{ text-align:right; padding-right:20px; }

.tfieldset			{ font-size:16px; font-variant:small-caps; font-weight:bold; margin:5px 0 0 0; }

.showformfield 			{ display:inline-block; }
.showformfield:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .showformfield	{ height:1%; }
.showformfield			{ display:block; }
/* End hide from IE-mac */
/****************************************************************
FORM NAME etc
*****************************************************************/
.chgformbox 		{ list-style-type:none; display:inline-block; padding:0; margin:25px 0 0 0; }
.chgL				{ float:left; width:30%; }
.chgM				{ float:left; text-align:center; width:28%; }
.chgR				{ float:right; text-align:right; width:40%; }

.chgformbox:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .chgformbox	{ height:1%; }
.chgformbox			{ display:block; }
/* End hide from IE-mac */

#pickform 			{ font-size:10px; width:55%; }
input.go			{ font-size:10px; height:22px; }
* html input.go 	{ padding:0; width:23px; height:18px; overflow:visible; }

.mainoptions		{ padding:15px 5px; background:#fafafa; margin:4px 0 0 0; }
.cforms_fname 		{ margin: 0 20px; position:relative; top:-3px; font-weight:bold; background:white; }
.bignumber 			{ font-size:2em; color:#C9E2F1; }
.cforms_ajax 		{ position:relative; top:-3px;}

#cformsdata 		{ }
.areadesc			{ margin:5px 0 0 0; }

.optionsbox 		{ clear:both; margin:1px auto; width:850px; font-size:11px; overflow:hidden; }
.optionsboxL		{ float:left; text-align:right; width:166px; margin-right:10px; padding-top:2px; }
.optionsboxR	 	{ float:left; width:550px; position:relative; }
.optionsbox input,
.optionsbox input:focus,
.optionsbox textarea:focus,
.optionsbox textarea	{ font-size:11px; padding-top:2px; background:#f4f4f4; border:1px solid #b2b2b2;}
.optionsbox input 		{ width:320px; }

.optionsboxRxl 		{ float:left; width:650px; position:relative; }
.optionsboxRxl pre  { margin-top:0; width:440px; background:#fafafa; }
.optionsboxRxl span	{ margin-bottom:5px; display:block; }

/*
#cforms_cmsg,
#cforms_cmsg_html,
#cforms_header_html,
#cforms_header		{ height:10em; width:430px; }
*/

.updtsetting			{ text-align:right; padding:0; margin:-25px 0 0 0;}

#cforms_formdata_txt,
#cforms_formdata_html,
#cforms_popup1,
#cforms_popup2			{ width:22px; margin-top:3px;background:none; border:none;}
#cforms_show_quicktag	{ width:16px; margin-top:7px; }

#cforms_cc1,
#cforms_cc2,
#cforms_confirm,
#cforms_subid,
#cforms_database,
#cforms_showposa,
#cforms_showposb,
#cforms_redirect,
#cforms_redirect1,
#cforms_redirect2,
#cforms_action,
#cforms_linklove,
#cforms_admin_html,
#cforms_user_html,
#cforms_noattachments,
#cforms_tellafriend,
#cforms_dashboard,
#cforms_showdashboard,
#cforms_commentrep,
#cforms_datepicker,
#cforms_tafdefault,
#cforms_smtp_ssl,
#cforms_smtp_none,
#cforms_smtp_tls,
#cforms_smtp_onoff		{ width:16px; margin-top:4px; background:none; border:none; }

* html .cforms_ajax ,
* html #cforms_popup1,
* html #cforms_popup2,
* html #cforms_cc1,
* html #cforms_cc2,
* html #cforms_confirm,
* html #cforms_subid,
* html #cforms_database,
* html #cforms_showposa,
* html #cforms_showposb,
* html #cforms_redirect,
* html #cforms_redirect1,
* html #cforms_redirect2,
* html #cforms_action,
* html #cforms_linklove,
* html #cforms_admin_html,
* html #cforms_user_html,
* html #cforms_noattachments,
* html #cforms_tellafriend,
* html #cforms_dashboard,
* html #cforms_showdashboard,
* html #cforms_commentrep,
* html #cforms_datepicker,
* html #cforms_tafdefault,
* html #cforms_smtp_ssl,
* html #cforms_smtp_none,
* html #cforms_smtp_tls,
* html #cforms_smtp_onoff 		{ margin-top:0; border:0; background:none; position:relative; top:2px; }

*+html .cforms_ajax ,
*+html #cforms_popup1,
*+html #cforms_popup2,
*+html #cforms_cc1,
*+html #cforms_cc2,
*+html #cforms_confirm,
*+html #cforms_subid,
*+html #cforms_database,
*+html #cforms_showposa,
*+html #cforms_showposb,
*+html #cforms_redirect,
*+html #cforms_redirect1,
*+html #cforms_redirect2,
*+html #cforms_action,
*+html #cforms_linklove,
*+html #cforms_admin_html,
*+html #cforms_user_html,
*+html #cforms_noattachments,
*+html #cforms_tellafriend,
*+html #cforms_dashboard,
*+html #cforms_showdashboard,
*+html #cforms_commentrep,
*+html #cforms_datepicker,
*+html #cforms_tafdefault,
*+html #cforms_smtp_ssl,
*+html #cforms_smtp_none,
*+html #cforms_smtp_tls,
*+html #cforms_smtp_onoff 		{ margin-top:0; border:0; background:none; position:relative; top:2px; }

#cforms_smtp_port		{ width:3em; }

#cforms_fromemail		{ background:#fdc4c4;}

#cforms_maxentries		{ width:4em; margin-right:3px; }

#cforms_space 			{ width:2em; margin-left:14px; padding:1px; }

#preset,
#formpresets{
	margin-top:3px;
	float:right;
}
#formpresets{
	height:23px;
	margin-right:60px;
	margin-left:4px;
	width:200px;
	font-size:9px!important;
	font-family:tahoma!important;
	padding:6px 0 4px;
}
* html #formpresets{
	margin-top:8px;
	width:250px;
}
*+html #formpresets{
	margin-top:8px;
	width:250px;
}

/****************************************************************
resize
*****************************************************************/
.rbox {
	cursor:n-resize;
	height:76px;
	width:333px;
	position:relative;
}

.r15container	{ position:relative; margin:0 auto; width:730px; }
#r15			{ width:730px; height:300px; }

#r14,
#r13,
#r7,
#r6,
#r5,
#r4,
#r14 textarea,
#r13 textarea,
#r7 textarea,
#r6 textarea,
#r5 textarea,
#r4 textarea	{ width:420px; }

#r15 div		{ width:730px; }
#r14 div,
#r13 div,
#r7 div,
#r6 div,
#r5 div,
#r4 div			{ width:428px; }
	
.rbox div {
	background:#D68943 url(images/handle.gif) no-repeat top center;
	background-position:center;
	margin:0 1px;
	font-size:1px;
	height:6px;
	overflow:hidden;
	width:328px;
}

* html .rbox div 				{ margin-top:-1px; }
*+html .rbox div 				{ margin-top:-1px; }
.rbox textarea					{ margin-bottom:0; }

.optionsbox textarea			{ width:320px; height:60px; }
.optionsbox textarea.errmsgbox	{ height:45px; }
/****************************************************************
BUTTONS
*****************************************************************/
.allbuttons{
	background: url( images/fade-butt.png ) repeat-x;
	border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec;
	height:25px;
	font-weight:bold;
	font-size:9px;
	padding-top:2px; 
	overflow:visible;
}
* html .allbuttons	{ padding:2px 5px; }

.allbuttons:focus	{ background: url( images/fade-butt.png ) repeat-x; }

.deleteall,
.deleteall:active,
.deleteall:focus	{ background: url( images/fade-butt-red.png ); }

.chgbutton:focus,
.chgbuttonhi:focus 	{ height:21px; }

.dupbutton 		{ background: url( images/fade-butt-lightgreen.png ); }
.chgbutton 		{ height:21px; }

.chgbuttonhi 	{ height:21px; background: url( images/fade-butt-lightblue.png); }

.addbutton 		{ background: url( images/fade-butt-lightgreen.png ); }
.delbutton		{ background: url( images/fade-butt-red.png ); }

.backupbutton,
.restorebutton 	{ font-weight:normal!important; }

.stylebutton:active,
.restorebutton:active,
.backupbutton:active,
.updbutton:active,
.chgbutton:active,
.addbutton:active,
.delbutton:active,
.chgbuttonhi:active		{ background: #f4f4f4; border: 1px solid #ccc; border-left-color: #999; border-top-color: #999; }

.updbutton 				{ float:right; margin-right:15px; margin-top:3px; }

div.addfieldbox			{ padding:0 0 30px 50px; width:800px; margin:0 auto; text-align:left; clear: both; }
input.addfield:focus,
input.addfield 			{ cursor:pointer; background: url( images/add_field.jpg) no-repeat 0 0; border:none; width:176px; height:35px; overflow:hidden; }
input.addfield:active	{ background-position:0 -35px; border:none;  }

.stylebutton			{ width:158px; }

#cformswarning { color:red; text-align:center; padding:0 200px; margin:30px 0; display:none; }

/****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/

/* table header */
.tableheader	{margin:5px auto; padding-left:32px; width:810px; overflow:hidden; }
.tableheader li	{display:block; float:left; margin-right:0px; text-align:center; }
* html .tableheader li	{margin-right:1px; }

.field1th 		{width:25px;}
.field2th 		{width:280px;}
.field3th 		{width:225px;}
.field4th,
.field5th,
.field6th,
.field7th 		{ padding-top:4px; line-height:18px; width:60px; font-size:9px; }
/**/

.fieldno 	{ font:normal 8px Tahoma; }

.inpfld,
.fieldtype	{ font:normal 11px Tahoma; width:280px; margin:0; background:#f8fafc; padding:3px 3px; height:21px; }
.inpfld		{ height:15px; }
.fieldtype 	{ width:190px; padding:3px 0; }

* html .inpfld		{ padding:3px 3px 0; }
*+html .inpfld		{ padding:3px 3px 0; }
* html .fieldtype	{ padding:4px 3px; font-size:12px; margin-top:1px;}
*+html .fieldtype 	{ padding:4px 3px; font-size:12px; margin-top:1px;}

.noxbutton,
.altx,
.xbutton	{ cursor:pointer; height:15px; width:13px; overflow:hidden; border:none; position:relative; top:2px; margin-right:5px; }

.noxbutton	{ background: url( images/x_grey.gif ) no-repeat; cursor:not-allowed; }
.xbutton 	{ background: url( images/x.gif ) no-repeat 0 0; }
.altx 		{ background: url( images/x_alt.gif ) no-repeat 0 0; }

input.altx:active,
input.xbutton:active	{ background-position:0 -15px!important;}

.chkno,
.fieldisreq,
.fieldisemail,
.fielddisabled,
.fieldclear 	{ margin:0 22px; padding:0; border:none; background-color:white; position:relative; top:4px; width:13px; overflow:hidden; }

.chkno			{ vertical-align:top; }

.showform,
.alternate,
.rowalt,	
.rowalt .fieldisreq,
.rowalt .fieldisemail,
.rowalt .fielddisabled,
.rowalt .fieldclear			{ background-color:#E9F4F5; }

* html .fieldisreq,
* html .fieldisemail,
* html .fielddisabled,
* html .fieldclear 	{ top:1px; }
* html .chkno		{ top:5px; margin:0 22px; }


.itemContent input, 
.itemContent select { vertical-align:top; }
 
* html .itemContent input, 
* html .itemContent select,
*+html .itemContent input, 
*+html .itemContent select { vertical-align:middle; }

#dragHelper{
	background:#fce0cf!important;
}
.itemContent {
	vertical-align:top;
}

.groupWrapper{
	width: 810px;
	margin: 0 auto;
}
.groupItem{
	margin:1px 0;
	padding:4px 0;
}
.altmove{
	background: url(images/move_alt.gif) no-repeat top right!important;
}
.groupItem .itemHeader{
	padding: 0 18px 7px 3px;
	cursor: move;
	font-size: 10px;
	background: url(images/move.gif) no-repeat top right;
	vertical-align:top;
	position:relative; top:2px; 
}
.sortHelper{
	border: 2px dashed #666;
	width: auto !important;
}
.groupWrapper p{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

