/**********************************/
/* Column Layouts                 */
/**********************************/
.clear { /* generic container (i.e. div) for floating elements */
    overflow: hidden;
}

.clearfloat
{
    clear: both;    
}

.col {
	float:left;
	overflow:hidden;
	word-wrap:break-word;
	table-layout:fixed;
}
.span2 { 
	width:364px; /* 474px width */
	padding:0px 20px;
}

.span3 { 
	width:236px; /* 474px width */
	padding:0px 20px;
}

.divider {
	padding-right:27px;
	background:url('../images/divider_bottom.gif') bottom right no-repeat;
	/* Use this class to create 7px divider on all columns except last. */
}

.formContainer
{
    padding: 0px 20px 0px 20px; 
}

/**********************************/
/* Labels                         */
/**********************************/

label
{
    color:#373737;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    margin-bottom: 0px; 
}

label.formLabel
{
    display: block;
    padding-top: 10px;
    
    color:#373737;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    padding-bottom:1px;

}

label.formSubLabel
{
    display: block;
   
    color:#373737;
    font:normal 11px/18px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    
}


/**********************************/
/* Input Fields                   */
/**********************************/
.inputfield
{
    border-bottom: #c9cbcf 1px solid;
    border-left: #c9cbcf 1px solid;
    background-color: #fff;
    color: #504e4b;
    border-top: #c9cbcf 1px solid;
    border-right: #c9cbcf 1px solid;
    
    margin-right: 5px;
    
    width: 320px
    /*
    width: 54%;
    max-width: 300px;
    min-width: 140px;*/
}


.inputfield_Short
{
    width: 150px; 
}

.inputfield_Shorter
{
    width: 90px; 
}


.inputButton
{
    margin-top: 20px; 
}

.inputButtonSSO
{
    margin-top: 30px; 
}

.inputTextArea
{
    height: 70px; 
    width: 100%;
}

.chkBoxIndent
{
    margin-left: 15px; 
}


/**********************************/
/* Validation Styles              */
/**********************************/


.validatorCalloutHighlight
{
    background-color: #5d88bd;
    border-bottom: #36617f 1px solid;
    border-left: #36617f 1px solid;
    border-top: #36617f 1px solid;
    border-right: #36617f 1px solid;
    color: #ffffff;
    
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
    /*display: none;*/ 
    border: solid 1px #5d88bd;
    background-color: #f0f8fb;
    color: #504E4B; 
}

.errorFont
{
    color: #ef9400;
    font:bold 13px/18px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}

/**********************************/
/* Additional Styles              */
/**********************************/
.boxSignIn
{
    border:  solid 3px #ccc; 
    background-color: #efefef ; 
    padding: 20px; 
    margin: 10px; 
    
    font:13px/18px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	color:#737373;
}


.dottedUnderline
{
    border-bottom-color: #ccc; 
    border-bottom-style:dotted; 
    border-bottom-width: 1px; 
    
}

.checkboxDividerLine
{
   border-top-color: #ccc;  
    border-top-style: solid; 
    border-top-width: 1px; 
    padding-top: 8px; 
    margin-top: 8px; 
}

p.signInInstructions
{
    padding: 0px; 
    margin: 0px; 
}

.aeImage
{
    padding-left:10px;   
}

.aeField
{
    color:#373737;
    font:bold 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    text-align: right;
    padding-left:10px;
}

.aeValue
{
    color:#373737;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
}