/*

Style: "authelo"
Copyright (C) 2005 Albass Pty Ltd, All Rights Reserved.

This style is intended to be used with fieldsets.

*/

	form.authelo
	{
		padding: 0em;
		font: normal 13px verdana, arial, sans-serif;
		margin: 0px;
	}

	form.authelo *
	{
		font-family: verdana, arial, sans-serif;
		font-size: 13px;
		letter-spacing: normal;
		color: #666;

	}

/* formatting for fieldsets; the frames that group fields */

	form.authelo fieldset
	{
		border: 2px solid #ccc;
		width: 42em;
		background-color : #fff;
		margin: 1em 0em 15px 0em;
		padding: 0.75em 0.5em 1.5em 1em;   


		/* IE hacks */
		_position : relative; 
		_padding: 20px 1.2em 1.2em 1.2em;   
		_display: block;
		_margin-top: 2em;
		_margin-bottom: 1.7em;
	}

	form.authelo fieldset legend
	{
		background-color: white;
		border: 1px solid #ddd;
		padding: 0px 7px 0px 7px;
		font-weight: bold;
		margin-bottom: 0.6em;

		/* IE hacks */
		_position : absolute;
		_top : -10px;
		_left: 1.1em;
	}

/* 
	Formatting for Sticky Notes 
	Thanks to Jeff Howden for inspiration for the Sticky Notes
	(http://jeffhowden.com/code/css/forms/)
*/
	form.authelo div.StickyNote
	{				
		
		float: right;
		width: 160px;
		height: auto;
		margin: 0px .6em 10px 10px;
		padding: 4px 5px 0px 5px;
		border: 1px solid #666;
		background-color: #ffffe1;
		-moz-border-radius: 6px;
		
	}
	
	form.authelo div.StickyNote h3
	{
		font-family: arial, sans-serif;
		font-size: 100%;
		
		background-image: url(question.gif);
		background-repeat: no-repeat;
		background-position: top left;
  		border-bottom: 1px solid #666;
		margin: 2px 2px 5px 2px;
		padding: 1px 0px 4px 23px;
	}
	
	form.authelo div.StickyNote p
	{
		font-family: arial, sans-serif;

		padding: 0px 0px 9px 0px;
		margin: 3px;
		font-size: 0.85em;		
		font-weight: normal;
		color: #666;
		text-align: justify;
	}

/* The divs that contain [label+element+hint] for each element type */

	form.authelo div.SFelemText, 
	form.authelo div.SFelemTextarea,
	form.authelo div.SFelemPassword, 
	form.authelo div.SFelemSelect, 
	form.authelo div.SFelemDate,
	form.authelo div.SFelemRadio,
	form.authelo div.SFelemCheckbox,
	form.authelo div.SFelemGroup,
	form.authelo div.SFelemMany2Many
	{
		display: block;
		margin-bottom: 1em;
		padding-bottom: 1em;
		clear: left;
	}


	form.authelo div.SFelemHidden
	{
		display: none;
	}

	form.authelo div.SFelemSubmit
	{
		border: none;
		display: block;
		margin-right: 5px;
		margin-left: 0px;
		clear: left;
	}
	
	
/* Rule violations, displayed with each element */
	form.authelo div.violation
	{
		border: 1px solid orange;
		background: #ffffe1;
		padding: 1px 2px 1em 3px;
		margin-left: 0px;
		margin-bottom: 1.5em;
		overflow: auto;
	}

/* IE peek-a-boo hack */
	* html form.authelo div.violation 
	{
		height: 1%;
	}
	
	form.authelo div.violation p.SFviolmessage
	{
		margin: 0px 0px 0.5em .2em!important;
		color: #f00;
		padding: 1px 0px 1px 1px!important;
		text-align: left;
		font: bold 0.85em arial, sans-serif;
	}
	
/* The rule violation summary box */
	form.authelo div.SFErrorSummary
	{
		width: 47.3em;
		margin: 1em 0em 2px 0em;
		padding:0px;
		border: 1px solid #900;
		background-color: #ffffe1;
	}
	
	
	form.authelo div.SFErrorSummary h2
	{
		color: #fff;
		margin: 0px;
		background: #900;
		padding: 3px 3px 3px 0.8em;	
		
	}
	
	form.authelo div.SFErrorSummary ul
	{
		padding: 0;
		margin: 0.5em 2em 0.5em 3em;
	}

	form.authelo div.SFErrorSummary li
	{
		color: #f00;
		font-weight: bold;
		list-style: none;
		padding-left: 0;
		margin-left: -2em;
	}

	
	form.authelo div.SFErrorSummary li a
	{
		font-size: .8em;
		color: #05c;
		margin-right: 2em;
	}
	
