/****** forms.css template ******/

.error {
	color: red;
	}


/* in-line forms */
fieldset {
    margin:10px 0;
    border-width: 0;   
}
    fieldset label {
        float: left;
        text-align: right;
        margin-right: 0.5em;
    }
    fieldset label.hidden span { /* useful for the second address line label */
        position: relative;
        right: -5000px;
    }
    fieldset input,
    fieldset select {
        margin-bottom: .8em; /* pixels may be used instead */
    }
    
    /* radio buttons and checkboxes */
    fieldset ul.radiocheck {
        list-style:none;
        padding:0;
    }
        fieldset ul.radiocheck li {
            clear:left;
            padding-top: 0.5em;
        }
            fieldset ul.radiocheck input {
                float: left;
                margin: 0 0.5em 0 0;
            }
            fieldset ul.radiocheck label {
                text-align: left;
                margin: 0;
            }

fieldset.siteForm {
    width:auto;
}
	fieldset.siteForm ol {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	fieldset.siteForm ol li{
		margin-bottom: 1em;
	}		
	fieldset.siteForm input.submit {
		margin:-15px 90px 0 0;
		float:right;
	}		
    fieldset.siteForm label {
        display:block;
		float:left;
		margin:0pt 10px 0pt 0pt;
		text-align:right;
		width:175px;
    }
		fieldset.siteForm label.paragraph_label {
			display: block;
			width: 175px;
			text-align: left;
		}
    fieldset.siteForm ol li span {
		text-align:right;
		display:block;
		width:175px;
    }
	fieldset.siteForm label.required {
		background: url(<%required%>) no-repeat center right;
		padding: 0 8px 0 0;
		width: 167px;
	}
	fieldset.siteForm ol li fieldset.authorIllustrator input {
		margin:0 0 5px;
	}
	fieldset.siteForm ol li fieldset.check input {
		float: left;
	}	
	fieldset.siteForm ol li fieldset.check label {
		width:40px;
		text-align: left;
		margin-left: 10px;
	}	
	fieldset.siteForm ol li.check_box {
		margin-left: 193px;
	}		
	span.rightlabel
	{
	    display: block;
	    float:left;
	}
	



/* block forms */
fieldset.block {}
    fieldset.block label {
        float: none;
        display: block;
        text-align: left;
    }

fieldset select.wide,
fieldset input.wide,
fieldset textarea.wide{
    width:200px;
    text-indent:4px;
} 

fieldset select.small,
fieldset input.small,
fieldset textarea.small{
    width:90px;
} 

fieldset select.medium,
fieldset input.medium,
fieldset textarea.medium{
    width:180px;
} 

fieldset select.large,
fieldset input.large,
fieldset textarea.large{
    width:360px;
} 
/* input styles */

input.go_btn {
    font-size:1.1em;
    background:url(../../_images/buttons/go_btn.gif) top left no-repeat;
    border:none;
    width:38px;
    height:20px;
    margin-left:4px;
}


input.search_btn {
    font-size:1.1em;
    border:none;
    margin-left:2px;
}



/*** chris' general fieldsets ***/

fieldset.textfields {
	margin: 0 0 0.6em 0;
}
    fieldset.textfields ol
    {
        list-style-type: none;
    }

	fieldset.textfields input,
	fieldset.textfields select,
	fieldset.textfields textarea {
		vertical-align: top;
	}
	fieldset.textfields span.label, /* span tag to emulate a label */
	fieldset.textfields label {
		float: left;
		display: inline;
		width: 140px;
		margin: 0.2em 10px 0 0;
		line-height: 1.2em;
		text-align: right;
	}
	fieldset.textfields span.label_left {
		float: left;
		display: inline;
		width: auto;
		margin: 0.2em 0 0 0;
		line-height: 1.2em;
		text-align: left;
	}
	fieldset.textfields label.short {
		width: 60px;
	}
	fieldset.textfields span.block,
	fieldset.textfields label.block { /* stacked label/input */
		float: none;
		display: block;
		width: auto;
		margin: 0.2em 0;
		line-height: 1.2em;
		text-align: left;
	}