/* -------------------------------------------
 * MainForm
  ------------------------------------------- */
DIV.form
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin: 30px 0 20px 0;
	/* padding: 30px 0 30px 0; */
	background-color: #F7F7F7;
	border: solid 1px #DDDDDD;
	
	background-color: Transparent;
	border: none;
}	

/* -------------------------------------------
 * Required Field
  ------------------------------------------- */
.required-field
{
	position: absolute;
	right: 40px;
	top: -10px;
	color: #429CDD;
	font-size: 80%;
	background: url('../../images/bg/required-field.png') no-repeat left center;
	padding-left: 8px;
}

/* -------------------------------------------
 * ELEMENTS
  ------------------------------------------- */
FORM
{
	padding: 0;
	margin: 0;
}
FIELDSET,LABEL,INPUT,SELECT,TEXTAREA,FIELDSET P
{
	color: #333333;
}
FIELDSET H2
{
	color: #07224D;
	margin-bottom: 10px;
}
FIELDSET H3
{
	color: #429CDD;
	margin-top: 20px;
	margin-bottom: 10px;
}
FIELDSET H3 SPAN.step
{
	color: #429CDD;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
	letter-spacing: -1px;
	font-weight: 900;
	text-decoration: none;
}

FIELDSET
{
	-moz-border-radius: 10px; /* INVALID CSS */
	-webkit-border-radius: 10px; /* INVALID CSS */
	
	position: relative; /* Bug Fix for alignment of legend */
	width: auto;
	padding: 1.5em 1.5em 1.5em 1.5em; /* No legend */
	margin-bottom: 1.5em;
	background-color: #EFF6F8;
	border: solid 1px #D2E8FA;
}
FIELDSET FIELDSET
{	
	-moz-border-radius: 0; /* INVALID CSS */
	-webkit-border-radius: 0; /* INVALID CSS */

	width: auto;
	margin-top: 1.5em;
	border-top: solid 1px #D2E8FA;
	border-right: solid 1px #EDEDED;
	border-bottom: solid 1px #EDEDED;
	border-left: solid 1px #E9E8E8;
}
FIELDSET.buttons
{
	margin: 0;
	padding: 0 1.5em 0 1.5em;
	width: auto;
	text-align: right;
	background-color: Transparent;
	border: none;
}
FIELDSET FIELDSET.buttons
{
	position: relative; /* Bug Fix for alignment of legend */
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	background-color: Transparent;
}

FIELDSET P
{    
	display: block;
	margin: 5px 0 5px 0; /* Defines vertical spacing between form rows */
	padding: 5px;
	min-height: 22px;
	line-height: 22px; /* Ensure vertical middle alignment */
	background-color: #E6F0F3;
}
FIELDSET.buttons P
{
	background-color: Transparent;
}
FIELDSET.buttons P.left,
FIELDSET.buttons P.right
{
	width: auto;
}
FIELDSET P.overview
{
	margin: 0 0 40px 0;
	padding: 0;
	min-height: 18px;
	font-size: 14px;
	line-height: 1.3em;
	color: #375481;
	background: none;
}

/* -------------------------------------------
 * Form Control Elements
  ------------------------------------------- */
INPUT,SELECT,TEXTAREA
{
	-moz-border-radius: 3px; /* INVALID CSS */
	-webkit-border-radius: 3px; /* INVALID CSS */
	
	clear: right;  /* Fixes Mozilla and Firefox formatting */
	margin: 0 2px 0 2px;
	padding: 0 4px 0 4px;
	font-size: 1em;
	line-height: 22px; /* Ensure vertical middle alignment */
	border: solid 1px #D2E8FA;
} 
SELECT
{
	-moz-border-radius: 0; /* INVALID CSS */
	-webkit-border-radius: 0; /* INVALID CSS */
	
	padding: 0 0 0 2px; /* Firefox - cannot pad right otherwise space exists between drop icon and end of list. */
	height: 22px;
	vertical-align: middle;
	color: #525252; 
	border: solid 1px #D2E8FA;
} 

SELECT OPTION
{
	padding-right: 15px;
}

/* -------------------------------------------
 * Legend
  ------------------------------------------- */
