﻿.fieldset-header
{
	height: 1.5em;
	padding-top: 8px;
	padding-left: 5px;
	background-color: #FFCCCC;
	margin: 5px 0 10px 0;
	vertical-align: bottom;
	font-size: 1.1em;
	font-weight: bold;
}

.field-group
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	line-height: 23px;
}

.field-group label
{
	width: 120px;
	text-align: right;
	display: block;
	font-size: 13px;
	float: left;
	padding-right:5px;
}

.field-text
{
}

.field-group h3
{
	background-color: #FFCCCC;
	font-size: 15px;
	font-weight: 600;
	color: #666666;
	line-height: 30px;
	padding-left: 5px;
}

.field-group hr
{
	border: none;
	border-bottom: dotted 1px gray;
	height: 3px;
}

/*
form
*/

.form-style1
{
	padding:10px;background-color: #b7ddf2;/*B1D0E0*/ border: none;
}

.w500
{
	width:500px;
}

.w520
{
	width:520px;
}

.form-style1 .form-inbox
{
	padding:20px 10px;background-color:#ebf4fb;/*#DDEEF6;*/
}

.w700
{
	width:700px;
}

.w720
{
	width:720px;
}

.w620
{
	width:620px;
}

.w620 > div
{
	width:600px;
}

.w200
{
	width:200px;
}

.w180
{
	width:180px;
}

.w190
{
	width:190px;
}

.w80
{
	width:80px;
}
.w90
{
	width:90px;
}
.w300
{
	width:300px;
}

.form-row
{
	clear: both;
	min-height:2.5em;
}

.form-row .th
{
	display: block;
	float: left;
	text-align: right;
	margin:2px 0 5px 0;
	font-weight:bold;
	color:#555555;
}

.form-row .in-txt
{
	margin:2px 0 3px 10px;
	height:1.6em;
	font-size:13px;
	vertical-align:middle;
}	

.display-row
{
	clear:both;
	min-height:1.3em;
}

.display-row .th
{
	display: block;
	float: left;
	text-align: right;
	margin:2px 0 3px 0;
	font-weight:bold;
	color:#555555;
}

.display-row .in-txt
{
	margin:2px 0 3px 10px;
	font-size:13px;
}	

.row-hd
{
	text-align:left;
	border-bottom:dotted 1px silver;
	clear:both;
	margin:5px;
}

.row-hd span
{
	background-color:Silver;
	font-weight:600;
}

/*******************************************
Form Class: aForm
*******************************************/
.w960
{
	width:960px;
}

.w700
{
	width:700px;
}

.w100x
{
	width:100%;
}

.w500
{
	width:500px;
}

.aform
{
	background: #eeeccc;
	margin: 20px auto;
	padding:0 0 10px 0;
}

.aform p#aformCaption
{
	background-color:#333333;
	padding:5px;
	font-size:15px;
	color:Orange;
}

.aform ol
{
	list-style: none;
	margin: 10px 20px 0px 20px;
	padding: 0;
}

.aform ol > li
{
	padding: 6px;
	background: #e1e1e1;
	margin-bottom: 1px;
}

.aform li#send
{
	background: none;
}

.aform label
{
	color: #0066CC;
}

.aform label.fl
{
	text-align: right;
	width: 6em;
	float: left;
	margin-right: 7px;
	line-height: 23px; /* This will make the labels vertically centered with the inputs */
}

.aform input[type="text"], .aform input[type="password"], .aform textarea, .aform select
{
	padding: 4px;
	border: 1px solid #999999;
}

.aform li.hd
{
	background-color: #9999FF;
	color: #FFFFFF;
	font-weight:600;
}

.aform input:focus, .aform textarea:focus
{
	border: 1px solid #666;
	background: #e3f1f1;
}

.aform li#send button
{
	background: #003366 url(../../images/css-form-send.gif) no-repeat 8px 50%;
	border: none;
	padding: 4px 8px 4px 28px;
	border-radius: 15%; /* Don't expect this to work on IE6 or 7 */
	-moz-border-radius: 15%;
	-webkit-border-radius: 15%;
	color: #fff;
	margin-left: 77px; /* Total width of the labels + their right margin */
	cursor: pointer;
}

.aform li#send button:hover
{
	background-color: #006633;
}

.aform li#send input[type="submit"], li#send a
{
	margin-left:30px;
}

/*******End aForm Style********/