/* Forms Styling
-----------------------------------------------------------------------------*/

div.myForms
{
	clear: left;
	margin: 0px 0 30px 1px;
	width: 600px;
}

.myForms fieldset
{
	clear: left;
	margin: 0 0 0 0;
	/* border: 1px solid #ddd; */
	/*
	border-top: 7px solid #171717;
	border-left: 3px solid #171717;
	border-right: 3px solid #171717;
	border-bottom: 3px solid #171717;
	background-color: #202020;
	*/
}

.myForms fieldset.mini
{
	clear: left;
	margin: 0 0 0 0;
	padding: 0 5px 30px 5px;
	border: 1px solid #ddd;
	background-color: #fefefe;
}

.myForms legend 
{
	display: block;
	/*
	border: 1px #ddd solid;
    border-bottom: 2px #8dc8e6 solid;
    background: #ffffff url('../images/elements/theadBack.gif') repeat-x bottom;
	*/
    color: #5d5f6e;
    font-weight: bold;
    vertical-align: middle;
    height: 32px;
}

.myForms legend.h1 {padding-top:20px; font-size: 197%; color:#e5d28f;}
.myForms legend.h2 {padding-top:20px; font-size: 182%; color:#82b57f;}
.myForms legend.h3 {padding-top:20px; font-size: 167%; color:#b8694d}
.myForms legend.h4 {padding-top:20px; font-size: 138.5%; color: #74acb8;}

.myForms p
{
	clear: left;
	padding: 10px 0 0 0;
	margin: 0;
}

.myForms p.first
{
	clear: left;
	margin: 30px 0 0 0;
}

.myForms label, .myForms span.label 
{
	float: left;
	margin: 0;
	padding: 0;	
	width: 200px;
	text-align: right;
	padding-right: 5px;
}

.myForms fieldset.mini label 
{
	float: left;
	margin: 0;
	padding: 0;	
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

.myForms input
{
	float: left;
	width: 200px;
}

.myForms input.wide, input.wide 
{
	float: left;
	width: 300px;
}

.myForms input.sml 
{
	float: left;
	width: 100px;
}

.myForms input.time
{
	width: 40px;
}

.myForms input.ccv
{
    float: left;
    width: 50px;
}

.myForms select
{
	float: left;
	width: 204px;
}

.myForms select.year
{
	float: left;
	margin-left: 4px;
	width: 100px;
}

.myForms select.month
{
	float: left;
	width: 100px;
}

.myForms input.checkbox
{
	width: auto;
	margin: 0;
}

.myForms input.radio
{
	width: auto;
	margin: 0;
	float: left;
}

.myForms label.radio,
.myForms label.checkbox { text-align: left; width:auto; padding-right:10px; }

.myForms textarea
{
	width: 270px;
	float: left;
}

.myForms textarea.sml
{
	width: 270px;
	height: 100px;
	float: left;
}

.myForms span.required
{
	float: left;
	display: block;
	margin: 4px 0 0 4px;
	width: 8px;
	height: 8px;
	background-image: url(../images/forms/required.gif);
	background-repeat: no-repeat;
}

.myForms .topSpace
{
	margin-top: 30px;
}

.myForms p.required
{
	margin-top: 20px;
	padding: 0 0 0 10px;
	background-image: url(../images/forms/required.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
}

.myForms div.submitForm
{
	margin-left: 205px;
}

.myForms div.submitForm button, .myForms div.submitForm input 
{
	width: 72px;
	height: 25px;
	background-color: #transparent;
	background-image: url(../images/elements/buttonSubmit.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	position: relative;
	border: 0 none;
	cursor: pointer;
	margin-top: 5px;
	float: left;
}

.myForms div.submitForm button.hover
{
	background-position: left -25px;;
}

span.indented 
{
	text-indent: 200px;
}