/*
 * Global
 */
body {
    
    text-align: center;
    font-family: arial, georgia, verdana;
    background-color: #FFFFFF;
}
input {
    border: none;
}
a:hover {
    text-decoration: none;
}
/*
 * Introduction
 */
#introDiv, 
#formDiv {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    font-size: .9em;
}
/*
 * Form
 */
#formDiv {
    font-size: .9em;
    background-color: #E3E3E3;
    border: 2px solid #44568F;
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    padding:4px 4px 4px 4px;
}
#formDiv form {
    padding-top: 5px;
    padding-bottom: 5px;
}

h3 {

    text-align: center;
    margin-top: -15px !important;
}
#heading {
    text-align: center;
}
.contact {
    text-align: center;
    margin-bottom: 15px;
}
.sectionTitle {
    margin: 9px;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    width: 600px;
    text-align: left;
    background-color: #44568F;
    color: #FFFFFF;
    border: 2px solid #999;
}
#introDiv .warning,
#introDiv .note {
    font-size: .8em;
    width: 550px;
}
#introDiv .warning {
    margin-left: 62px;
}
#introDiv .note {
    margin-left: 66px;
}
.title {
    font-weight: bold;
    font-size: 1.1em;
}
.note2, .note3 {
    margin-top: 7px;
    font-size: .8em;
    width: 500px;
    margin-left: 95px;
    color: #AA5500;
    margin-bottom: 8px;
}

.note3 {
    border: 1px solid #999999;
    background-color: #DDDDDD;
    width: 240px;
    padding: 2px;
    margin-bottom: 8px;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.contact {
    font-size: .8em;
}
.smallNote {
    margin-top: 7px;
    margin-bottom: 7px;
    color: #AA5500;
}
.emphasis {
    font-weight: bold;
}
label {
    font-weight: bold;
    font-size: .8em;
    float: left;
    width: 205px;
    text-align: right;
    margin-right: 5px;
    margin-top: -5px;
}
input,
input.okay,
input.error {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    float: left;
    margin-right: 5px;
}
input.okay {
    background-color: #BBFFBB;
}
input.error {
    background-color: #FFFF77;
}
select,
select.okay,
select.error {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
}
select.okay {
    background-color: #BBFFBB;
}
select.error {
    background-color: #FFFF77;
}
.fieldLabelSelect label {
    width: 325px;
}
.requiredMarker_inline {
    color: #FF0000;
    font-size: 1.4em;
}
.requiredMarker,
.requiredMarkerCheckbox,
.requiredMarker_textArea {
    float: left;
    color: #FF0000;
    font-size: 1.2em;
    margin-top: 5px
}
.clear {
    clear: both;
    height: 0px;
}
.textNote {
    font-size: .8em;
    margin-left: 5px;
    margin-top: 8px;
    float: left;
    color: #770000;
}
.fieldLabel_textArea label {
    width: auto;
    text-align: left;
    margin-bottom: 7px;
    margin-left: 25px;
}
.textAreaWarning,
.textAreaInfo {
    font-size: .8em;
    margin-left: 5em;
    margin-bottom: 7px;
    clear: both;
    color: #770000;
}
.textAreaInfo {
    color: #005500;
}
.fieldText, 
.fieldLabel_textArea {
    border: 0px;
}
.fieldTextArea {
    margin-left: 20px;
    width: 600px;
}
textarea,
textarea.okay,
textarea.error {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    float: left;
    margin-right: 2px;
    margin-left: 5px;
}
textarea.okay {
    background-color: #BBFFBB;
}
textarea.error {
    background-color: #FFFF77;
}
.fieldButton {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 110px;
}
.fieldButton input {
    margin: 0px;
    border-bottom: 2px outset #333333;
    border-right: 2px outset #333333;
    font-weight: bold;
    color: #3333FF;
}
.prepopulateFieldButton {
    float: left;
    margin-left: 4px;
    margin-top: 3px;
}
.prepopulateFieldButton input {
    margin: 0px;
    border-bottom: 2px outset #333333;
    border-right: 2px outset #333333;
    font-weight: bold;
    font-size: .8em;
    color: #3333FF;
}

/*
 * Messages
 */
.csc-header h1,
.csc-header h4 {
    display: none;
}
.errorsNotPresent,
.errorsPresent {
    border: 4px solid #00AA00;
    background-color: #DDFFDD;
    width: 636px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding: 4px;
}
.errorsPresent {
    border: 4px solid #DD0000;
    background-color: #FFFF77;
}
.msgImage,
.msgLabel,
.msgDescription {
    font-size: .9em;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.msgDescription {
    width: 400px;
}
.msgLabel {
    font-weight: bold;
}
#reviewDiv {
    font-size: .8em;
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}
.reviewLabel,
.reviewText {
    margin-bottom: 0px;
    margin-top: 1px;
    float: left;
    font-size: .9em;
    padding: 2px;
}
.reviewLabel {
    border: 1px solid #44568F;
    font-weight: bold;
    width: 155px;
    margin-left: 25px;
    margin-right: 1px;
    text-align: right;
    background-color: #DDDDDD;
}
.reviewText {
    border: 1px solid #44568F;
    width: 414px;
    background-color: #ffffff;
}
.reviewText pre {
    font-family: arial;
    margin: 0px;
}
.buttons {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.fieldButtonLeft,
.fieldButtonRight {
    width: 121px;
    float: left;
}
.fieldButtonLeft input,
.fieldButtonRight input {
    border-bottom: 2px outset #333333;
    border-right: 2px outset #333333;
    font-weight: bold;
    color: #3333FF;
}
#successTextBox {
    width: 620px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
#successText {
    font-size: .9em;
}
#successLinkText {
    font-size: .9em;
    margin-top: 25px;
    margin-bottom: 15px;
}
#shortcut {
    top: 90px;
    right: 10px;
    padding: 4px;
    background-color: transparent;
    position: absolute;
    float: right;
}
#shortcut a {
    font-weight: bold;
}
.hyphen {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 1.5em;
}
.fieldLabelInner {
    float: left;
    margin-right: 7px;
}
.fieldLabelInner label {
    width: 18px;
}
.fieldCheckbox {
    float: left;
    margin-left: 168px;
    margin-top: 15px;
    background-color: transparent;
}
.fieldLabelCheckbox {
    float: left;
}
.fieldLabelCheckbox label {
    width: 190px;
    text-align: left;
    margin-top: 3px;

}
.checkboxWarning {
    margin-top: -3px;
    margin-bottom: 10px;
    font-size: .8em;
    color: #770000;
    margin-left: 193px;
    float: left;
}
.hidden {
    display: none;
}
.notHidden {
    display: block;
}