LEGEND
{
	display: none; /* No legend */
	position:absolute; 
	top: -0.5em; 
	left: 0.75em;
	background-color: Transparent;
}
LEGEND SPAN
{
	padding: 0 2px 0 2px;
	font-size: 16px;
	font-weight: bold;
	color: #005570;
	background-color: Transparent;
}
LEGEND SPAN.step
{
	color: #555555;
}

/* -------------------------------------------
 * Labels
  ------------------------------------------- */
LABEL
{
	font-size: 100%;
	clear: left;  /* Fixes Mozilla and Firefox formatting */
	display: inline-block;
	min-height: 24px;
	line-height: 24px; /* Ensure vertical middle alignment */
	color: #375481;
}
LABEL.label
{
	float: left; /* Fixes Mozilla and Firefox formatting */
	margin: 0;
	padding: 1px 1em 0 4px;
	vertical-align: top;	
	min-width: 200px;
	width: 200px;
	border-right: solid 2px Transparent; /* to ensure required borders dont throw out alignment */
}
LABEL.required
{
	float: left; /* Fixes Mozilla and Firefox formatting */
	width: auto;
	/* color: #2D60C5; */
	vertical-align: top;
	border-right: solid 2px #429CDD;
}
LABEL.hidden_required
{
	border-right: none;
}
LABEL.problem
{
	float: left; /* Fixes Mozilla and Firefox formatting */
	width: auto;
	color: #CC0000;
	vertical-align: top;
	border-right: solid 2px #CC0000;
}

/* -------------------------------------------
 * Form Controls
  ------------------------------------------- */
TEXTAREA 
{ 
	display: inline-block;
	margin: 1px 0 1px 1px;
	color: #525252; 
	border: solid 1px #D2E8FA;
}

INPUT[type="textarea"],
TEXTAREA.textarea
{ 
	margin-top: 0;
	padding-left: 2px; /* Stops text butting right up to left side in firefox */
	width: 400px; 
	height: 100px; 
	border: solid 1px #D2E8FA;
}
INPUT[type="text"],
INPUT.text
{
	padding-left: 2px; /* Stops text butting right up to left side in firefox */
	color: #525252; 
	height: 23px;
	vertical-align: middle;
	border: solid 1px #D2E8FA;
}
INPUT[type="button"],
INPUT.button
{
	height: 25px;
}
INPUT[type="checkbox"],
INPUT.checkbox
{
	vertical-align: bottom;
	border-style: none;
	border-color: inherit;
	border-width: medium;
}
INPUT[type="radio"],
INPUT.radio
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
}
INPUT[type="file"],
INPUT.fileupload
{
	width: 195px; 
	vertical-align: bottom;
}

/* -------------------------------------------
 * Main Form Dropdown Lists
  ------------------------------------------- */
#MainForm SELECT
{
	min-width: 180px;
}
#MainForm INPUT.date
{
	width: 120px;
}

/* -------------------------------------------
 * Cute Editor
  ------------------------------------------- */
SPAN.editor
{
	
}
SPAN.editor TABLE
{
	margin: 0 0 5px 0;
}

/* -------------------------------------------
 * @see Global Script
  ------------------------------------------- */
P.focus
{   
	background-color: #000000;
}
LABEL.focus
{
	color: #000000;	
	outline: none;
}
INPUT.focus,
SELECT.focus,
TEXTAREA.focus
{
	border: solid 1px #375481;
	color: #000000;
	outline: none;
}

/* -------------------------------------------
 * Table Layout List 
 * RadioButtonList RepeatLayout="Table"
  ------------------------------------------- */
.tableLayoutList
{	
	display: inline-table;
	width: auto;
	height: 25px;
}
.tableLayoutList TD
{
	width: auto;
	white-space: nowrap;
}
.tableLayoutList INPUT,
.tableLayoutList LABEL
{
	float: left;
	line-height: 20px;
	vertical-align: middle;
}
.tableLayoutList INPUT
{
	float: left;
    padding: 0;
	width: 20px;
    vertical-align: middle;       
}
.tableLayoutList LABEL
{
	clear: right;
	margin-right: 4px;    
    white-space: nowrap;
}

/* -------------------------------------------
 * Flow Layout List 
 * RadioButtonList RepeatLayout="Flow"
  ------------------------------------------- */
