/* MAIN BASIC */
form{margin:0; padding:0;}
input, select, textarea{font:11px arial; border:1px dotted #ccc; background:#fff; padding:2px; color:#666;}
div.admin{margin:20px 0px;}
form .helpText{font:italic 11px arial; color:#666;}
form .warningText, td .warningText{
	font:italic 11px arial; 
	color:#856f1b;
	border:1px solid #D8B42C; 
	background:url(/core/coreStyle/gfx/icons/icon_varning.gif) 10px 50% no-repeat #FFF2BD;
	padding:5px 5px 5px 40px;
	height:auto;
}
form .infoText, td .infoText{
	font:italic 11px arial; 
	color:#617d9a;
	border:1px solid #95c1ed; 
	background:url(/core/coreStyle/gfx/icons/icon_info.gif) 10px 50% no-repeat #E2EEFA;
	padding:5px 5px 5px 40px;
	height:auto;
}



/* LABELS */
label.formLabel{float:none; display:block; font:10px arial; color:#666; padding:0 0 4px;}
span.formMainLabel{font:10px arial; color:#999;}
label.formLabel.formRequired{color:#333; font-weight:bold;}
input.formRequired, select.formRequired, textarea.formRequired{border:1px dotted #999; background:#fff; padding:2px;}
input.formAttention, select.formAttention, textarea.formAttention{border:1px solid #DBA6A6;	background:#FFF0F0;	color:#5A1414;}
.formAttention input, .formAttention textarea, .formAttention select{border:1px solid #DBA6A6; background:#FFF0F0;}
.inline input{float:left; margin-left:20px;}
.inline label.formLabel{float:left; color:#000; padding:3px 10px 0px 0;}
.inline span.formMainLabel{padding:3px 0 0px 0; display:block; float:left;}


/* VALIDATION */
input.swlValidationWarning, textarea.swlValidationWarning{border:1px solid #f0e31a; background:#fdf7dc;}
input.swlValidationError, textarea.swlValidationError{border:1px solid #a90000; background:#f8e5e5;}
input.swlValidationOk, textarea.swlValidationOk{border:1px solid #74f019; background:#def8ca;}
img.valWarningIcon{margin-bottom:7px; display:none;}
img.valOkIcon{margin-bottom:7px; display:none;}

/* AUTOCOMPLETE */
.swlUserPicker{position:relative;}
.autoCompleteContainer{
		padding:8px;
		position:absolute;
		float:left;
		z-index:500;
		display:none;
		background:#fff;
		border-top:1px solid #999; border-bottom:1px solid #999;
		width:330px;
		top:35px;
		left:1px;
}
.autoCompleteContainer a{display:block; padding:2px 5px;}
.autoCompleteContainer a:hover{color:#666; background:#eee;}

/* BUTTONS */
.sendButton a, .editButton a, .removeButton a, .saveButton a, .nextButton a, .prevButton a, .loginButton a,
.sendButton a:active, .editButton a:active, .removeButton a:active, .saveButton a:active, .nextButton a:active, .prevButton a:active, .loginButton a:active,
.sendButton a:visited, .editButton a:visited, .removeButton a:visited, .saveButton a:visited, .nextButton a:visited, .prevButton a:visited, .loginButton a:visited{
	display:block;
	font:bold 10px verdana;
	text-decoration:none;
	color:#fff;
	width:120px;
	background:url(/core/coreStyle/gfx/coreFormButton.gif) 0 50% no-repeat;
	padding:15px 5px 15px;	
	text-align:center;
}
.sendButton a:hover, .editButton a:hover, .removeButton a:hover, .saveButton a:hover, .nextButton a:hover, .prevButton a:hover, .loginButton a:hover{
	color:#fff;
	text-decoration:underline;
	background:url(/core/coreStyle/gfx/coreFormButtonHover.gif) 0 50% no-repeat;
}

/* BUTTON MINI */
.buttonMini a, .buttonMini a:visited, .buttonMini a:active, 
	#loginSnippet.colBoxContainer .buttonMini a, #loginSnippet.colBoxContainer .buttonMini a:visited, #loginSnippet.colBoxContainer .buttonMini a:active,
	#newsletterSnippet.colBoxContainer .buttonMini a, #newsletterSnippet.colBoxContainer .buttonMini a:visited, #newsletterSnippet.colBoxContainer .buttonMini a:active
	{
	display:block;
	font:bold 9px verdana;
	text-decoration:none;
	color:#fff;
	padding:5px 5px 7px 20px;	
	margin:8px 0 0;
	text-align:left;
	background:url(/core/coreStyle/gfx/formColBtn.png) no-repeat;
}
.buttonMini a:hover, #loginSnippet.colBoxContainer .buttonMini a:hover, #newsletterSnippet.colBoxContainer .buttonMini a:hover{
	color:#fff;
	text-decoration:underline;
	background:url(/core/coreStyle/gfx/formColBtn-hover.png) no-repeat;
}

/* GROUPS */
form .formGroup, form .fillOut, .formGroupHidden, .colBoxContainer form .formGroup, .colBoxContainer form .fillOut{
	background:none;
	width:460px;
	padding:15px;
	border:1px solid #e9e9e9;
	border-top:none;
	background:#fcfcfc; 
	margin:0 0 20px;
	clear:both;
}
form .fillOut{font:italic 10px arial; color:#999; padding:10px 15px;}
.formGroupHidden{display:none;}
.formGroupClearer{height:1px; clear:both;}

/* HELP BOX */
.formGroup .helpBox{display:none; padding:8px 4px 4px; font:italic 11px arial;}
.formGroup .helpIcon{
	float:right; 
	width:20px; 
	height:20px; 
	background:url(/core/coreStyle/gfx/icons/16/help_16.gif) no-repeat; 
	padding:0; 
	margin:0; 
	text-decoration:none;
}

/* HEADERS */
.formGroupHeader, .colBoxContainer form a.formGroupHeader{
	background:url(/_project/_layout/gfx/fadedBG.jpg) 0 100% repeat-x #fff; 
	cursor:pointer; 
	border:1px solid #eee;
	padding:8px 10px 8px 12px; 
	font:bold 16px Verdana, arial; 
	text-decoration:none; 
	color:#333;
	width:468px;
}
.formGroupHeader:hover{text-decoration:none;}
.formGroupHeader .icon, .colBoxContainer form a.formGroupHeader .icon{
	float:left;
	display:block;
	width:25px;
	height:20px;
	margin-top:4px;
	background:url(/core/coreStyle/gfx/icons/16/document_16.gif) no-repeat;
}
.innerGroupHeader{padding:5px 0px 0px; border-bottom:1px dotted #ccc; clear:both;}

/* ELEMENTS */
.formElement1, .formElement12, .formElement23, .formElement13, .formElement14, .formElement15{height:43px; float:left; margin:4px 0px; display:block;}
.formElement1_flex, .formElement12_flex, .formElement23_flex, .formElement13_flex, .formElement14_flex, .formElement15_flex{float:left; margin:4px 0px;}
.formElement1, .formElement1_flex{width:98%; clear:both;}
.formElement12, .formElement12_flex{width:49%;}
.formElement23, .formElement23_flex{width:64%;}
.formElement13, .formElement13_flex{width:32%;}
.formElement14, .formElement14_flex{width:24%;}
.formElement34, .formElement34_flex{width:72%;}
.formElement15, .formElement15_flex{width:20%;}
.formElement1 input,.formElement1_flex input,.formElement1_flex select,.formElement1 select,.formElement1 textarea,.formElement1_flex textarea {width:94%;}
.formElement12 input,.formElement12_flex input,.formElement12 select,.formElement12_flex select,.formElement12 textarea,.formElement12_flex textarea{width:84%;}
.formElement23 input,.formElement23_flex input,.formElement23 select,.formElement23_flex select,.formElement23 textarea,.formElement23_flex textarea{width:81%;}
.formElement13 input,.formElement13_flex input,.formElement13 select,.formElement13_flex select,.formElement13 textarea,.formElement13_flex textarea{width:78%;}
.formElement14 input,.formElement14_flex input,.formElement14 select,.formElement14_flex select,.formElement14 textarea,.formElement14_flex textarea{width:73%;}
.formElement15 input,.formElement15_flex input,.formElement15 select,.formElement15_flex select,.formElement15 textarea,.formElement15_flex textarea{width:70%;}


	/* CHECKBOX */
	input.checkbox, .formElement1_flex input.checkbox, .formElement1 input.checkbox, .formElement23_flex input.checkbox, .formElement23 input.checkbox, .formElement12_flex input.checkbox, 
	.formElement12 input.checkbox, .formElement13_flex input.checkbox, .formElement13 input.checkbox, .formElement14_flex input.checkbox, .formElement14 input.checkbox {width:20px; background:none; border:none;}
	
	/* DATE */
	.formElement13 input.date, .formElement14 input.date,
	.formElement1 input.date, .formElement12 input.date {width:64px; border:1px dotted #72a4be; padding:2px; background:#f2f9fd;}
	img.ui-datepicker-trigger{margin:-2px 5px 0; padding:0; position:absolute;}
	
	/* FILE FORM */
	.formElement1_flex  input.fileUploadVisible, .formElement1  input.fileUploadVisible,
	.formElement23_flex input.fileUploadVisible, .formElement23 input.fileUploadVisible,
	.formElement12_flex input.fileUploadVisible, .formElement12 input.fileUploadVisible,
	.formElement13_flex input.fileUploadVisible, .formElement13 input.fileUploadVisible,
	.formElement14_flex input.fileUploadVisible, .formElement14 input.fileUploadVisible {width:90px;}
	
	.fileUploadHidden{width:64px; display:none; }
	.formElement12 input.openAssets{width:40px; font:10px arial;}
	.openFileManager{position:relative;}
	.openFileManager img{border:none; position:absolute; top:-13px; left:3px;}
	#idAreaoEdit1{clear:both;}

/* TOOL TIP */
a.toolActivator{position:relative;}
a.toolActivator div.toolTip{
	border:1px solid #D8E3E9;
	background:#333;
	color:white;	
	width:150px;
	position:absolute;
	z-index:100;
	display:none;
	left:9px;
	top:6px;
	padding:5px;
}