/* ////////////////////////////////////////////////////////////
 * Global settings affect all links, unless overridden in XSLT.
 */
A:link {text-decoration: none; color: #3399CC}
A:visited {text-decoration: none; color: #3399CC}
A:active {text-decoration: none; color: #3399CC}
A:hover {text-decoration: underline; color: #FF6600}

/** special color for mailto links */
A.mailref:link {text-decoration: none; color: #CC3333}
A.mailref:visited {text-decoration: none; color: #CC3333}
A.mailref:active {text-decoration: none; color: #CC3333}
A.mailref:hover {text-decoration: underline; color: #FF6600}


/**
 * Overall settings for body content
 */
body {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    word-spacing: normal;
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.fieldname,
.errfieldname,
.fieldvalue,
.spanningvalue,
.fieldbuttons,
.formbuttons,
.bodytext {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	word-spacing: normal;
	color: #000000;
}

.fieldname {
    font-weight: bold; text-align: right; color: #3399CC;
}
.errfieldname {
    font-weight: bold; text-align: right; color: #FF0000;
}
.formbuttons {
    text-align: left;
}

.steptext {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 15px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    word-spacing: normal;
    color: #FF6600;
}
.currstep {
    color: #FF6600;
}
.otherstep {
    color: #3399CC;
}
.steptitle {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 15px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    word-spacing: normal;
    color: #FF6600;
    font-style: italic;
}

.summaryTableHeader {
   color: #FF6600;
}

.aboutlink {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    word-spacing: normal;
    color: #3399CC;
    background-color: #FFFFCC;
    text-align: right;
}

.formtable {
    padding: 0;
    border-spacing: 0;
    border: 0;
    width: 90%;
    background-color: #FFFFCC;
}
.formtable td {
    padding: 1 5 1 5;
}

.promotext {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	word-spacing: normal;
	color: #000099;
}

.flex {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15px;
	word-spacing: normal;
	color: #000000;
}

.smalltext {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	line-height: 11px;
	word-spacing: normal;
	color: #000000;
}

.copyright {
    background-color: #3399CC;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    text-align: center;
}


/**
 * Adjust the spin control so it lines up with text input.
 * padding: top right bottom left
 * This only works if the spinctrl element is not sharing a table
 * cell with another element, otherwise all elements in the cell are
 * get padded.  Not using this, but leaving it in for the comments.
 */
.spinctrl {
  padding: 8 5 0 2
}


/**
 * Collection display alternating colors.  Going with both of these the
 * same color as the formtable background.  Alternately consider 
 * 3399CC/66CCFF which is the same color as the non selected text, but
 * it's kind of dark.  Try later after things are working.
 */
tr.evenrow {
    background: #FFFFCC;
}

tr.oddrow {
    background: #FFFFCC;
}

tr.section {
    background: #FFFFCC;
}


/**
 * Text colors for informational and error messages.
 */
b.infotext {
    color: #000066;
}

b.errortext {
    color: #FF0000;
}


/**
 * Table data elements
 */
td.sectioned {
    border: solid; 
    border-width: thin; 
    color: #000099;
}