/*
File: forms.css
Author: Narvarth
Summary: design for the forms
*/

.formTable
{
	text-align: center;
}

.formTable td
{
}

.formAdvancedTd
{
	/* margin doesn't work as it's a <td> tag */
	padding-top: 15px;
	padding-bottom: 10px;
	color: Gray;
	font-weight: bold;
	text-align: center;
}

.formTextBoxTd
{
	/*width: 150px;*/
	/* 2px padding-right because the textbox is 2px outside the <td> since it has width 100% (1px for each left & right borders) */
	padding: 0px 2px 0px 0px; /* for Firefox */
}

.formTextBox
{
	/* Defining the borders for the textbox makes it not overflow, that's weird but it words */
	width: 100%;
	min-width: 100px;
	/*margin: 0px 0px 0px 0px;*/
	
	border: solid 1px #e2e3ea;
	border-top: solid 1px #abadb3;
	
	-moz-border-radius: 2px;
}
.formTextBox:hover
{
	border: solid 1px #b5cfe7;
	border-top: solid 1px #5794bf;
}
.formTextBox:focus
{
	border: solid 1px #b7d9ed;
	border-top: solid 1px #3c7bad;
}

.formTextareaTd
{
	width: 100%;
	/* 2px padding-right because the textarea is 2px outside the <td> since it has width 100% (1px for each left & right borders) */
	padding: 0px 2px 0px 0px;
}

.formTextarea
{
	/* Defining the borders for the textarea makes it not overflow, that's weird but it words */
	width: 100%;
	margin: 0px 0px 0px 0px;
	border: solid 1px #e2e3ea;
	border-top: solid 1px #abadb3;
	
	-moz-border-radius: 2px;
}
.formTextarea:hover
{
	border: solid 1px #b5cfe7;
	border-top: solid 1px #5794bf;
}
.formTextarea:focus
{
	border: solid 1px #b7d9ed;
	border-top: solid 1px #3c7bad;
}

.formSubmitButtonTd
{
	padding-top: 15px;
}

.formLabel
{
}

.formRadioButtonList
{
	text-align: left;
	margin: auto;
}

.formRadioButtonList td
{
	border-width: 0px;
}

.formValidator
{
	color: Red;
}