/* ===== :: GENERAL BODY :: ===== */

body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}

form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
input { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
select { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
input.fixed, select.fixed { width: 200px; }
input.fixed_long, select.fixed_long { width: 300px; }
.glink a 
{
	color: #006699;
	font-weight: bold;
	text-decoration: underline; 
}
.glink a:hover
{
	color: #FBA83D;
	font-weight: bold;
	text-decoration: none; 
	border-bottom: 1px dotted #006699;
}

/* ===== :: COMMON ELEMENTS :: ===== */

span.error
{
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
}
span.warning
{
	color: #ff884c;
	font-size: 10px;
	font-weight: bold;
}
span.notice
{
	color: #009f00;
	font-size: 10px;
	font-weight: bold;
}

div.align_left { text-align: left; }
div.align_center { text-align: center; }
div.align_right { text-align: right; }
div.spacer_x1 { height: 1px; clear: both; }
div.spacer_x2 { height: 2px; clear: both; }
div.spacer_x5 { height: 5px; clear: both; }
div.spacer_x10 { height: 10px; clear: both; }
span.small_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

/* ===== :: PAGE HEADER :: ===== */

table.header
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	background-image: url(../images/header_bg.gif);
}

td.header { vertical-align: bottom; padding: 15px 15px 15px 15px; }

td.header input, td.header select
{
	width: 150px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

span.header_title { float: left; }

span.header_title_light, span.header_title_dark
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

span.header_title_light { color: #FFFFFF; }
span.header_title_dark { color: #333333; }

span.header_menu { float: right; text-align: left; padding-right: 10px;}
div.header_menu { float: right; text-align: left; padding-right: 10px;}

span.header_menu a, span.header_menu a:active, span.header_menu a:visited {
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-decoration: underline;
}
span.header_menu a:hover 
{
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
    text-decoration: none; 
}

div.header_page_title
{
	float: left;
	color: #d3a032;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 16px;
}

div.header_page_title_note
{
	float: right;
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

div.header_page_title_note a, div.header_page_title_note a:active, div.header_page_title_note a:hover, div.header_page_title_note a:visited {
	color: #336699;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	text-decoration: none;
}

div.header_page_title_note a:hover
{ text-decoration: underline; }

/* ===== :: PAGE FOOTER :: ===== */

table.footer
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../images/header_bg.gif);
}

table.footer th
{
	background-image: url(../images/main_nav_bar_bg.gif);
	border-bottom: #FFFFFF solid 1px;
}

table.footer td
{
	border-bottom: #FFFFFF solid 1px;
}

table.footer td a, table.footer td a:active, table.footer td a:hover, table.footer td a:visited
{
	color: #333333;
	text-decoration: underline;
}

/* ===== :: MAIN NAVIGATION :: ===== */

table.main_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #336699;
}

td.main_nav {
	background-image: url(../images/main_nav_bar_bg.gif);
}

div.main_nav {
	float: right;
	background-image: url(../images/main_nav_bg.gif);
}

div.main_nav_button_left {
	float: left;
	border: 1px solid #006699;
	padding: 8px 12px 7px 12px;
	margin: 0px 1px 0px 0px;
	background-image: url(../images/main_nav_button_bg.gif);
}

div.main_nav_button {
	float: left;
	border: 1px solid #006699;
	padding: 8px 12px 7px 12px;
	margin: 0px 1px 0px 1px;
	background-image: url(../images/main_nav_button_bg.gif);
}

div.main_nav_button_right {
	float: left;
	border: 1px solid #006699;
	padding: 8px 12px 7px 12px;
	margin: 0px 0px 0px 1px;
	background-image: url(../images/main_nav_button_bg.gif);
}

div.main_nav_button_left a, div.main_nav_button_left a:active, div.main_nav_button_left a:hover, div.main_nav_button_left a:visited, 
div.main_nav_button a, div.main_nav_button a:active, div.main_nav_button a:hover, div.main_nav_button a:visited, 
div.main_nav_button_right a, div.main_nav_button_right a:active, div.main_nav_button_right a:hover, div.main_nav_button_right a:visited
{
	color: #336699;
	text-decoration: none;
}

/* ===== :: MAIN BODY TABLE :: ===== */

table.main_body
{
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

table.main_body td.info_box
{ vertical-align: top; }

table.main_body td.content
{ vertical-align: top; }

table.main_body th
{
	text-align: left;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* ===== :: INFO BOXES :: ===== */

fieldset.info_box
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 1px solid #006699;
	margin: 2px 0px 0px 0px;
}

fieldset.info_box legend
{
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

fieldset.info_box a, fieldset.info_box a:active, fieldset.info_box a:visited
{
	color: #006699;
	font-weight: bold;
	text-decoration: underline;
}
fieldset.info_box a:hover
{
	color: #006699;
	font-weight: bold;
    text-decoration: none; 
}

fieldset.image_link a:hover
{
	color: #006699;
	font-weight: bold;
    text-decoration: none; 
}

fieldset.info_box input, fieldset.info_box select
{
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

fieldset.info_box input
{ height: 14px; }

fieldset.info_box select
{ height: 18px; }

fieldset.info_box img.product
{ padding-bottom: 5px; }

/* ===== :: LINK-BASED BUTTON :: ===== */

div.button
{
	float: right;
	border: 1px solid #006699;
	padding: 3px 10px 3px 10px;
	background-image: url(../images/main_button_bg.gif);
	text-align: center;
}

div.button a.button, div.button a.button:active, div.button a.button:hover, div.button a.button:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}

/* ===== :: BOX CONTAINERS :: ===== */

fieldset.content_box
{
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
}

fieldset.content_box legend
{
	background-color: #FFFFFF;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

fieldset.content_box a, fieldset.content_box a:active, fieldset.content_box a:hover, fieldset.content_box a:visited
{
	color: #006699;
	text-decoration: underline;
}

fieldset.attention_box, fieldset.attention_box legend
{
	border: 1px solid #f98f3b;
}

fieldset.error_box
{
	color: #DD0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FF0000;
	margin-top: 10px;
}

fieldset.error_box legend
{
	background-color: #FFFFFF;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

fieldset.error_box a, fieldset.error_box a:active, fieldset.error_box a:hover, fieldset.error_box a:visited
{
	color: #DD0000;
	text-decoration: underline;
}

fieldset.message_box
{
	color: #00AA00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 1px solid #009900;
	margin-top: 10px;
}

fieldset.message_box legend
{
	background-color: #FFFFFF;
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

fieldset.message_box a, fieldset.message_box a:active, fieldset.message_box a:hover, fieldset.message_box a:visited
{
	color: #00AA00;
	text-decoration: underline;
}
