/*This class is used to edit the form table. Applys the width and border.*/
table.form {
	width: 650px;
	margin-top: 20px;
	font-family: arial, verdana, san-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
}

/*This class is used to edit form headers.*/
td.formHead, td.formhead {
	background: #336699;
	font-family: arial, verdana, san-serif;
	color: #FFFFFF;
	padding: 2px 4px;
	font-weight: bold;
}

/*This class is used to edit form headers with anchor tags.*/
td.formHead a, td.formhead a {
	color: #FFFFFF;
	font-weight: bold;
}

/*This class is used to edit field descriptions at right.*/
td.formDesc {
	width: 160px;
	font-size: 11px;
	text-align: right;
	background: #CBD4E6;
	color: #000000;
	padding: 1px 4px 1px 15px;
	font-weight: bold;
}

/*Don't get confused... this class is used to edit the table cell in which you will find values and inputs.*/
td.formField {
	font-size: 11px;
	padding: 1px 4px 1px 4px;
}

/*The following class sub styles format form fields*/
td.formField input, td.formField select {
	font-size: 11px;
	padding: 2px;
}

/*This class is used to format form sub-headers, as found at @resource/intranet/performers/Performer_Edit.cfm in the certification section*/
td.formSubHead, td.formsubhead {
	background: #96BBDF;
	font-family: arial, verdana, san-serif;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	font-weight: bold;

}

td.formSubSubHead {
	background: #E5FFEB;
	font-family: arial, verdana, san-serif;
	color: #000000;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	font-size: 11px;
}

/*This font style was added to change the size of asterisks following required fields*/
.FormButton, .formButton {
	margin: 15px 0 1px 0;
	height: 25px;
	width: auto;
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background: #3784D0 url(../images/gradient_darkblue.jpg) repeat-x;
	background-image: linear-gradient(to bottom, #99CBFE 0%, #023467 100%);
	border: 1px solid #003366;
}

.FormButtonDelete {
	margin: 15 0 1 0;
	height: 25px;
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background: #FC3A3A url(../resource/images/gradient_lightred.jpg) repeat-x;
	border: 1px solid #003366;
}

.SubFormButton {
	color: #000000;
	height: 19px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	background: #D1DEE9 url(../images/gradient_lightblue.jpg) repeat-x;
	background-image: linear-gradient(to bottom, #F1F8FE 0%, #B8D3F1 100%);
	border: 1px solid #000000;
}

.NavigationButton {
	height: 20px;
	width: auto;
	color: #eeeeee;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background: #3784D0 url(../images/gradient_darkblue.jpg) repeat-x;
	background-image: linear-gradient(to bottom, #99CBFE 0%, #023467 100%);
	border: 1px solid #003366;
}