/* ---------------------------------------------------------------------------------

	File: 			form.css
	Author: 		Walter Botich
	Created: 		08/14/07
	Modified:		07/17/08
	Description: 	Sets default styles for form elements
					Included as part of screen.css

---------------------------------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

/* FORM ORGANIZERS --------------------------------------------------------------- */
label, .label {
    margin: 0 .8em 0 0;
	font-size: .9em;
	color: #666666;
}
	label.checkbox, label.radiobutton, .radiobutton label, .checkbox label {
		font-size: .9em;
		color: #333333;
	}
	label.left {
	    float: left;
        width: 10em;
        margin-right: .5em;
        text-align: right;
	}

fieldset {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #cccccc;
}
	fieldset legend {
	    padding: .25em 0;
	    font-size: 1.2em;
		font-weight: bold;
		color: #999999;
	}
	
fieldset.rolodex {
    position: relative;
    min-height: 6em;
    margin-top: 4em;
    padding: 2em;
    background: #efefef url("../images/bg-rolodex_fieldset.gif") no-repeat bottom center;
    border-color: #000000;
}
    fieldset.rolodex legend {
        position: absolute;
        top: -2.5em;   
    }
    /* span used inside of legend to fix width issues in Firefox & centering issues in Safari */
    fieldset.rolodex legend span {
        display: block;
        width: 150px;
        height: 35px;
        padding: .5em 0;
        color: #ffffff;
        text-align: center;
        background: url("../images/bg-rolodex_legend.gif") no-repeat;
    }
    fieldset.rolodex legend select {
        font-weight: bold;
        color: #ffffff;
        background: #000000;
        border-width: 0;
    }

/* FORM ELEMENTS ----------------------------------------------------------------- */
/* Element widths set to 99% because of IE rendering */
input, textarea, select {
	margin: 0 0 .2em 0;
	font-size: 1em;
	color: #333333;
}
	input.small {
		width: 3em;
	}
	input.custom {
		width: 7em;
	}
	select.custom {
	    width: 15em;
	}
	
	input.fill-width, select.fill-width, textarea.fill-width {
		width: 99%;
	}
	
	textarea {
		height: 5em;
		font-family: Arial, Helvetica, sans-serif;
	}
	    textarea.small {
		    height: 3em;
	    }
	    textarea.custom {
		    height: 7em;
	    }
	    textarea.large {
		    height: 10em;
	    }