/* Mise en page global */
.formular *{
	padding:0;
	margin:0;
	color:#808080;
	font-family:Arial,"Helvetica Neue","Lucida Grande",Helvetica,Verdana,sans-serif;
	font-size:12px;
}
.formular input, .formular textarea, .formular select{
	font-family:Arial,"Helvetica Neue","Lucida Grande",Helvetica,Verdana,sans-serif;
	font-size:12px;
}
.formular .formitem {
	clear:both;
	padding:5px 20px 5px 5px;
	margin:0 0 10px 0;
	width:450px;
	position:relative;
}
.formular .formitem .clear {clear:both;}
.formular .formitem .label {
	width:120px;
	float:left;
	text-align:right;
	margin:5px 10px 0 0;
	font-weight:bold;
}
.formular .formitem .required{
	color:#F33;	
}
.formular .formitem .field {
	float:left;
	width:320px;
}
.formular .formitem .hiddenfield{
	visibility:hidden;	
}
.formular .formitem .field p {
	color:#999;
	border:none;
	clear:both;
}
.formular .formfooter{
	text-align:center;
}
.formular button.formbtn{
	background:#666666;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-align:center;
	border:none;
	padding:0 10px;
	margin:0 auto 15px;
	cursor:pointer;
}
.formular button.formbtn:hover, .formular button.formbtn:focus{
	background:#999999;
}

/* [PAGE BREAK] Mise en page */
.formular .formpage{
	background:none repeat scroll 0 0 #EBF4FB;
	border:2px solid #B7DDF2;
	padding:10px;
	margin-bottom:1.5em;
}


/* [SECTION BREAK] Mise en page */
.formular fieldset.formsection {
	margin:0 0 10px 0;
	padding:3px;
	border:none;
}
.formular legend.section-title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	color:#000;
}
.formular p.section-desc {
	border-bottom:1px solid #B7DDF2;
	color:#666666;
	font-size:11px;
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:12px;	
}

/* [RADIO LIST] Mise en page */
.formular .radiolist .field span {
	padding:5px 10px 5px 0;
	float:left;
}
.formular .radiolist .NumberColumn1 span {width:310px;}
.formular .radiolist .NumberColumn2 span {width:150px;}
.formular .radiolist .NumberColumn3 span {width:96px;}

/* [CHECKBOX LIST] Mise en page */
.formular .checkboxlist .field span {
	padding:5px 10px 5px 0;
	float:left;
}
.formular .checkboxlist .NumberColumn1 span {width:310px;}
.formular .checkboxlist .NumberColumn2 span {width:150px;}
.formular .checkboxlist .NumberColumn3 span {width:96px;}

/* [DROPDOWN LIST] Mise en page */
.formular .dropdownlist .field select {
	font-size:12px;
	border:solid 1px #aacfe4;
	background:#FFF;
	width:206px;
	height:25px;
	line-height:25px !important;
}
.formular .dropdownlist .field option {
	padding:2px;
}

/* [TEXT FIELD] Mise en page */
.formular .textfield .field input {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	height:15px;
}
.formular .textfield .field.Small input {width:100px;}
.formular .textfield .field.Medium input {width:200px;}
.formular .textfield .field.Large input {width:300px;}

