/** Global **/

#formDiv form	{
	font-size:12px;
	}

/** Introduction **/

#introDiv, #formDiv {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	}

/** Form **/
#formDiv {
	background-color: #daf2f0;
	border: 2px solid #a3ccc9;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	padding:4px 4px 4px 4px;
}
#formDiv form {
	padding-top: 5px;
	padding-bottom: 5px;
}

#formDiv h3       { text-align: center; }
#formDiv #heading { text-align: center; }
#formDiv .contact { text-align: center;
	margin-bottom: 15px;
}
#formDiv .sectionTitle {
	margin: 9px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	width: 600px;
	text-align: left;
	background-color: #a3ccc9;
	color: #333;
	border: 1px solid #7db3ae;
}
.sectionTitle a:link, .sectionTitle a:visited, .sectionTitle a:hover, .sectionTitle a:active {
	color:#7db3ae !important;

}
#introDiv .warning,
#introDiv .note {
	font-size: 1em;
	width: 550px;
}
#introDiv .warning {
	margin-left: 62px;
}
#introDiv .note {
	margin-left: 66px;
}
#formDiv .title {
	font-weight: bold;
	font-size: 1.1em;
}
.note2, .note3 {
	margin-top: 7px;
	width: 500px;
	margin-left: 95px;
	color: #AA5500;
	margin-bottom: 8px;
	font-size:14px;
}

.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;
}
.smallNote {
	margin-top: 7px;
	margin-bottom: 7px;
	color: #AA5500;
}

#formDiv label {
	font-weight: bold;
	float: left;
	width: 205px;
	text-align: right;
	margin-right: 5px;
	margin-top:0.25em;
	line-height:1em;
}
.contact #formDiv label {
	width:150px;
	text-align:left;
	margin-left:25px;
	}
#formDiv input {
	padding: 2px 2px 2px 2px;
	float: left;
	margin-right: 5px;
	}
input.okay, input.error, select {
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
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;
}

#formDiv .requiredMarker_inline {
	color: #FF0000;
	font-size: 1.4em;
}
#formDiv .requiredMarker,
#formDiv .requiredMarkerCheckbox,
#formDiv .requiredMarker_textArea {
	float: left;
	color: #FF0000;
	font-size: 1.2em;
	margin-top: 5px
}
#formDiv .clear {
	clear: both;
	height: 0px;
}
#formDiv .textNote {
	font-size: 1em;
	margin-left: 5px;
	margin-top: 8px;
	float: left;
	color: #770000;
}
#formDiv .fieldLabel_textArea label {
	width: auto;
	text-align: left;
	margin-bottom: 7px;
	margin-left: 25px;
}
#formDiv .fieldRadio {
    margin-left: 215px;
}
#formDiv .fieldRadio .fieldRadio_row {
    display: inline;
    float: left;
    width: 390px;
}
#formDiv .fieldRadio .fieldRadio_row input {
    border: none;
    background-color: transparent;
}
#formDiv div.fieldRadio_row label {
    display: inline;
    clear: none;
    float: left;
    font-weight: normal;
    text-align: left;
    padding-left:5px;
    width:350px !important;
}
#formDiv .textNote a {
    display:none
}
#formDiv .textAreaWarning,
#formDiv .textAreaInfo {
	font-size: 1em;
	margin-left: 5em;
	margin-bottom: 7px;
	clear: both;
	color: #770000;
}
#formDiv .textAreaInfo {
	color: #005500;
}
#formDiv .fieldText, 
#formDiv .fieldLabel_textArea {
	border: 0px;
}
#formDiv .fieldTextArea {
	margin-left: 20px;
	width: 600px;
}
#formDiv textarea,
#formDiv textarea.okay,
#formDiv textarea.error {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	float: left;
	margin-right: 2px;
	margin-left: 5px;
}
#formDiv textarea.okay {
	background-color: #BBFFBB;
}
#formDiv textarea.error {
	background-color: #FFFF77;
}
#formDiv .fieldButton {
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 110px;
}
#formDiv .fieldButton input {
	margin: 0px;
	border-bottom: 2px outset #333333;
	border-right: 2px outset #333333;
	font-weight: bold;
	color: #3333FF;
}
#formDiv .prepopulateFieldButton {
	float: left;
	margin-left: 4px;
	margin-top: 3px;
}
#formDiv .prepopulateFieldButton input {
	margin: 0px;
	border-bottom: 2px outset #333333;
	border-right: 2px outset #333333;
	font-weight: bold;
	font-size: .8em;
	color: #3333FF;
}

/** Messages **/
#formDiv .csc-header h1,
#formDiv .csc-header h4 {
	display: none;
}
.errorsNotPresent, .errorsPresent, .reviewTitle  {
	border: 1px solid #00AA00;
	background-color: #DDFFDD;
	width: 636px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 4px;
}
.errorsNotPresent h3 {
	display:none;
}
.errorsPresent {
	border: 1px 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;
}
#formDiv .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;
}
#formDiv .hyphen {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 1.5em;
}
.fieldLabelInner {
	float: left;
	margin-right: 7px;
}
.fieldLabelInner label {
	width: 18px;
}
#formDiv .hidden {
	display: none;
}
#formDiv .notHidden {
	display: block;
}

.requiredMarkerCheckbox {
	margin-top: 13px;
}
.error input,
.error textarea,
.error select {
	background-color: #FFFF77;
	border: 1px solid #cccccc;
}

.textNote a {
    margin-left: 205px;
}
.formElement {
	margin:1px 0;
	padding:0 0 0 0;
	}
.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;
}

#reviewButton, #editButton, #submitButton {
    background-color: #a3ccc9;
    border-right-color: #7db3ae !important;
    border-bottom-color: #7db3ae !important;
    color: #333333 !important;
    display: inline !important;
    float: left !important;
    width: 100px !important;
}

/************************************************/
/** styles