/* The form element label */

	form.authelo label
	{
		width: 12em;
		float: left;
		cursor: pointer;
		margin: 0em 1em 0em 0em;
		color: #196;
		font-weight: bold;
		text-align: left;

	}

/* Labels for radio buttons & checkboxes */
	form.authelo div.SFelemRadio label.lblradio, form.authelo div.SFelemRadio label.lblcheck
	{
		color: #585;
		margin: 0px;
		font-size: .85em;
		text-align: left;
	}

	form.authelo div.horiz label
	{
		display: inline;
		float:none;
		margin: 0px 1em 0px 0px;
	}
	
	/* Container for vertically stacked options */
	form.authelo div.vertical
	{
		float: left;
		margin: 0em 0em 0.7em 0em;
		padding: 0px;
		clear: right;
		width: 13em;
	}
	
	form.authelo div.vertical label
	{
		clear: left;
		display: block;
		width: 90%;
	}
	
	
	form.authelo div.SFelemCheckbox label, form.authelo label.inline
	{
		display: inline;
		float:none;
		margin: 0px 1em 0px 0px;
	}


/* The accesskeys, both in the elements labels and fieldset legends */

	form.authelo label .accesskey
	{
		text-decoration: underline;
		color: #196;
	}
	
	form.authelo legend .accesskey
	{
		/* IE only hack as FireFox doesn't support (!) fieldset accesskeys */
		_text-decoration: underline;
	}

	form.authelo label.lblradio .accesskey
	{
		font-size: 1em;
	}


/* Form elements */

	form.authelo div.SFelemText input:focus, 
	form.authelo div.SFelemSelect select:focus, 
	form.authelo div.SFelemDate input:focus,
	form.authelo div.SFelemPassword input:focus,
	form.authelo div.SFelemRadio input:focus,
	form.authelo div.SFelemCheck input:focus,
	form.authelo div.SFelemTextarea textarea:focus

	{
		background-color: #ffffe1;
	}
	
	form.authelo input, form.authelo select, form.authelo textarea
	{
		color: #000;
		font-size: 100%;
	}

/* Date/time elements */

	form.authelo div.SFelemDate label.lblcheck
	{
		width: auto;
	}

/* The optional hint text */

	form.authelo .SFhint
	{
		clear: left;
		margin: 0.2em 0em 0em 1.4em;
		width: 26em;
		/*display: none;*/
	}

	form.authelo .SFhint p
	{
		border: none;
		font-weight: normal;
		font-size: 85%;
		font-family: verdana, arial, sans-serif;
		margin: 0em 0em 0em 0em;
	}


/* Clonable behavior controls */
	form.authelo .addclone
	{
		margin: -16px 0px 0px 0px;
		
		padding: 0px;
		text-align:right;
		width: 47.5em;
	}
	
	form.authelo .addclone input
	{
		border: 1px solid #aaa;
		padding: 1px;
		margin-right: 0px;
		background-color: #f8f8f8;
		cursor: pointer;
	}
	
	form.authelo .addclone input:hover
	{
		background-color: #d7d7d7;
	}
	

	form.authelo .deleteclone
	{
		display: inline;
	}
	
	form.authelo .deleteclone input
	{
		width: 19px;
		height: 21px;
		float: right;
		margin: -15px -5px 0px 0px;
		text-indent: -1000em;
		border: 0;
		background: transparent url(delete.gif) no-repeat center top;
		overflow: hidden;
		cursor: pointer; /* hand-shaped cursor */
		
		/* ie hacks */
		_margin: -20px -14px 0px 0px;
		
	}


/* DBForm update,delete,cancel button group */
	#SFc_QFsubmit, #SFc_QFdelete, #SFc_QFcancel
	{
		display: inline;
	}

/* DBFORM Many to Many rel */
	div.SFelemMany2Many table
	{
		border-collapse: collapse;
		
	}
	
	div.SFelemMany2Many table td, div.SFelemMany2Many table th
	{
		border: 1px solid #ccc;
		padding: 4px;
	}
	
	div.SFelemMany2Many table td.attrib
	{
		text-align: center;
	}
	
	div.SFelemMany2Many table td.attrib input
	{
		width: 3em;
	}