/* CSS Document */
 
 
 
 
/**
 *  Form styles
 */ 
 
input, textarea, select {
	border : 1px solid #000000;
	padding : 3px;
	font-size : 12px;
	font-family : verdana;
	margin: 0;
}
 
form{ 
    margin: 0; 
    padding: 0; 
    }
.leftForm, .rightForm{ 
    width: 49.9%; 
    float: left; 
    }
.component input{ 
    margin: 0; 
    float: left;
 
    }
.component.text input, .component.password input{
    height: 14px;
}
.component .aftertext{
    float: left;
    margin-left: 8px;
}
.formBlock{ 
    margin: 0; 
    padding: 0; 
    border: none;
    }
.formBlock.bold-submit{
    margin: 12px 0;
    padding-right: 12px;
    text-align: center;
    clear: both;
  	background-color : #FBFBFB;
  	border : 1px dotted #CCCCCC;
    }
.formBlock.bold-submit .fieldsetHolder{
    float: none;
    }
.fieldsetHolder{ 
    padding: 0; 
    float: left; 
    width: 100%;
    }
fieldset{
    margin: 0; 
    padding: 0;
    border : 1px dotted #CCCCCC;
	  background-color : #FBFBFB;
    }
fieldset.no-border{ 
    border: none;
    }
fieldset.no-border legend{
    display: none;
}  
legend{ 
	padding : 4px;
	background-color : #F3F3F3;
	border : 1px solid #CCCCCC;
	font-size : 15px;
	color : #666666;
	margin-left: 8px;
    }
.component label{
    display: block; 
    float: left; 
    width: 150px; 
    text-align: right; 
    padding: 6px 4px 0 0; 
    cursor: pointer; 
    margin: 0;
    }
.checkboxGroup{
    margin-left: 154px; 
    text-align: left;
    }
.checkboxGroup label{
    text-align: left; 
    width: auto; 
    float: none; 
    }
.checkboxGroup input{ 
    margin-right: 8px;
    }
.component{
    clear: left; 
    margin: 8px 0;
    min-height: 22px;
    }
.component span.required{
    color: red;
    margin: 0 4px;
    }
.extraShort{
    width: 30px;
}
.short{
    width: 60px;
    }
.med{
    width: 120px;
    }
.wide{
    width: 240px;
    }
.extraWide{
    width: 400px;
    }
.megaWide{
    width: 500px;
    }
.superWide{
    width: 680px;
    }
.tall{
    height: 400px;
    }
.marginRightMin{
    margin-right: 2px;
}
input.error{
    border: solid 3px red;
    }
select.error{
    border: solid 3px red;
    }
.checkboxGroup.error{
    border: solid 3px red;
    }
textarea{
    width: 400px;
    height: 300px;
    margin: 0;
    }
textarea.error{
    border: solid 3px red;
    }
.formError{
    display: inline; 
    font-size: 8pt; 
    color: #A32; 
    font-weight: bold; 
    font-family: arial, sans-serif; 
    padding-left: 4px;
    }
.loadingProgress{ 
    padding-left: 8px; 
    color: #666; 
    font-weight: bold;
    }
.double-left, .double-right{ 
    float: left; 
    width: 50%;
    margin: 0; 
    padding: 0; 
    }
.double-left fieldset{ 
    margin-right: 12px; 
    }
.double-right fieldset{ 
    margin-left: 12px; 
    }
.loadinggif{ 
    width: 16px; 
    height: 16px; 
    margin: 0px 0 -2px -1px;
    }
.component div.raw{
    margin-left: 154px;
    padding: 6px 0 0 0;
    height: 16px;
    }
textarea.tiny-mce{
    width: 500px;
    height: 400px;
}
label.wide-label{
    width: 300px;
}
.component h2.inset, .component h3.inset, .component h4.inset{
    margin-left: 150px;
}
.button {
	background-color : #666666;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	border : 0;
}
/**
 *  end Form styles
 */