/*-------------------------------------
[ Global form classes]
-------------------------------------*/

.formGroupsWrapper 
{
}

.formGroupsWrapper h4
{
    font: bold 14px arial;
    color: #4B4B4B;
	padding:5px;
	/*background-color:#e6e7e8;
	border-bottom:solid 1px #000000;*/
	margin:0px 0px 10px 0px;    
}

.formGroupWrapper 
{
    padding: 5px;
}

.formGroupWrapper .divider 
{
    height:10px;
}

.formGroupWrapper .formLabel 
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #939393;
}
.formGroupWrapper .formLabel.optional 
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #939393;
}

.formGroupWrapper .formInputWrapper 
{
    width: auto;
}

.formGroupWrapper .formInputWrapper input, 
.formGroupWrapper .formInputWrapper select 
{
    width: 100%;
}

.formGroupWrapper .formInputWrapper input, 
.formGroupWrapper .formInputWrapper select
{
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px 0px 2px 2px;
    font-size: 14px;
    color: #000;
    background-color: #d7e6f0;
    border: 2px solid #d7e6f0;
}

.formGroupWrapper .formInputWrapper.optional input, 
.formGroupWrapper .formInputWrapper.optional select
{
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px 0px 2px 2px;
    font-size: 14px;
    color: #000;
    background-color: #E9F0F5;
    border: 2px solid #E9F0F5;
}

.formGroupWrapper .formInputWrapper input:focus, 
.formGroupWrapper .formInputWrapper select:focus
{
    border-color: #3878A4;
    background-color: #FFF;
}

.formGroupWrapper .formCheckboxWrapper
{
    border: 2px solid transparent;
}

.formGroupWrapper .formCheckboxWrapper input 
{
    top:2px;
    position:relative;
}

.formGroupWrapper .formCheckboxWrapper label 
{
    padding: 0px 0px 0px 6px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000;
    /*top:-1px;
    position:relative;*/
}


/*-------------------------------------
[ Error States ]
-------------------------------------*/
.formGroupWrapper .formLabel.formError 
{
    color: #FF3333;
}

.formGroupWrapper .formInputWrapper.formError input, 
.formGroupWrapper .formInputWrapper.formError select,
.formGroupWrapper .formCheckboxWrapper.formError 
{
    background-color: #FFCCCC;
    border: 2px solid #FF3333;
}
.formGroupWrapper .formInputWrapper.formError input:focus, 
.formGroupWrapper .formInputWrapper.formError select:focus,
.formGroupWrapper .formCheckboxWrapper.formError:focus
{
    border-color: #3878A4;
    background-color: #FFF;
}

.formErrorWrapper 
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #FF3333;
}


/*-------------------------------------
[ Icons ]
-------------------------------------*/

/*.required {
	 background:url(../images/icon_required.png) top right no-repeat; 
}*/



.msgRequired {
	border: 2px solid #FF3333;
	background-color:#FFCCCC;
	padding:5px;
	color:#000000;
	margin-left:20px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}

/*.msgError {
	color:#000000;
	font:italic 8pt arial;
	padding-bottom:5px;
}

.msgSuccess {
	border: 1px solid #ff9900;
	background-color:#fed871;
	padding:5px;
	color:#996600;
}
*/




/***** actions *****/

.actionsBottom {
	/*position:relative;
	height:45px;*/
}

.actions {
	float:left;
	/*padding:20px 0px 0px 0px;*/
}

.actions .divider {
	text-align:center;
	float:left;
	width:20px;
	padding:3px 0px 0px 0px;
}

.actions .lnk {
	float:left;
	padding:3px 0px 0px 0px;
}
.actions a.btnAction 
{
    float:left;
}
.actions .lnk .lnkSmGray 
{
    color: #3878A4;
}