/* ------------------------------------------------------------------------ Form / validation classes */

select, input, textarea
{
	font-size:11px;
	font-family:Verdana, Arial, MS Sans Serif;
	background-color:#fff;
}

.frm
{
    clear:both;
}

.frm .frmRow, .frm .frmThinkRow{
    width:100%;
    margin:15px 0px 5px 0px;
    clear:both;
}

.frm .frmRow{
    min-height:22px;
}

.frm .frmThinkRow{
    min-height:60px;
}

.frm .frmDivider{
    border-top:1px solid #ccc;
    margin:10px 0px 10px 0px;
}

.frm .frmFullWidth 
{
    width:auto;
    cursor:hand;
    cursor:pointer;
}

.frm input, .frm label, .frm textarea, .frm select{
    float:left;
}

fieldset {
    padding:10px;
	border:2px solid #587FAA;
	background :#2C4967 url(../Images/Design/fieldset_bg.jpg) repeat-x top;
	width:500px;
	margin:15px 0px 20px 0px;
	display:block;
	float:left;
}

legend 
{
	display:block;
	float:left;
    font-weight : bold;
    color:#2A4665;
    margin-top:-20px;
    border:4px solid #587FAA;
    background-color:#587FAA;
}

.frmRequired {
    float:right;
    color:#ccc;
}

html > body .frmRequired {
    margin-top:-8px;
}

label span, .frmRow span, .frmRequired span {
    color:#ccc;
}

.frmButtonBar
{
    clear:both;
    margin:10px 10px 10px 0px;
}

.frmRow span
{
	padding-left:5px;
}


.frm input, .frm label, .frm textarea, .frm select{
    float:left;
}

.frm .blockLabel{
    width:100%;
    float:none;
}

.frm label{
    width:150px;
    display:block;
    line-height:20px;
}

.frm p
{
	margin:5px 0px 5px 0px;
}

textarea.lge, textarea.mdm, textarea.sml 
{
	border: 1px solid #999;
	line-height: 16px;
}

input.lge, input.mdm, input.sml {
	border: 1px solid #999;
	line-height: 18px;
	height: 18px;	
}


/* ------------------------------------------------------------------------------------------------------------- button classes */
input.btn{
	height:20px;
	color: #336699;
    width:75px;
    text-align:center;
    cursor:hand;
    cursor:pointer;
    margin-right:5px;
    font-weight:bold;
}


/* ----------------------------------------------------------------------------------------------------------- input control classes */

input.sml {width: 130px;}
input.mdm {width: 220px;}
input.lge {width: 320px;}
input.readOnly {background-color:#efefef;border:1px solid #cccccc;}

select.sml{width: 136px;}
select, select.mdm{width:226px;}
select.lge{width: 326px;}

textarea.sml{width: 130px;height:40px;}
textarea, textarea.mdm{width: 220px;height: 60px;}
textarea.lge{width:320px;height: 100px;}

/* ------------------------------------------------------------------------------------------------------------- error summary classes */
.errSummary {
	border: 2px solid #cc0000;
	background-color: #cc0000;
	width:490px;
	color:#ffffff;
	margin:15px 0px 0px 0px;
	display:block;
	float:left;
}

.errSummary h4 {
    margin:3px 0px 3px 3px;
    color:#efefef;
}

.errSummary ul {
	margin: 0px;
	padding: 5px;
	background-color: #efefef;
	color:#cc0000;
	list-style: decimal inside;
}

.errIcon{
    width:20px;
    height:20px;
    float:left;
    background:url(../Images/Design/error.gif) center center no-repeat;
    cursor:help;
    display:block;
}