/* MAIN BASIC */
form{margin:0; padding:0;}
input, select, textarea{font:11px arial; border:1px solid #dbdbdb; background:#fff; padding:4px; color:#666;}
.autoEmpty input{color:#999;}
input.auto-empty-focus{color:#333;}
div.admin{margin:20px 0px;}

/* TEXT CONTENT */
form .helpText{font:italic 11px arial; color:#666;}
form .warningText, td .warningText{font:italic 11px arial; color:#856f1b; border:1px solid #D8B42C; background:url(http://www.smode-resource.se/gfx/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(http://www.smode-resource.se/gfx/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:#333;}
label.formLabel.formRequired{color:#333; font-weight:bold;}
input.formRequired, select.formRequired, textarea.formRequired{border:1px solid #ccc; background:#fff; padding:4px;}
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 */
#mainDataTable.admin-table tr th.delete{color:darkred;}
#mainDataTable.admin-table tr td{padding:1px 4px;}
#mainDataTable.admin-table div label{display:none;}
#mainDataTable.admin-table input, #mainDataTable.admin-table select{font-size:10px; margin:2px;}
#mainDataTable.admin-table .formElement1_flex{padding:0; height:auto; margin:0;}
#mainDataTable.admin-table .fileUploadVisible{width:20px;}
#mainDataTable.admin-table div input.date{width:57px; border:1px dotted #72a4be; padding:2px; background:#f2f9fd;}
.inline input{float:left; margin-left:20px; padding:2px;}
.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, .captcha input.swlValidationError{border:1px solid #a90000; background:#f8e5e5;}
input.swlValidationOk, textarea.swlValidationOk, .captcha input.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, a.aButton,
.sendButton a:active, .editButton a:active, .removeButton a:active, .saveButton a:active, .nextButton a:active, .prevButton a:active, .loginButton a:active, a.aButton:active,
.sendButton a:visited, .editButton a:visited, .removeButton a:visited, .saveButton a:visited, .nextButton a:visited, .prevButton a:visited, .loginButton a:visited, a.aButton:visited{
	display:block; font:bold 10px verdana; text-decoration:none; color:#fff; width:120px; background:url(http://www.smode-resource.se/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, a.aButton:hover{
	color:#fff; text-decoration:underline; background:url(http://www.smode-resource.se/gfx/coreFormButtonHover.gif) 0 50% no-repeat;}

/* BUTTON MINI */
.buttonMini{margin:0; padding:0;}
a.buttonMini, a.buttonMini:visited, a.buttonMini:active,
.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; height:18px; width:90px; padding:6px 5px 0px 5px; margin:8px 0 0; text-align:center; background:url(http://www.smode-resource.se/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(http://www.smode-resource.se/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;}

/* HEADERS */
.formGroupHeader, .colBoxContainer form a.formGroupHeader{background:url(http://www.smode-resource.se/gfx/fadedBG.jpg) 0 100% repeat-x #fff; cursor:pointer; border:1px solid #eee; padding:8px 10px 8px 12px; font:bold 16px Calibri, Trebuchet MS, arial; text-decoration:none; color:#333; width:468px;}
.formGroupHeader:hover{text-decoration:none;}
.formGroupHeader .icon, .colBoxContainer form a.formGroupHeader .icon{float:left; display:none; width:32px; height:25px; margin-top:0px; background:url(http://www.smode-resource.se/gfx/icons/stroke/24/document_24.png) no-repeat;}
.innerGroupHeader{padding:5px 0px 0px; border-bottom:1px dotted #ccc; clear:both;}

/* ELEMENTS */
.formElement1, .formElement12, .formElement23, .formElement13, .formElement14, .formElement15, .formElement34{height:45px; 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%;}
.formElement34 input,.formElement34_flex input,.formElement34 select,.formElement34_flex select,.formElement34 textarea,.formElement34_flex textarea{width:88%;}
.formElement15 input,.formElement15_flex input,.formElement15 select,.formElement15_flex select,.formElement15 textarea,.formElement15_flex textarea{width:70%;}

	input[type=checkbox], input[type=radio]{width:20px; background:none; border: 0;}

	/* CAPTCHA */
	.captcha input{width:135px; font:bold 24px arial; text-align:center; color:#000; letter-spacing:4px; text-transform:lowercase; float:left; clear:none;}
	a.capthcaCheck,a.capthcaCheck:visited{display:block; float:left; outline:0; text-align:left; margin:4px 0 0 10px; width:16px; height:30px; text-decoration:none; background:url(http://www.smode-resource.se/gfx/icons/action_refresh.gif) 0 50% no-repeat; padding-left:20px;}
	#captchaMessage{display:block; clear:both;}	
	
	/* DATE */
	.formElement13 input.date, .formElement14 input.date, .formElement1 input.date, .formElement12 input.date {width:64px; border:1px solid #72a4be; padding:4px; background:#f2f9fd;}
	img.ui-datepicker-trigger{margin:-2px 5px 0; padding:0; position:absolute;}

	/* TIME */
	.formElement13 select.time-hour, .formElement14 select.time-hour,
	.formElement1 select.time-hour, .formElement12 select.time-hour,
	.formElement13 select.time-minute, .formElement14 select.time-minute,
	.formElement1 select.time-minute, .formElement12 select.time-minute{width:45px; border:1px solid #72a4be; padding:4px; background:#f2f9fd; margin:0 3px;}

	/* 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;}