/*
 *  Fancy forms stylesheet
 */


	/* fancy form */

		form.fancy
		{
			display: block;
			margin: 0;
		}
	
	/* normal fieldset */
	
		/* hidden fieldset */
		form.fancy fieldset 
		{
			display: block;
			margin: 0;
			margin-bottom: 10px;
			padding: 0;
			border: none;			
		}
		
	/* grouped fieldset (use <div class="row"> to separate fields) */
	
		form.fancy fieldset.border 
		{
			padding: 1em;
			border: solid 1px #ccc;
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;
		}
		form.fancy fieldset.border legend
		{
			margin-left: .5em;
			padding: 0 .5em;
			color: #ccc;
			font-weight: bold;
			font-size: 90%;
		}
		form.fancy br
		{
			clear: right;
			/*margin-bottom: 1.5em;*/
		}
	
	/* field labels */
	
		form.fancy label.width-normal
		{
			padding: .1em 0 0 0;
			display: block;
			clear: left;
			float: left;		
			width: 120px;
		}
		form.fancy label.width-full
		{
			width: 100%;
			clear:both;
		}
		form.fancy p,
		form.fancy label
		{
			color: #666;			
		}
	
	/* indented container */
	
		form.fancy div.indent-normal
		{
			margin-left: 120px;
		}

	
	/* text and select */
	
		form.fancy input.text-input,
		form.fancy textarea,
		form.fancy select
		{
			padding: .4em;
			border: solid 1px #bbb;
			margin: 0 0 5px 0;
			-moz-border-radius: .25em;
			-webkit-border-radius: .25em;		
		}
			
	/* validation errors */
	
		/* inline message */
		
			form.fancy label.error
			{
				float: none;
				display: inline;
				padding: 0;
				margin-left: .5em;
				color: #c33;
				font-weight: bold;
			}
		
		/* fields */
		
			form.fancy input.text-input.error,
			form.fancy select.error,
			form.fancy textarea.error
			{
				background: #fee;
				border-color: #c99;
			}
		
	/* loading indicator */
	
		form.fancy .ajax-loading
		{
			display: none;
		}
		form.fancy .ajax-loading img
		{
			vertical-align: text-top;
		}
		form.fancy .ajax-loading span
		{
			font-size: 130%;
			color: #bbb;
			position: relative;
			top: .5em;
			margin-left: .5em;
		}
		form.fancy .ajax-message br
		{
			margin-bottom: .5em;
		}
		

	/* message */
	
		form.fancy .message
		{
			display: none;
			margin: 1em 0;
			padding: 1em 0;
		}
		form.fancy .message span
		{
			padding: 1em;	
			-moz-border-radius: .25em;
			-webkit-border-radius: .25em;
			background: #fee;
			color: #c33;
			font-weight: bold;
		}
		form.fancy .message br
		{
			margin-bottom: .5em;
		}

		
	/* custom checkboxes */

		/* customize */
		
			form.fancy .custom-checkbox {
				font-size: 21px; 
				line-height: 21px; 
			}
			form.fancy .custom-checkbox img {
				width: 21px; 
				height: 21px;
				background: transparent url(images/checkbox.png) no-repeat;
			}
		
		/* defaults */
		
			form.fancy .custom-checkbox img {
				vertical-align: middle; 
			}
			form.fancy .custom-checkbox {
				display: inline; 
				cursor: pointer; cursor: hand;
			}
			form.fancy .custom-checkbox .mark {display: inline;}
			form.fancy .custom-checkbox img{
				background-position: 0px 0px;
			}
			form.fancy .custom-checkbox-hover img{
				background-position: 0px -32px;
			}
			form.fancy .custom-checkbox-checked img{
				background-position: 0px -64px;
			}
			form.fancy .custom-checkbox-checked .custom-checkbox-hover img {
				background-position: 0px -96px;
			}
			form.fancy .custom-checkbox-disabled img{
				background-position: 0px -128px;
			}
			form.fancy .custom-checkbox-checked .custom-checkbox-disabled img{
				background-position: 0px -160px;
			}
	

	/* custom radio buttons */
	
		/* label */
		
			form.fancy .radio-label
			{
				margin-right: 1em;
			}
			
		/* customize */
		
			form.fancy .custom-radio {
				font-size: 21px; 
				line-height: 21px; 
			}		
			form.fancy .custom-radio img{
				width: 21px; 
				height: 21px;
				background: transparent url(images/radio.png) no-repeat;
			}
		
		/* defaults */

			form.fancy .custom-radio {
				display: inline; 
				cursor: pointer; cursor: hand;
			}
			form.fancy .custom-radio .mark {display: inline;}
			form.fancy .custom-radio img {
				vertical-align: middle; 
			}
			form.fancy .custom-radio img{
				background-position: 0px 0px;
			}
			form.fancy .custom-radio-hover img{
				background-position: 0px -32px;
			}
			form.fancy .custom-radio-checked img{
				background-position: 0px -64px;
			}
			form.fancy .custom-radio-checked .custom-radio-hover img {
				background-position: 0px -96px;
			}
			form.fancy .custom-radio-disabled img{
				background-position: 0px -128px;
			}
			form.fancy .custom-radio-checked .custom-radio-disabled img{
				background-position: 0px -160px;
			}

	/* big buttons */
	
		/* buttons */
	
		div.big-button { 
			background:transparent url(images/button_edge.gif) no-repeat scroll left top;
			position:relative;
			text-align:left;
			/*
			display:inline;
			line-height:33px;
			padding:7px 0pt 12px 10px;
			*/
		}
		div.big-button .spacer
		{
			line-height: 33px;
			padding: 0 0 11px 10px;
			/*
			margin-right:22px;
			*/
		}
		div.big-button input 
		{
			background:transparent url(images/button_bg.gif) no-repeat scroll right center;
			border:none;
			color:#D9F0F4;
			font-size:110%;
			font-weight:bold;
			height:33px;
			padding:0pt 12px 0px 0pt;
			/*
			left:10px;
			position:absolute;
			text-align:center;
			top:0px;
			*/
		}
		div.big-button input.active
		{
			color: #fff;
		}

		
	/* text input widths */
	
		form.fancy .width-tiny
		{
			width: 40px;
		}
		form.fancy .width-narrow,
		form.fancy .width-skinny
		{
			width: 100px;
		}
		form.fancy .width-medium,
		form.fancy .width-normal
		{
			width: 270px;
		}
		form.fancy .width-wide
		{
			width: 500px;
		}
		form.fancy .width-full
		{
			width: 100%;
		}
		
		form.fancy .height-small
		{
			height: 3em;
		}
		form.fancy .height-medium,
		form.fancy .height-normal
		{
			height: 8em;
		}
		form.fancy .height-tall
		{
			height: 15em;
		}

		}