/* ---- --------------------------------- ---- */
/* ---- Matrix tool. screen stylesheet    ---- */
/* ---- --------------------------------- ---- */

/* ---- Default HTML tag definitions and misc styles ----- */

body                	{ font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: left; color: #000099; background-color: white; }
img										{ border: 0px; }

a, a:link, a:visited	{ color: #000099; text-decoration: underline; }
a:hover								{ color: #000099; text-decoration: none; }

h1										{ font-size: 150%; margin-top: 0.6em; }
h2										{ font-size: 120%; }
h3, h4, h5						{ font-size: 110%; }

blockquote						{ padding: 12px; }
input							{ font-size: 100%; }

hr                    { margin: 0px; padding: 0px; height: 0px; border: solid #546292; border-width: 1px 0px 0px 0px; }

.img_right						{ float: right; padding-left: 20px;}
.img_left							{ float: left; }

/* ---- Site containers ----- */

div.site_contain			{ width: 100%; border: 0px; padding:0px; margin: 0px; text-align: left; font-size: 70%; line-height: 140%; }

/* ---- Site header bars ----- */

div.header_home				{ width: 100%; border: 0px; padding: 0px; margin: 0px; text-align: left; background: url('/rebrand/img/matrix_bg_large.gif') top right no-repeat; }
div.header_content		{ width: 100%; border: 0px; padding: 0px; margin: 0px; text-align: left; background: url('/rebrand/img/matrix_bg_small.gif') top right no-repeat; }

/* ---- Home intro and login ----- */

table.header_homebar					{ width: 100%; border: 0px; padding: 0px; margin: 0px; }
table.header_homebar td				{ vertical-align: top; background: #D9F0F7; margin: 0px; }
table.header_homebar a				{ font-weight: bold; }
table.header_homebar h2				{ padding: 0px; margin: 0px 0px 0.6em 0px; }
table.header_homebar p				{ padding: 0px; margin: 0px; }
td.header_homebar_intro				{ padding: 15px; border-right: 1px solid #000099; }
td.header_homebar_login_em		{ padding: 15px 15px 15px 20px; font-weight: bold; }
td.header_homebar_login_pass	{ padding: 15px 20px 15px 0px; font-weight: bold; }
td.header_homebar_logout			{ padding: 15px 10px; width: 142px; }
.homebar_input								{ width: 120px; margin-bottom: 2px; }

/* ---- Main content styles ----- */

table.main_area								{ width: 100%; border: 0px; padding: 0px; margin: 0px; }
table.main_area td						{ vertical-align: top; }

td.main_col_left							{ width: 163px; }
td.main_col_right							{ width: 163px; }
td.main_col_right_02					{ width: 296px; }   									 /* wide column used on some pages */
#main_col_left_bg01						{ padding: 0px; background: #CCEBCC; } /* green background, no top padding */
#main_col_right_bg01					{ padding: 0px; background: #D9F0F7; } /* blue background, no top padding */
#main_col_left_bg02						{ padding: 3px 0px 20px 0px; }				 /* no background, some top padding */
#main_col_right_bg02					{ padding: 0px 0px 20px 0px; }				 /* no background, no top padding */
#main_col_right_bg03					{ padding: 0px; background: #CCEBCC; } /* green background, no top padding */

td.main_col_left ul, td.main_col_right ul, 
td.main_col_right_02 ul				{ padding: 0px; margin: 0px 0px 0px 17px; }

td.main_col_left ol, td.main_col_right ol, 
td.main_col_right_02 ol				{ padding: 0px; margin: 0px 0px 0px 23px; }


h2.header_green								{ clear: both; margin: 0px; padding: 8px 10px; background: #009900; color: #FFFFFF; }
h2.header_blue								{ clear: both; margin: 0px; padding: 8px 10px; background: #0099CC; color: #FFFFFF; }

td.main_area_content					{ padding: 15px; margin: 0px; border: 0px; }
td.main_area_content ul				{ padding: 0px 0px 0px 15px; margin: 0px; }

div.green_box_01							{ clear: both; margin: 0px; padding: 10px; background: #CCEBCC; } /* filled boxes */
div.blue_box_01								{ clear: both; margin: 0px; padding: 10px; background: #D9F0F7; }

div.green_box_02							{ clear: both; margin: 0px 0px 3px 0px; padding: 10px; border: 1px solid #009900; } /* bordered boxes, with base gap */
div.blue_box_02								{ clear: both; margin: 0px 0px 3px 0px; padding: 10px; border: 1px solid #0099CC; }

#noborder { border: none; }

div.green_box_03							{ clear: both; margin: 0px 0px 3px 0px; padding: 10px; border: 1px solid #009900; background: #CCEBCC; } /* bordered and filled boxes, with base gap */
div.blue_box_03								{ clear: both; margin: 0px 0px 3px 0px; padding: 10px; border: 1px solid #0099CC; background: #D9F0F7; }

div.login_box									{ float: right; width: 142px; margin: 0px; padding: 10px 10px 10px 10px; border: 1px solid #0099CC; background: #D9F0F7; }
div.login_box p								{ margin: 0px; }
div.login_clear								{ margin: 0px; clear: both; padding: 0px 0px 3px 0px; } /* required to get rid of unsightly bug in i.e. causing errors on next element on page */

table.cat_progress						{ clear: both; width: 100%; border: 0px; padding: 0px; margin: 0px 0px 3px 0px; border: 1px solid #009900; }
table.cat_progress th					{ padding: 8px 10px; margin: 0px; text-align: left; color: #FFFFFF; background: #009900; vertical-align: top; font-size: 120%; }
table.cat_progress td					{ padding: 1px 10px; margin: 0px; border: solid #FFFFFF; border-width: 1px 0px; vertical-align: top;}
td.cat_progress_select, tr.cat_progress_select				{ background: #CCEBCC; cursor: pointer; }

div.back_next									{ margin: 15px 0px 0px 0px; padding: 5px 15px; text-align: center; background: #D9F0F7; font-weight: bold; }
div.back_next p								{ margin: 0px 0px 20px 0px; }

div.cancel_save								{ margin: 15px 0px 0px 0px; padding: 5px 15px; text-align: center; font-weight: bold; }
div.cancel_save p							{ margin: 0px 0px 20px 0px; }

table.aspect_selection				{ width: 100%; border: solid #000099; border-width: 1px 0px 0px 0px; padding: 0px; margin: 0px; }
table.aspect_selection td			{ padding: 5px 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid #000099; }
table.aspect_selection th			{ padding: 5px 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid #000099; text-align: left; white-space: nowrap; font-size: 110%; }
table.aspect_selection a			{ font-weight: bold; }
.aspect_current								{ background: #CCEBCC; cursor: pointer; }

table.action_plan							{ width: 100%; border: 0px; padding: 0px; margin: 0px; }
table.action_plan td					{ vertical-align: top; margin: 0px; padding: 0px 15px 10px 0px; }
table.action_plan h3,
table.action_plan p						{ margin: 0px; }
.aspect_input									{ background: #D9F0F7; width: 400px; }

table.aspect_summary_01				{ width: 100%; border: 0px; padding: 0px; margin: 0px 0px 5px 0px; }
table.aspect_summary_01 th		{ font-size: 120%; text-align: left; vertical-align: top;  margin: 0px; padding: 0px 15px 10px 0px; }
table.aspect_summary_01 td		{ vertical-align: top; margin: 0px; padding: 0px 15px 10px 0px; }
table.aspect_summary_01 th.fixedwidth { width: 100px; }

table.aspect_summary_02				{ width: 100%; border: solid #009900; border-width: 1px 0px 0px 1px; padding: 0px; margin: 0px; }
table.aspect_summary_02 th		{ font-size: 120%; text-align: left; vertical-align: bottom;  margin: 0px; padding: 15px 10px 5px 10px; color: #FFFFFF; background: #009900; border: solid #009900; border-width: 0px 1px 1px 0px; }
table.aspect_summary_02 td		{ vertical-align: top; margin: 0px; padding: 10px; background: #CCEBCC; border: solid #009900; border-width: 0px 1px 1px 0px;}
table.aspect_summary_02 td p	{ margin-top: 0px; }
table.aspect_summary_02 th a, table.aspect_summary_02 th a:link, table.aspect_summary_02 th a:hover,
table.aspect_summary_02 th a:visited { color: #FFFFFF; }
table.aspect_summary_02 td.title { font-size: 120%; font-weight: bold; }

table.group_report_02  { border: solid #009900; border-width: 1px 0px 0px 1px; padding: 0px; margin: 0px; }
table.group_report_02 th { text-align: left; vertical-align: top; margin: 0px; padding: 5px; color: #FFFFFF; background: #009900; border: solid #009900; border-width: 0px 1px 1px 0px; }
table.group_report_02 td { text-align: right; vertical-align: top; margin: 0px; padding: 2px; background: #CCEBCC; border: solid #009900; border-width: 0px 1px 1px 0px;}
table.group_report_02 td.left { text-align: left; }
table.group_report_02 td.category { background: #B1CCB1; }
table.group_report_02 td.total { background: #9BB39B; }
table.group_report_02 td p { margin-top: 0px; }
table.group_report_02 th a, table.group_report_02 th a:link, table.group_report_02 th a:hover,
table.group_report_02 th a:visited { color: #FFFFFF; }


.sub_text											{ font-size: 80%; }


/* ---- Site footer ----- */

div.site_footer				{ clear: both; width: 100%; border-top: 1px solid #546292; padding: 5px 0px 0px 0px; margin: 0px; text-align: center; clear: both; font-size: 85%; line-height: 120%; }
img.footer_left				{ float: left; }
img.footer_right			{ float: right; }

/* ---- Progress bar and breadcrumb ----- */

table.progress_bar			{ width: 100%; border-top: 1px solid #000099; padding: 0px; margin: 0px; }
table.progress_bar td		{ vertical-align: middle; }
td.progress_bar_margin	{ padding: 0px 15px 0px 0px; }
td.progress_bar_faded	{ padding: 10px 0px; font-size: 120%; font-weight: bold; white-space: nowrap; color: #99BFCC; }
td.progress_bar_select	{ padding: 10px 15px; background: #0099CC; font-size: 120%; font-weight: bold; white-space: nowrap; color: #FFFFFF; }
td.progress_bar_normal	{ padding: 10px 0px; font-size: 120%; font-weight: bold; white-space: nowrap; }
td.progress_bar_choose	{ padding: 10px 15px; margin: 0px; text-align: right; font-weight: bold; width: 100%; }	
td.progress_bar_arrow		{ padding: 0px 15px; margin: 0px; }
td.progress_bar_arrow img	{ vertical-align: bottom; }

table.progress_bar td a, table.progress_bar td a:link, 
table.progress_bar td a:visited			{ text-decoration: none; }
table.progress_bar td a:hover				{ text-decoration: underline; }

td.progress_bar_select a, td.progress_bar_select a:link, td.progress_bar_select a:hover,
td.progress_bar_select a:visited		{ color: #FFFFFF; }

div.breadcrumb						{ margin: 0px; padding: 5px 15px; background: #0099CC; font-weight: bold; color: #FFFFFF; }
div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited,
div.breadcrumb a:hover		{ color: #FFFFFF; font-weight: normal; }

/* ---- Misc pages navigation ----- */

div.nav_misc						{ line-height: 222%; clear: both; border-top: 1px solid #000099; padding: 5px 7px; margin: 0px; font-size: 120%; font-weight: bold; }
div.nav_misc { color: #009900; }

div.nav_misc a					{ padding: 12px 8px; }
div.nav_misc a, div.nav_misc a:link, div.nav_misc a:visited	{ text-decoration: none; }
div.nav_misc a:hover		{ text-decoration: underline; }

a.nav_misc_select, a.nav_misc_select:link, a.nav_misc_select:visited,
a.nav_misc_select:hover { color: #FFFFFF; background: #0099CC; }

a.anchor_right { float: right; }

div.timeout { padding: 20px; margin: 0px; }
