/*
 * Web Access Module (WAM)
 * Style sheet for formatting form elements
 * 
 * Author: david.gibson@i-documentsystems.com
 * 
 */



/* Style used form text labels situated to the left of form fields */
.formlabel
{
color: #06c;
font-weight: bold;
text-align: left;
}

form
{
margin-bottom: 0;
}

/* Catch all style for form elements that have been not been assigned a class */
input
{
color: #000;
font-weight: normal;
}

/* Style used on all form fields */
input.field
{ 
color: #000;
font-weight: normal;
}

/* Style used on standard form buttons */
input.button
{ 
color: #000;
font-weight: normal;
}

/* Style used for small form buttons that are used within tables e.g. Delete/Remove buttons */
input.buttonsmall
{ 
font-size: xx-small;
color: #000;
font-weight: normal;
}

/* Style used on all form drop down lists */
select
{
font-weight: normal; 
color: #000;
}

/* Style used on all form text areas */
textarea
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 80%; 
color: #000;
}

/*Radio button label text in comment form*/
.greytext
{
font-size: 81%;
}

/* Style used to indicate required field on registration page for an individual */
.requiredindividual
{
font-size: 150%; 
font-weight: bold;
color: blue;	
}

/* Style used to indicate required field on registration page for a business user */
.requiredbusiness
{ 
font-size: 150%; 
font-weight: bold;
color: red;	
}

/* general style used to indicate required field */
.requiredfield
{
font-size: 150%; 
font-weight: bold;
color: blue;	
}

/* The following group of styles allow tables containing form elements to be styled */
.formheader
{
color: #000;
font-weight: bold;
}

.formfooter
{
background-color: #fff;
}

.formtr1
{
background-color: #fff;
}

.formtr2
{
background-color: #fff;
}

.formtablewidth
{
width: 520px;
padding: 0px;
margin: 0px;
}

/*STEPS styling*/

#stepsleftcol
{
height: 29px;
width: 369px;
background-image: url("../images/stepsleft.jpg");
}

#stepsrightcol
{
text-align: right;
vertical-align: top;
background-image: url("../images/stepsright.gif");
}

/* Creates bevel effect on a steps tables and provides control over spacing between steps boxes */
table.stepsbevel
{
border: solid 1px #39f;
/* Controls vertical spacing between steps boxes */ 
margin-bottom: 10px;
}

/* Fills STEPS table with panel color */
td.stepspanel       
{
background-color: #fff;
}

/* Styles labels displayed on the STEPS pages */
.stepslabel
{
color: #06c;
font-weight: bold;
}

/* Styles the heading on STEPS pages */
.stepsheading
{
color: #06c;
font-size: 120%;
font-weight: bold;
}

/* Styles the numerical indicators displayed on the STEPS pages */
.stepsnumber
{
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 36px;
font-weight: bold;
color: #64B0FC;
background: #fff;
border-right: solid 1px #39f;
}

/* Styles the text size on the STEPS pages */
.stepstext
{
font-size: 95%;
color: #000;
}
