/* FormAssembly.com  
 * Stylesheet for a FormAssembly.com hosted form 
 */

/* Main Layout (Feb.15th 2009 - Resized form + grey background */
.default				{ margin:0; padding:0;  }
.default		
	.wFormContainer 	{ width: 770px; margin: 20px auto;}
.default
	.wFormTitle			{ }

/* Save & Resume dialog */
.saveAndResume 			{ text-align:right;	font-size: small; }
.saveAndResume 
	fieldset 			{ text-align:left; }
.saveAndResume 
	.preField 			{ width: 9em !important; min-width: 9em  !important; }
.saveAndResume 
	#tfa_resumeEmail 	{ width: 195px; }
.saveAndResume 
	#tfa_resumePassword	{ width: 195px; }
.saveAndResume
	#tfa_confirmPassword { width: 195px;}
.saveAndResume .actions 
	#tfa_resumeLater.wfHideSubmit 
						{ display: inline !important; }
.onstate-resumelater 	{ display: block }


/* Generic FA Error Messages */
.errorMessage 			{ color:red; background-color:white; margin: 1em 0; padding:5px; border:1px solid #F77; font-family:sans-serif; font-weight: bold; }
.errorMessage a 		{ color:red; text-decoration: none;  font-weight: normal; }
/* Support Links TODO: moves those to wforms-layout.css? */
.wForm .forgotPasswordLink	{ font-size: small; }
.wForm .assistanceLink		{ font-size: small; }
.wForm .startNewLink		{ font-size: small; }


/* Thank you & Help messages */
.wFormThankYou  		{ min-height: 150px; }
.wFormHelp  			{ min-height: 150px; }

/* Misc. */
#cakeSqlLog 			{ display: none; }	

.previewWarning			{ padding: 5px; background-color:#666; color: #f8f8f8; font-family: sans-serif; font-size: 1.2em; font-weight: strong; text-align: center; }

/* Template details (on form preview page) */
#templateDetails { font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important; padding-top:10px;  } 
#templateDetails .toolBarGroup  { float: right; text-align: right;  }
#templateDetails .toolBarGroup {
	margin:  0 7px 0 0;
	padding: 0 6px 0 2px;
	width: auto !important; /* prevents user css to overwrite this.*/ 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background-color: #FF7211;
	white-space: nowrap !important;
	display: block; 
	line-height: 26px;
	
}
#templateDetails .left .toolBarGroup {
	float: left;	
}
#templateDetails .right .toolBarGroup {
	float: right;
}
#templateDetails .toolBarGroup .separator {
	border-left: 1px dotted #ccc;
	padding-right: 4px;
}
#templateDetails .toolBarButton {
	font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important;
	text-decoration: none;
	color: #FFf1f1;
	font-weight: bold;
	border: none  !important;
	font-size: 12px;
}
#templateDetails .toolBarButton:hover {
	text-decoration: underline !important;
	cursor: pointer;	
}
#templateDetails .toolBarButton img {
	margin: 0 0 -3px 3px;
	border: none;
}
#templateDetails p { margin: 0 260px 10px 10px; padding: 10px; font-size: 0.8em; color: #FF7200;
					 background-color: #f7f7fa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
#templateDetails .quiet { color:#AAA } 
#templateDetails .templateDescription {color: #666 }


.moderationToolbar							{ position: fixed; top:0; width:100%; background-color: #96BC92; color:#FFF; line-height: 200%; 
											  font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important; padding: 5px 10px;  }

.moderationToolbar h2 						{ font-size: 16px; margin:0;  font-variant:small-caps; }

.moderationToolbar .status 					{ float: right; font-size: 14px; font-variant:small-caps; margin-right: 20px;  }
.moderationToolbar .status strong			{ background-color: #FFC; color:#444;  padding: 2px;}
.moderationToolbar .moderationAction 		{ background-color: #628784; color: #FFF; text-decoration: none; padding: 4px 4px 5px 4px; -moz-border-radius: 5px;
										  	  -webkit-border-radius: 5px;	border-radius:5px; font-size: 12px;}
.moderationToolbar .moderationAction:hover 	{ background-color: #FFC; color:#333; }

.moderationToolbar .moderationAction .hint  { display: none; }

.moderationToolbar .moderationAction:hover .hint { display: block; position: absolute; background-color: #FFC; border-bottom: 1px solid #D8D800; color:#000; width:100%; left: 0; line-height: 200%; }
.moderationToolbar .moderationAction:hover .hint span { padding: 0 15px; } 
.moderationToolbar .moderationLink			{ background-color: #7AA37A; color: #FFF; text-decoration: none; padding: 4px 4px 5px 4px; -moz-border-radius: 5px;
										  	  -webkit-border-radius: 5px;	border-radius:5px; font-size: 12px; }
.moderationToolbar .moderationLink:hover 	{ background-color: #FFC; color:#333; }										  	

.moderationToolbar a img 					{ border: none; vertical-align: middle; }

.moderationAction:visited{ color:yellow; }

#wFormsSavedMessage { padding: 20px; }
#wFormsSavedMessage p { margin-bottom:1em; }