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

	File: 			form.css
	Author: 		Walter Botich
	Created: 		08/14/07
	Modified:		10/06/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 1em 0 .2em;
	font-size: 1em;
	color: #555555;
}
	label.left{
	    float: left;
        width: 10em;
        margin-right: .5em;
        text-align: right;
	}
	label.left_align-left {
	    float: left;
        width: 10em;
        margin-right: .5em;
        text-align: left;
	}
	
	span.left
	{
	    font-size: 1em;
	    color: #555555;
	    float: left;
        width: 10em;
        margin-right: .5em;
        text-align: right;
	}

fieldset {
	padding: 1em;
	border: 1px solid #cccccc;
}
	fieldset legend {
	    padding: .25em 0;
	    font-size: 1.2em;
		font-weight: bold;
		color: #666666;
	}

/* Class to make a fieldset look like a rolodex card */
fieldset.rolodex {
    /* IE bug fix */
    position: relative;
    /* end bug fix */
    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 {
        /* IE bug fix */
        position: absolute;
        /* end bug fix */
        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 and height reflect the size of the background image */
        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 .25em 0;
	font-size: 1em;
	color: #333333;
}
	input.small {
		width: 3em;
	}
	input.custom {
		width: 125px;
	}
	select.custom {
	    width: 15em;
	}
	
	input.fill-width, select.fill-width, textarea.fill-width  {
		width: 99%;
	}
	input.watermark {
        font-weight: bold;
        color: #999999;
    }
	
	textarea {
		width: 99%;
		height: 10em;
		font-family: Arial, Helvetica, sans-serif;
	}
	    textarea.small {
		    height: 3em;
	    }
	    textarea.custom {
		    height: 7em;
	    }
	    textarea.large {
		    height: 10em;
	    }
	    
	.checkbox input, .radiobutton input {
	    margin: 0;
	}