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

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

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

form {
	margin: 0;
	padding: 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: 12em;
	}	
	input.fill-width, select.fill-width, textarea.fill-width  {
		width: 99%;
	}
	input.watermark {
        color: #999999;
    }
	
	textarea {
		height: 10em;
		font-family: Arial, Helvetica, sans-serif;
	}
	    textarea.small {
		    height: 3em;
	    }
	    textarea.custom {
		    height: 7em;
	    }
	    textarea.large {
		    height: 10em;
	    }
	    
	/* Textbox/textarea focus and disabled styles */
	input[type=text], textarea {
        padding: 2px;
        border: 1px solid #7f9db9;
    }
    input:focus, textarea:focus {
        border-color: #2670b5;
    }
    input[disabled], textarea[disabled] {
        background: #efefef;
    }
	    
	/* Used in .NET skin file */
	/* Corrects label alignment to checkboxes and radiobuttons */
	.checkbox input, .radiobutton input {
	    margin: 0 .2em 0 0;
	}

/* USER NOTIFICATION CLASSES ---------------------------------------------------- */
.alert, .warning, .ok, .info {
	min-height: 64px;
	/* IE 6 and lower hack */
	height: 64px;
	/* end hack */
	margin: 1em 0;
	padding: 1em 1em 1em 64px;
	font-size: .9em;
	color: #333333;
}
/* Reset the height for all other browsers */
*>.alert, *>.warning, *>.ok, *>.info {
    height: auto;
}
	.alert {
		background: #ffdede url("../images/bg64-alert.gif") no-repeat top left;
		border: 3px solid #990000;
	}
	.warning {	
		background: #fcf5e7 url("../images/bg64-warning.gif") no-repeat top left;
		border: 3px solid #ffcc33;
	}
	.ok {	
		background: #ccffcc url("../images/bg64-ok.gif") no-repeat top left;
		border: 3px solid #009900;
	}
	.info {	
		background: #ccccff url("../images/bg64-info.gif") no-repeat top left;
		border: 3px solid #0000cc;
	}
	
	span.alert, span.warning, span.ok, span.info {
		padding: 0;
		background: none;
		border: none;
	}
	    span.alert {
	        color: #990000 !important;
	    }
	    span.warning {
	        color: #cc9933 !important;
	    }
	    span.ok {
	        color: #006600 !important;
	    }
	    span.info {
	        color: #000099 !important;   
	    }