body {
	color: #67747A;
	padding: 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}          
                         

textarea.required {
    width:300px; height:80px; border:#DFE2E0 solid 1px; padding:4px 0pt 0pt 5px; margin:0pt 0pt 5px;
}

textarea.optional {
    width:300px; height:80px; border:#DFE2E0 solid 1px; padding:4px 0pt 0pt 5px; margin:0pt 0pt 5px;
}              
textarea.validation-failed {                                                 
    width:300px; height:80px; border:#FF3300 solid 1px; padding:4px 0pt 0pt 5px; margin:0pt 0pt 5px;      
    color : #FF3300;
}  
textarea.validation-passed {                                                  
    width:300px; height:80px; border:#00CC00 solid 1px; padding:4px 0pt 0pt 5px; margin:0pt 0pt 5px;     
    color : #000;
}

input.disabled {                
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;    
    margin:0pt 0pt 5px;
}                                                                                        

input.validate-alphanum {
    background:url(../../images/input-bg.gif) top left no-repeat; padding:6px; width:181px; color:#777777; border:none; height:19px;
}  
input.required {
    background:url(../../images/input-bg.gif) top left no-repeat; padding:6px; width:181px; color:#777777; border:none; height:19px;
}
input.optional {
   background:url(../../images/input-bg.gif) top left no-repeat; padding:6px; width:181px; color:#777777; border:none; height:19px;
}   
input.validation-failed {
    background:url(../../images/input-bg.gif) top left no-repeat; padding:6px; width:181px; border:none; height:19px;     
    color : #FF3300;
}  
input.validation-passed {
    background:url(../../images/input-bg.gif) top left no-repeat; padding:6px; width:181px; border:none; height:19px; 
    color : #000;
}    

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	width: 100%;
	
}


.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}