﻿
/**********[ form elements ]**********/
form
{
	margin: 0;
	padding: 0;
}

.formcolumn
{
	float: left;
	width: 340px;	
}

.formrow
{
	float: left;
	clear: both;
	padding: 0;
	margin-bottom: 10px;
}

.formrow label
{
	display: block;
	float: left;
	padding: 3px 0 0 0;
	margin: 0;
}

.formrow p
{
	float: left;
	padding: 3px 0 3px 0;
	margin: 0;
	font-size: 0.85em;
}

.formrow input, .formrow textarea, .formrow select
{
	float: left;
}

.formrow span
{
	padding: 0;
	margin: 0;
	float: left;
}

.formrow span.error
{
	text-align: center;
}

.validation
{
	color: #e24a4a;
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: bold;
}

.validation ul
{
	list-style-position: inside;
	list-style-type: square;
}

.validation ul li
{
	color: #5c3f3f;
	font-weight: normal;
	font-size: 1em;
}

.error
{
	color: Red;
}

.valid
{
	color: Green;
}

.required
{
	font-weight: bold;
}

/**********[ panels ]**********/

.indented
{
	margin-left: 100px;
	width: 800px;
}

.panel
{
	width: 100%;
	text-align: right;
}

.panel .context
{
	margin-left: 5px;
}

.panel div
{
	float: left;
}

/**********[ size declarations ]**********/
.size340 { width: 340px; } 
.size340 label { width: 100px; }
.size340 input.textbox { width: 215px; }
.size340 select.dropdown { width: 223px; }
.size340 span.error { width: 15px; }
.size340 span.checkbox { width: 315px; margin: 0; padding: 0; }
.size340 span.checkbox input { padding: 0; margin: 3px 8px 0 0; }
.size340 span.checkbox label { width: 290px; margin: 0; padding: 0; }

.size360 { width: 360px ;}
.size360 label { width: 80px; padding: 0.3em 8px 0 20px; }
.size360 select.dropdown { width: 240px; }

.size410 { width: 410px; } 
.size410 label { width: 100px; }
.size410 input.textbox { width: 104px; }
.size410 span.error { width: 15px; }
.size410 p { width: 175px; }

.size470 { width: 470px; } 
.size470 label { width: 100px; }
.size470 input.textbox { width: 144px; }
.size470 span.error { width: 15px; }
.size470 p { width: 200px; }
.size470 span.checkbox { width: 320px; margin: 0 0 0 100px; padding: 0; }
.size470 span.checkbox input { padding: 0; margin: 3px 8px 0 0; }
.size470 span.checkbox label { width: 200px; margin: 0; padding: 0; }

.size470nohelp { width: 470px; } 
.size470nohelp label { width: 130px; }
.size470nohelp input.textbox { width: 315px; }
.size470nohelp textarea.textbox { width: 315px; }
.size470nohelp select.dropdown { width: 323px; }
.size470nohelp span.error { width: 15px; }

.size650 { width: 650px ;}
.size650 label.label { width: 80px; padding: 0.3em 8px 0 20px; }
.size650 .radiolabel label { margin: 0 15px 0 4px; padding: 0; }
.size650 .radiolabel input { margin: 2px 0 0 0; padding: 0; }
.size650 input.textbox { width: 420px; }
.size650 input.context { margin-left: 5px; }

.size680 { width: 680px; } 
.size680 label { width: 110px; }
.size680 label.context { width: 80px; }
.size680 input.textbox, .size680 textarea { width: 264px; }
.size680 input.context { margin-left: 5px; }
.size680 span.error { width: 15px; }
.size680 p { width: 280px; }
.size680 p.context { width: 250px; margin-left: 10px; }
.size680 select { width: 272px; }
.size680 select.selectbox { width: 220px; }


/**********[ input elements ]**********/
.textbox
{
	border: solid 1px #68b6db;
	font: 1.1em "Lucida Grande", Sans-Serif;
	color: #4e4e4e;
	padding: 3px;
	margin: 0;
	background-color: #fff;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}

.dropdown
{
	border: solid 1px #68b6db;
	font: 1.1em "Lucida Grande", Sans-Serif;
	color: #4e4e4e;
	padding: 0.3em;
	background-color: #fff;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}

.selectbox
{
	font: 1em "Lucida Grande", Sans-Serif;
	color: #4e4e4e;
	background-color: #fbf3e8;
	border: none;
	padding: 0;
	margin: 0;
}

.button
{
	font: 0.9em "Lucida Grande", Sans-Serif;
	background-color: #68b6db;
	padding: 3px 6px 3px 6px;
	margin: 0;
	color: #fff;
	border: solid 1px #68b6db;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}

.button:hover
{
	background-color: White;
	border: solid 1px silver;
	color: #68b6db;
	cursor: pointer;
}
