** Swinburne University of Technology Website: form CSS
 *  Cascade Style Sheet file including Styles destined to the 
 *  presentation of forms in the website
 *
 *  MODIFIED:
 *  version 1.0, 28 June 2004.
 * @version 1.1, 08 September 2004. Images with absolute directory
 * @version 1.2, 14 July 2005. text color changed from #666666 to #3A3939
 * @version 1.3, 20 Februart 2006. added.form_textarea -Caroline
 * @author David Jimenez david@swin.edu.au
 */

/**
 * form class used to define the major container for the form content
 * usually is implemented in the "td" tag of an outer table or in the 
 * "" tag depending on the case
 * example: <td class="form">----form elements-------</td>
 */
 
.form
{
	vertical-align: top; 
	margin: 0px;
}

/**
 * Form Element classes used to define the aspect of the form elements
 * contains all the form elements like buttons, checkboxes or input fields
 * example: <input type="checkbox" class="form_checkbox">
 */

.form_button 
{
	background-color: #cccccc;
	font-size: x-small;
	font-family: Verdana;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
}

.form_checkbox
{
	background-color: #FFFFFF;
	font-weight: bolder;

}
	
.form_dropdown 
{
	font-family: Verdana;
	font-size: xx-small;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	color: #3A3939;
	text-decoration: none;
}

.form_radiobutton 				
{
	font-family: Arial, Geneva, Helvetica;
	font-size: 11px;
	color: #3A3939;
}

.form_textfield 
{
	font-family: Verdanna;
	font-size: xx-small;
	color: #3A3939; 
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666; 
	text-decoration: none;
	width: 194px;
}

.form_textfield_small
{
	font-family: Verdanna;
	font-size: xx-small;
	color: #3A3939; 
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666; 
	text-decoration: none;
	width: 145px;
}

.form_textarea 
{
	font-family: Verdanna;
	font-size: x-small;
	color: #3A3939; 
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666; 
	text-decoration: none;
}

/**
 * Form Labels classes used to define the aspect of the fonts 
 * for labels in the forms, can be used as an option to the 
 * elements in the main.css file
 */

.form_label_1
{
	font-family: Arial, Geneva, Helvetica;
	/*font-size: 10px;*/
	font-style: normal;
	font-weight: bold;
	color: #3A3939;

}

.form_label_2
{
	font-family: Arial, Geneva, Helvetica;
	/*font-size: 12px;*/
	font-style: italic;
	font-weight: bolder;
	color: #3A3939;
}

.form_label_3
{
	font-family: Arial, Geneva, Helvetica;
	/*font-size: 12px;*/
	font-style: normal;
	font-weight: bolder;
	color: #999999;
	text-decoration: underline;
}