/* [CAPTCHA FIELD] Mise en page */
.formular .captchafield .field input {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:300px;
	height:15px;
}
.formular .captchafield .field img{
	padding:2px 66px 2px 38px;
	background:#FFF;
	border:1px solid #AACFE4;
	margin-bottom:3px;
	background:url("/Htdocs/Images/FormBuilder/ico_captcha.gif") no-repeat 100% 0;
}
.formular .captchafield .field.Medium input {width:200px;}
.formular .captchafield .field.Medium img {padding:2px;background:none #FFF;}

/* [DATE FIELD] Mise en page */
.formular .datefield .field input {
	font-size:12px;
	padding:4px 25px 4px 2px;
	border:solid 1px #aacfe4;
	width:77px;
	height:15px;
	background:#FFF url("/Htdocs/Images/FormBuilder/ico_date.gif") no-repeat 100% 0;
}

/* [TEXT AREA] Mise en page */
.formular .textarea .field textarea {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	font-family:inherit;
	width:300px;
	height:92px;
} 
.formular .textarea .field.Small textarea {height:47px;}
.formular .textarea .field.Medium textarea {height:92px;}
.formular .textarea .field.Large textarea {height:196px;}

/* [OPTION GRID] Mise en page */
.formular .optiongrid table {
	border-collapse:collapse;
	border:none;
	font-size:12px;
	width:436px;
	margin-bottom:0.1em;
}
.formular .optiongrid caption {
	font-weight:bold;
	padding-bottom:6px;
	background:none;
	color:inherit;
}
.formular .optiongrid td {
	border-right:1px solid #DEDEDE;
	border-top:none;
	border-bottom:1px solid #DEDEDE;
	padding:6px;
	text-align:center;
}
.formular .optiongrid th {
	border-right:1px solid #DEDEDE;
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	padding:6px;
	background:none repeat scroll 0 0 #E6E6E6;
	text-align:center;
	font-weight:normal;
}
.formular .optiongrid th.firsttd label {font-weight:normal;}
.formular .optiongrid th.firsttd {
	background:none;
	border:none;
	border-right:1px solid #DEDEDE;
	text-align:right;
	padding:6px 10px 6px 0;
	width:120px;
	font-weight:bold;
}
.formular .optiongrid .odd td {
	background:none repeat scroll 0 0 #F5F5F5;
	text-align:center;
}
.formular .optiongrid .even td {
	background:none repeat scroll 0 0 #FFF;
	text-align:center;
}
.formular .optiongrid .even th, .formular .optiongrid .odd th {background:none;font-weight:normal;}
.formular .optiongrid p{margin-left:130px;border:medium none;clear:both;color:#999999;}
.formular .optiongrid .Cols1 thead th{width:292px;}
.formular .optiongrid .Cols2 thead th{width:137px;}
.formular .optiongrid .Cols3 thead th{width:88px;}
.formular .optiongrid .Cols4 thead th{width:63px;}
.formular .optiongrid .Cols5 thead th{width:45px;}
.formular .optiongrid .Cols1 th.firsttd, 
.formular .optiongrid .Cols2 th.firsttd, 
.formular .optiongrid .Cols3 th.firsttd, 
.formular .optiongrid .Cols4 th.firsttd, 
.formular .optiongrid .Cols5 th.firsttd {width:120px;}

/* [ERROR] Mise en page */
.formular .formitem.error {background:none;border:none;color:inherit;}
.formular .formitem.error input{border-color:#e18989;background-color:#ffe8e8;}
.formular .formitem.error select{border-color:#e18989;background-color:#ffe8e8;}
.formular .formitem.error textarea{border-color:#e18989;background-color:#ffe8e8;}

.formular .formitem.error .message{clear:both; width:100%;padding:3px;margin:3px 0;width:300px;}
.formular .formitem.error .message p{
	background:url("/Htdocs/Images/FormBuilder/ico_error.gif") no-repeat 0 3px;
	padding-left:16px;
	color:#cc3333;
}

/* [SUCCESS] Mise en page */
.formular .formitem.success {background:none;border:none;color:inherit;}		
.formular .formitem.success .message{clear:both; width:100%;padding:3px;margin:3px 0;width:300px;}
.formular .formitem.success .message p{
	background:url("/Htdocs/Images/FormBuilder/ico_success.gif") no-repeat 0 3px;
	padding-left:16px;
	color:#3f9528;
}

/* [NOTICE] Mise en page */
.formular .formitem.notice {background:none;border:none;color:inherit;}		
.formular .formitem.notice .message{clear:both; width:100%;padding:3px;margin:3px 0;width:300px;}
.formular .formitem.notice .message p{
	background:url("/Htdocs/Images/FormBuilder/ico_notice.gif") no-repeat 0 3px;
	padding-left:16px;
	color:#3473e7;
}

 
/* [ERROR LIGHTBOX] Mise en page */		 				
.formular .formitem.error .message.icon{
	background:url("/Htdocs/Images/FormBuilder/ico_error.gif") no-repeat 2px 2px;
	width:14px;
	height:14px;
	padding:0;
	margin:0;
	position:absolute;
	top:10px;
	right:17px;
	z-index:50;
}
.formular .formitem.error .message.icon p{
	background:none;
	padding-left:0;
	color:#cc3333;
	display:none;
}