﻿
.errorBox 
{
	font-size: 1.0em;
	border: 1px solid #ffa6a6;
	background: #fff2f2;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.form input.field, 
table.form select.field, 
table.form textarea.field 
{
	font-size: 1.0em;
	font-family: Verdana, Tahoma, Sans-Serif;
	border: 1px solid #e1e1e1;
	padding: 2px;
	padding-bottom: 4px;
	padding-top: 4px;
}

table.form input.field:focus, 
table.form select.field:focus, 
table.form textarea.field:focus 
{
	border: 1px solid #bbb;
}


table.form input.radio, 
table.form input.checkbox,
table.form span.checkbox input
{
	margin-right: 6px;
}

table.form input.maxwidth, 
table.form select.maxwidth, 
table.form textarea.maxwidth, 
table.form button.maxwidth 
{
	width: 100%;
}

table.form 
{
	position: relative;
	border-collapse: collapse;
	width: 50%;
}

table.form th, 
table.form td {
    vertical-align: top;
    padding-right: 8px;
    padding-bottom: 8px;
    position: relative;
}

table.form table th, 
table.form table td 
{
	padding: 0;
	font-size: 1.0em;
}

table.form th 
{
	text-align: right;
	width: 125px;
}

table.form th label 
{
	font-weight: normal;
	display: block;
	padding-right: 10px;
}

table.form label.required 
{
	padding-right: 10px;
	background: url(../images/layout/label-required.gif) no-repeat center right;
}

table.form textarea.fiverows 
{
	height: 80px;
}

table.form table.radio td 
{
	padding-right: 10px;
}

table.form table.radio input
{
	margin-right: 5px;
}

table.form table.checkbox input
{
	margin-right: 5px;
}

table.form .helpcontainer 
{
	position: relative;
}

table.form .helptext 
{
	display: none;
	border: 3px solid #e8e8e8;
	padding: 3px;
	position: absolute;
	top: -10px;
	left: 360px;
	width: 300px;
	background: white;
}

table.form .helptext div 
{
	position: relative;
}

table.form .helptext div div.helptext-arrow
{
	position: absolute;
	background: url(../images/layout/helptext-arrow.gif) no-repeat;
	width: 15px;
	height: 24px;
	top: 3px;
	left: -18px;
}

table.form .helptext div div.helptext-header 
{
	overflow: auto;
}

table.form .helptext div div.helptext-content 
{
	margin: 12px;
	margin-top: 0;
}

.form-info 
{
	float: right;
	width: 46%;
}

.form-info h2 
{
	margin-top: 8px;
}

h1.form-section, h2.form-section, h3.form-section, 
h4.form-section, h5.form-section, h6.form-section 
{
	margin-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
}

.captcha-box 
{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #cdd1c4;
	background: #f6f7f4;
	padding: 20px;
	padding-top: 5px;
}

.captcha-box .captcha-title 
{
	font-weight: bold;
	color: #a4af8b;
}

.captcha-box label 
{
	color: #666;
}

.captcha-box input,
table.form .captcha-box input.field
{
	width: 98%;
	border: 1px solid #cdd1c4;
	margin-top: 5px;
}

.captcha-box input:focus,
table.form .captcha-box input.field:focus 
{
	border: 1px solid #b6ca8a;
}
