/**********************************/
/*-----FORM CLASSES*/
/*NAME		DATE		CHANGE
/*Tip		6/28/2005	Changed margin to padding on formtable 
/************************************/

/*GLOBAL FORM STYLES*/

input, select, textarea{
font:12px Arial;
margin:0px 5px 0px 5px;
}


textarea {
height:100px;
width:99%;
margin:1px;
}

.text-white{
color: white;
}

.formtable{
width:100%;
padding:0px 10px 10px 0px;
margin-left:5px;
margin-right:-5px;
}

/*Defines what the td of the form header should look like such as background color and padding ,as well as how the Header text should be formatted*/

.formheader td{
font:14px "Arial", helvetica, sans-serif;
color:#fff;
background:<%= numColor %>;
padding:3px;
}

.formheader a{
color:#fff;
}

.formheader a:visited{
color:#fff;
}

/*OLD STYLE MANINTAINED ONLY TO PREVENT OLD USSAGE FROM BREAKING... REMOVE ANY INSTANCE WHEN YOU SEE IT AN USE formlabeltop or formlabelmid NOTE: bottom-border, and padding are all set in Advanced.css*/
/*.formlabel{
font:11px "Arial", helvetica, sans-serif;
color:#333;
text-align:right;
vertical-align:top;
background:#e4e4e4;
font-weight:bold;
}*/

/*Defines what the td of the form label that only spans one row, such as Job Title: should look like as well as how the label text should be formatted. NOTE: bottom-border, and padding are all set in Advanced.css*/
.formlabeltop{
font:11px "Arial", helvetica, sans-serif;
color:#333;
font-weight:bold;
text-align:right;
vertical-align:top;
background:#e4e4e4;
border:1px solid #ccc;
padding:3px;
/*width:25%;
/*width:auto;*/
}


/*Defines what the td of the form label that spans multiple rows, such as Full Name: or Street Address should look like as well as how the label text should be formatted. NOTE: bottom-border, and padding are all set in Advanced.css*/
.formlabelmid{
font:11px "Arial", helvetica, sans-serif;
color:#333;
font-weight:bold;
text-align:right;
vertical-align: middle !important;
background:#e4e4e4;
border:1px solid #ccc;
white-space: nowrap;
padding:3px;
/*width:auto;*/
}
	.formlabelmidleft{
	font:11px "Arial", helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	background:#e4e4e4;
	border:1px solid #ccc;
	white-space: nowrap;
	padding:3px;
	/*width:25%;*/
	}

/*Defines what the td of the form field should look likeNOTE: line-height, and padding are all set in Advanced.css*/
td.formfield{
font:12px "Arial", helvetica, sans-serif;
/* ***changed to middle 5/27/10, dj***  vertical-align:top; */
vertical-align:middle;
border-bottom:1px dashed #ccc;
width:99%;
padding:3px;
}

.formselectlabelmid{
	font:11px "Arial", helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	background:#e4e4e4;
	border:1px solid #ccc;
	padding:3px;
	width:100%;
}


.formselectlabelmidleft{
	font:11px "Arial", helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	background:#e4e4e4;
	border:1px solid #ccc;
	padding:3px;
	width:100%;
}

/* 5/9/2006 Changed Text align from center to left; 10/5/09...added padding to push down radio buttons */
.formselect{
font:12px "Arial", helvetica, sans-serif;
vertical-align:top;
padding-top:5px;
border-bottom:1px dashed #ccc;
text-align:left;
}

/*.formbuttons{
width:100%;
background:<%= numColor %> url(http://web.archive.org/web/20140107182000/https://net.educause.edu/images/global/div_formbuttons_alpha_bg.png) bottom left repeat-x;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E5E5E5',endColorStr='#ffffff', gradientType='0');
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='<%= numColor %>',endColorStr='#ffffff', gradientType='0');
text-align:center;
margin:0px 0px 20px 0px;
border:1px solid #ccc; BH commenting out for re-skin
border-bottom:3px solid #999;

}

	.button {
		cursor:pointer;
		border:1px solid black;
		background-color:#E4E4E4;
		padding:2px;
		font-size:10px;
		vertical-align:middle;
	}*/
/*padding:3px; BH commenting out for re-skin*/

/*div.formbuttons input{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cccccc', gradientType='0');
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
background:#ccc;
color:#990000;
cursor:pointer;
margin-left:10px;
	}*/
/*This class should be used in a <span> that is wrapping an asterisk [*] that denotes a field that the user is required to fill out.*/
.requiredfield{
font-weight:bold;
font:12px "Arial", helvetica, sans-serif;
color:red;
}

/*This class can be used on a <p> or <span> that surrounds text accompanied by a check box that the user checks if they agree to do something */
.agreement{
font:10px "Arial", helvetica, sans-serif;
font-style:italic;
}


/* FUNCTIONAL TITLE STYLES */
div.ft_item{
margin:5px 0 5px 0;
}

div.ft_descript{
color:#666;
font-size:10px;
margin:0 0 10px 25px;
}