.flowLayoutList
{
	display: block;
}
.flowLayoutList INPUT,
.flowLayoutList LABEL
{
	
}
.flowLayoutList INPUT[type="radio"],
.flowLayoutList INPUT[type="checkbox"]
{
	margin-right: 5px;
}

.flowLayoutList LABEL
{	
	line-height: 25px;
	vertical-align: top;	
	margin-right: 10px;    
    white-space: nowrap;
}

/* -------------------------------------------
 * Available/Assigned ListBoxes
  ------------------------------------------- */
TABLE.listBoxTable
{
	margin-bottom: 20px;
}

TABLE.listBoxTable LABEL
{
	display: block;
}
TABLE.listBoxTable TEXTAREA
{
	display: block;
}

/* -------------------------------------------
 * Lists
  ------------------------------------------- */
SPAN.list
{
	white-space: nowrap;
	display: inline;
	line-height: 21px;
}
SPAN.list INPUT
{
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	width: auto;
	height: 21px;
	line-height: 21px;
}
SPAN.list LABEL
{
	display: inline;
	margin: 0;
	padding: 0 1em 0 0.5em;
	width: 20px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border-right: none;
}


/* -------------------------------------------
 * Image Links
  ------------------------------------------- */
A.addItem
{
	display: inline-block;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 1%;
	text-indent: -10000px;
	vertical-align: middle;
	background: url('../../images/icons/silk/layout_add.png') no-repeat left center;
}

/* -------------------------------------------
 * STYLES
  ------------------------------------------- */
.info
{
	display: inline-block;
	margin-left: 3px;
	padding-left: 20px;
	font-size: 80%;
	line-height: 24px;
	color: #429CDD;
	background: url('../../images/icons/silk/information.png') no-repeat left center;
}
.indented
{
	display: block;
	margin-top: 5px;
	margin-left: 222px;	
	margin-bottom: 10px;
}
.readonly
{
	background-color:#EEEEEE;
}
.accesskey
{
	text-decoration: underline;
}

SELECT.listBox OPTION
{
	height: 18px;
	border-bottom: dotted 1px #DDDDDD;
}


/* -------------------------------------------
 * INPUT Styles
  ------------------------------------------- */
INPUT.website[type="text"],
INPUT.website
{
	background: Transparent url('../../images/icons/silk/website_icon.gif') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.email[type="text"],
INPUT.email
{
	background: Transparent url('../../images/icons/silk/email.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.phone[type="text"],
INPUT.phone
{
	background: Transparent url('../../images/icons/silk/telephone.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.fax[type="text"],
INPUT.fax
{
	background: Transparent url('../../images/icons/silk/transmit.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.mobile[type="text"],
INPUT.mobile
{
	background: Transparent url('../../images/icons/silk/phone.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.url[type="text"],
INPUT.url
{
	background: Transparent url('../../images/icons/silk/world.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.username[type="text"],
INPUT.username
{
	background: Transparent url('../../images/icons/silk/user.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}
INPUT.password[type="text"],
INPUT.password
{
	background: Transparent url('../../images/icons/silk/key.png') no-repeat 5px center;
	background-color: #FFFFFF;
	padding-left: 25px;	
}

/* -------------------------------------------
 * Error Styles
  ------------------------------------------- */
.error
{
 	color: #CC0000;
	font-weight: bold;
	padding-left: 20px;
	background: Transparent url('../../images/icons/error.png') no-repeat left center;
}
.confirm
{
 	color: #729B3C;
	font-weight: bold;
	padding-left: 20px;
	background: Transparent url('../../images/icons/confirm.png') no-repeat left center;
}
.errorDisplay
{
	display: block;
	width: auto;
	min-height: 40px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 60px;
	color: #CC0000;
	font-size: 12px;
	background: #FEF1F2 url('../../images/icons/error48.png') no-repeat 20px 20px;
	border: solid 2px #CC0000;
}
.confirmDisplay
{
	display: block;
	width: auto;
	min-height: 40px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 60px;
	font-size: 12px;
	background: #F6FDED url('../../images/icons/confirm48.png') no-repeat 20px 20px;
	border: solid 2px #729B3C;
}
.errorDisplay .title,
.confirmDisplay .title
{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
}
.errorDisplay *,
.confirmDisplay *
{
	margin-left: 20px;
}
.errorDisplay *
{
	color: #CC0000;
}
.confirmDisplay *
{
	color: #729B3C;
}