@charset "iso-8859-1";


body					{ margin-top: 5px; background: #FCFCFB url(/images/background.png); font-size: 69%; color: #4A4540; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; }
h1, h2, h3, h4, h5		{ margin: 0 0 .67em 0; font-size: 1.2em; color: #222; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } /* 4B4E78*/
h2						{ font-weight: normal; font-size: 1.1em; }
h3, h4, h5, h6			{ margin-bottom: -0.5em; line-height: 2em; font-weight: normal; font-size: 1em; color: #222; }
h4						{ font-size: 0.9em; }
h5						{ font-size: 0.9em; font-weight: bold; }
h6						{ font-size: 0.8em; font-weight: bold; }
p						{ margin: 1em 0 2em 0; line-height: 2em; }
p.first:first-letter	{ margin: 0.2em 0.1em 0 0; font-size: 3.9em; font-family: serif; float: left; text-transform: uppercase; } 
* html p				{ line-height: 1.5em; }
form					{ margin-bottom: 0; }
ul li					{ line-height: 2em; }
hr						{ margin: -1em 0 1em 0; padding: 0; height: 1px; color: #FFF; border: 0; background: #FFF url(/images/dotted_line_horizontal.png) repeat-x left bottom; }
input, textarea			{ padding: 0.2em; font-size: 1em; }
textarea				{ font-family: Arial, Helvetica, sans-serif; }
.fieldset				{ border: 1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
legend					{ color: #555; }
strong					{ color: #4E4E4A; }
select					{ font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; }

a:link					{ color: #217B8B; font-weight: normal; text-decoration: none; }
a:visited				{ color: #217B8B; font-weight: normal; text-decoration: none; }
a:hover					{ color: #4C85A0; font-weight: normal; text-decoration: underline; }
a:active				{ color: #4C85A0; font-weight: normal; text-decoration: underline; }


#content				{ position: relative; padding: 12px; border: 1px solid #EAE6E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; text-align: left; font-size: 1.1em; }


.align-left					{ text-align: left; }
.align-center				{ text-align: center; }
.align-right				{ text-align: right; }
.float-left					{ float: left; }
.float-left-padded			{ float: left; margin: 0 0.5em 0.5em 0;}
.float-right				{ float: right; }
.float-right-padded			{ float: right; margin: 0 0 0.5em 0.5em;}
.clear						{ clear: both; }
.underline					{ text-decoration: underline; }
.relative					{ position: relative; }
.hidden						{ display: none; }
.cursor-hand				{ cursor: pointer; }
.cursor-auto				{ cursor: auto; }
.inline						{ display: inline; }
.normal-line-height			{ line-height: 1.5em; }
.double-line-height			{ line-height: 3em; }
.half-height-line			{ padding-bottom: 0.5em; }
.double-height-line			{ padding-bottom: 1em; }
.border-top					{ padding-top: 1em; margin-top: 1em; border-top: 1px solid #D7D9DB; }
h3.form-title				{ margin-top: 1em; padding-bottom: 1px; border-bottom: 1px solid #CCC; font-size: 1em; font-weight: bold; }
.highlight-box				{ margin: 1em 0; padding: 1em; background-color: #F6F6F6; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.highlight-box p			{ margin: 0; }
.dev-note					{ margin: 1em; padding: 1em; border: 1px solid #78A1E0; background-color: #EBF1FB; }
.border						{ border: 1px solid green; }
.required-asterisk			{ position: relative; top: -0.09em; font-weight: bold; color: #B32E23; font-family: Verdana, sans-serif; }
.required-text				{ color: #999; }
.underline-header			{ padding: 1em 0 0em 0; background: url(/images/dotted_line_horizontal.png) repeat-x left bottom;  }


.list-style-disc			{ list-style-type: disc; }
.list-style-circle			{ list-style-type: circle; }
.list-style-square			{ list-style-type: square; }
.list-style-decimal			{ list-style-type: decimal; }

.list-plain						{ margin: 0 0 1em 1em; padding: 0; list-style-type: none; }
.list-plain li					{ margin: 0.45em 0 0 0; }
.list-plain-large-spacing		{ margin: 0 0 1.5em 1em; padding: 0; list-style-type: none; }
.list-plain-large-spacing li	{ margin: 1.5em 0 0 0; }
.list-no-spacing li				{ margin: 0; }
.list-no-spacing li				{ margin: 1.5em 0 0 0; }
.list-square-teal-bullets li	{ padding-left: 15px; background: url(/images/bullets/teal_squares.png) no-repeat left 0.5em; }
.list-square-gray-bullets li	{ padding-left: 15px; background: url(/images/bullets/gray_squares.png) no-repeat left 0.5em; }
.list-square-gray-bullets-none-on-subs			{ margin: 0; padding: 0 0 0 20px; }
.list-square-gray-bullets-none-on-subs li		{ margin: 0; padding: 0 0 0 15px; background: url(/images/bullets/gray_squares.png) no-repeat left 0.75em; list-style-type: none; }
.list-square-gray-bullets-none-on-subs li ul	{ margin: 0; padding: 0 0 0 20px; }
.list-square-gray-bullets-none-on-subs li li	{ margin: 0; padding: 0; background: none; }

.arrow-link					{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/arrow.png) no-repeat 100% 50%; line-height: 1.5em; text-align: right; }
.arrow-link a				{ position: relative; top: -1px; padding: 3px 17px 3px 3px; }
.arrow-back-link			{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/arrow_back.png) no-repeat 3px; line-height: 1.5em; }
.arrow-back-link a			{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.arrow-white-on-teal-link	{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/white_on_teal_arrow.png) no-repeat right; line-height: 1.5em; text-align: right; }
.arrow-white-on-teal-link a	{ position: relative; top: -1px; padding: 3px 17px 3px 3px; }
.arrow-white-on-teal-back-link		{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/white_on_teal_arrow_back.png) no-repeat 3px; line-height: 1.5em; }
.arrow-white-on-teal-back-link a	{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.small-arrow-link			{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/small_arrow.png) no-repeat right 50%; line-height: 1.5em; text-align: right; }
.small-arrow-link a			{ position: relative; top: -1px; padding: 3px 10px 4px 3px; }
.blue-box-arrow-link		{ height: 1.5em; padding: 1px 0 0 0; background: url(/images/icons/blue_box_arrow.gif) no-repeat 100% 50%; line-height: 1.5em; text-align: right; }
.blue-box-arrow-link a		{ position: relative; top: -1px; padding: 3px 17px 3px 3px; }
.pdf-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/pdf.png) no-repeat left; line-height: 1.5em; }
.pdf-link a					{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.ppt-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/ppt.gif) no-repeat left; line-height: 1.5em; }
.ppt-link a					{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.xls-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/xls.gif) no-repeat left; line-height: 1.5em; }
.xls-link a					{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.zip-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/zip.png) no-repeat left; line-height: 1.5em; }
.zip-link a					{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.real-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/real.gif) no-repeat left; line-height: 1.5em; }
.real-link a				{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.video-link					{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/video.png) no-repeat left; line-height: 1.5em; }
.video-link a				{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.external-link				{ height: 1.5em; padding: 3px 0 0 0; background: url(/images/icons/external_link.png) no-repeat left; line-height: 1.5em; }
.external-link a			{ position: relative; top: -1px; padding: 3px 3px 3px 20px; }
.website-link				{ height: 3em; padding: 1px 0 0 0; background: url(/images/icons/website.png) no-repeat 3px; line-height: 3em; }
.website-link a				{ position: relative; top: -1px; padding: 3px 3px 3px 37px; }
.video-large-link			{ height: 3em; padding: 1px 0 0 0; background: url(/images/icons/video_large.png) no-repeat 3px; line-height: 3em; }
.video-large-link a			{ position: relative; top: -1px; padding: 3px 3px 3px 37px; }


.form-message				{ display: none; height: 0; margin: 0 0 1em 0; overflow: hidden; border: 1px solid #588FB0; background-color: #EEF4F7; color: #4B809E; }
.form-message-success		{ display: none; height: 0; margin: 0 0 1em 0; overflow: hidden; border: 1px solid #80A433; background-color: #E3F1C9; color: #658E13; }
.form-message-error			{ display: none; height: 0; margin: 0 0 1em 0; overflow: hidden; border: 1px solid #ECA8A8; background-color: #FBF7F7; color: #AC0202; }
.form-message-ss-show		{ display: block; height: auto; }
#form-message-inner			{ margin: 0.6em 1em; }

/* The hint to Hide and Show */
.form-hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.form-hint .form-hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}

.error						{ color: #AC0202; }
.error-list					{ margin: 0 0 1em 1.5em; padding: 0;  list-style-type: none; }
.error-list li				{ position: relative; margin: 0; padding-left: 10px; color: #AC0202; background: url(/images/bullets/error.gif) no-repeat left 40%; }
.error-field				{ padding: 3px 3px; border: 1px solid #FF7575; background-color: #FFFDFD; }

.message					{ color: #134EAD; line-height: 1.5em; }