.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;}
input.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;font:10px "Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;}
input:focus {border: 1px solid #750000;background-color: #000;color:#fff}
input.required, textarea.required {border: 1px solid #333;width:520px; padding:4px}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #7C8A89;color : #000;}
.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color : #FFF;font-weight: bold;}
.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
fieldset {padding: 1em;margin-bottom: 0.5em;}
label {text-transform:uppercase; padding-bottom:8px}
.form-row {clear: both;padding: 0.5em;}
.field-label {padding-bottom:5px}
.field-widget {}
textbox, select, textarea { border: 1px solid #7C8A89;background: #000;margin: 0px;width:525px;padding:4px;color: #fff;font:12px "Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;}
input {width:100px;padding:8px; border:1px solid #fff; font:12px "Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;color: #000;background: #fff;}
input:hover, textarea:hover{background:#000;;color:#fff;border: 1px solid #7C8A89;}