.requiredMarkerCheckbox {
    margin-top: 13px;
}
.largeLink {
    font-family: verdana,georgia,tahoma;
    font-weight: bold;
}
.fundOrgDescription {
    font-size: .8em;
    color: #007700;
    margin-left: 209px;
}
.disclaimer {
    font-size: .8em;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #E1E1E1;
    padding: 5px;
    border: 1px solid #777777;
    text-align: justify;
    font-style: italic;
    color: #770000;
}
.disclaimerHeading {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px;
    font-style: normal;
    margin-bottom: 2px;
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

.dateInputSelectMonthDiv {
    float: left;
    margin: 0px;
}
.dateInputSelectMonthDiv select {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    margin: 3px 0px 0px 0px;
    float: left;
    font-size: .8em;
}
.dateInputSelectDayDiv {
    margin: 0px;
    margin-left: 3px;
    float: left;
}
.dateInputSelectDayDiv select {
    margin: 3px;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    float: left;
    font-size: .8em;
}
.dateInputYearDiv {
    margin-left: 3px;
    float: left;
}
.dateInputYearDiv input {
    width: 31px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    font-size: .8em;
    font-family: arial, verdana, tahoma;
}
.dateInputPopupCalendarDiv {
    margin-top: 1px;
    margin-left: 1px;
    font-family: arial, verdana, tahoma;
    font-size: 12px;
    float: left;
}
.textAreaWarning {
    font-size: .9em;
    width: 600px;
    text-align: center;
    margin-left: 0px;
}

.radio_error label {
    background-color: #FFFF77;
    border: 1px solid #cccccc;
    margin-top: 2px;
}
.error input,
.error textarea,
.error select {
    background-color: #FFFF77;
    border: 1px solid #cccccc;
}

div.fieldRadio_row label {
    display: inline;
    clear: none;
    float: left;
    text-align: left;
    padding-top: 5px;
}
.textNote a {
    margin-left: 205px;
}
.fieldRadio .fieldRadio_row input {
    border: none;
    background-color: transparent;
}
.formElement .fieldTextArea {
    width: auto;
    float: left;
}

.msgImage {
    margin-left: 20px;
}
.msgTitle,
.reviewTitle {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
.reviewTitle {
    color: #773333;
}
.serialNote {
    font-size: .8em;
    margin-top: 2px;
    margin-left: 209px;
    color: #337733;
}