/**** BOF_GENERAL ****/
html, body	{ font: 12px/16px Arial; color: #000; text-align: center; padding: 0px; margin: 0; background: #eee; }

h1	{ font: 18px/20px Arial; color: #3B5AA8; padding-top: 0px; margin: 0px; }
h2	{ font: 14px/16px Arial; color: #C62127; padding: 5px; margin: 6px; position: relative; top: 13px; left: 10px; }
h3	{ font: 18px/20px Arial; color: #3B5AA8; padding: 8px; margin: 0px; position: relative; top: 13px; left: 18px; }
h4	{ font: 13px/14px Arial; color: #444444; padding: 2px; margin: 0px; font-weight: bold; }

form	{ margin: 0; }
input, select, textarea	{ font-family: Verdana; font-size: 11px; padding: 2px; margin: 0px; border: 1px solid #999;}
.button	{ padding: 3px; padding-left: 15px; padding-right: 15px; font-weight: bold; font-size: 12px; color: #FFFFFF; background: #20199A; }

.left		{ text-align: left; }
.center		{ text-align: center; }
.right		{ text-align: right; }
.top		{ vertical-align: top; }
.italic		{ font-style: italic; }
.bold		{ font-weight: bold; }
.error		{ color: #FF0000; font-weight: bold; }
.clear		{ clear: both; }
.inlineimg	{ vertical-align: middle; }
.imgborder	{ border: 1px solid #000; }
.hand		{ cursor: pointer; }
.floatleft	{ float: left; padding: 5px; }
.floatright	{ float: right; padding: 5px; }
.no_border	{ border: 0px; }
.relative	{ position: relative; }
.small 		{ font-size: 10px; }
.blackborder{ border: 1px solid #000; }

/**** EOF_GENERAL ****/


#outline	{ width: 770px; background: url('../images/bg.jpg') repeat-y; text-align: left; padding: 0px; margin: auto; position: relative; border-bottom: 3px solid #545050; }
#header		{ position: relative; width: 770px; height: 125px; }
#logo		{ text-align: center; width: 770px; position: relative; top: 5px; height: 85px; }
#rocket		{ width: 202px; height: 125px; position: absolute; top: 0px; right: 18px; }
#hbar		{ background: url('../images/hbar.jpg') repeat-x; height: 13px; margin-left: 6px; margin-right: 6px; }
#content	{ padding: 20px; }
#r_content	{ padding-left: 130px; }

.button		{ border: 1px solid #444444; background-color: #fefefe; font-size: 11px; color: #444444; font-weight: normal; }
.leftrow	{ width: 150px; vertical-align: top; }
.leftrow2	{ width: 250px; vertical-align: top; }

.view_header	{ padding: 5px; background: #eff1fa; color: #444; font-weight: bold; font-size: 13px; border-top: 1px solid #999; }
.view_leftsp	{ width: 3%; text-align: right; padding: 5px; background: #fff; font-weight: bold; color: #444; border-bottom: 1px solid #DDD; font-size: 11px; }
.view_rightsp	{ width: 22%; text-align: left; padding: 5px; background: #fff;  color: #717087; border-bottom: 1px solid #DDD; font-size: 11px; }

.view_left	{ text-align: left; padding: 5px; background: #fff; font-weight: bold; color: #444; border-bottom: 1px solid #DDD; font-size: 11px; vertical-align: top;}
.view_right	{ text-align: left; padding: 5px; background: #fff;  color: #717087; border-bottom: 1px solid #DDD; font-size: 11px; vertical-align: top; }


#footer-bar	{ background: url('../images/footer_bg.jpg') repeat-x; height: 15px; margin-left: 7px; margin-right: 7px; }
#footer		{ text-align: center; padding: 4px; }

a:visited, a:link {
	color: #414DE4;
	text-decoration: underline;
}

a:hover, a:active {
	color: #000875;
	text-decoration: underline;
}

/**** BOF_CUSTOM_HELPERS ****/

.tip		{ width: 250px; }
.tip-title	{ font-size: 10px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #f8f4d6; border: 1px solid #B5CF74; }
.tip-text	{ font-size: 10px; padding: 4px 8px 8px; background: #fcffb3; color: #20199A; border: 1px solid #20199A; }

.validation-failed	{ border: 1px solid #f00; }
.validation-passed	{ border: 1px solid green; }
.validation-advice	{ margin-top: 1px; padding: 2px; color:#fff; background-color:#f00; display: block; visibility: visible; opacity: 1; font-weight: bold; font-family: Verdana; font-size: 10px; }

/**** BOF_CUSTOM_HELPERS ****/