*{
 box-sizing:border-box;
 -moz-box-sizing:border-box;
}

body		{
	margin: 10px;
}

/* positioning styles */
#container	{
	width: 770px	
}
#logo	{
	float: left; width: 360px; margin-top: 15px; margin-bottom: 10px
}
#user_details	{
	float: right
}
div.user_details_frame {
	border: solid 1px #DADADA; margin-bottom: 2px
}
#content	{
	/*
	background-image:  url(images/content_bg.gif);
	background-repeat: repeat-y;
	*/
	margin-top: 10px;
	height: 320px	
}
#left_content	{
	float: left; width: 391px; 
	background-image:  url(images/bit.gif);
}
#right_content	{
	float: left; margin-left: 14px; width: 362px; height: 300px;
	/*background-image:  url(images/bit.gif);*/
	background-color: #8DB4DA
}
#left_content_2	{
	float: left; width: 200px; margin-top: 10px
}
#right_content_2	{
	float: left; width: 570px; margin-top: 10px
}
#scenario_details	{
	background-color: #87AFD7; height: 22px	
}
#scenario_details_inner {
	padding: 3px; 
	padding-left: 6px; padding-right: 6px;
	font-size: 12px; font-weight: bold; color: white
}
#footer	{
	color: #989898; font-size: 10px;
	margin-top: 20px; background-color: #FFFFFF;
	border-top: solid 1px #DADADA; padding-top: 5px;	
}
div.login	{
	background-color: #8DB4DA; padding: 6px	
}
div.top_intro_text	{
	margin-top: 8px; margin-bottom: 4px; padding: 4px; color: #4C79A5; font-weight: normal
}
div.content_box	{
	padding: 4px	
}
div.nav	{
	background-color: #295A8F; height: 22px; clear: both
}
div.nav_inner	{
	padding: 3px; 
	padding-left: 6px; padding-right: 6px;
	font-size: 12px; color: white; 
}
div.inline	{display: inline}
.select	{
	float: left; width: 275px; margin-top: 10px; margin-right: 10px; vertical-align: top;
}
div.footer_logos	{
	clear: both; text-align: right; margin-top: 20px
}
/* box/table styles */
div.frame	{
	margin-bottom: 2px
}
div.item	{
	background-color: #D9E5F3; padding: 5px; margin-top: 3px; margin-bottom: 3px
}
div.item_fade	{
	background-color: #F5F5F5; padding: 5px; margin-top: 3px; margin-bottom: 3px
}
div.item_selected	{
	background-color: #BDCEDE; padding: 5px; margin-top: 3px; margin-bottom: 3px
}
div.scenario_progress	{
	background-color: #999999; width: 90px; height: 170px
}
div.scenario_progress_inner	{
	padding: 8px
}
div.scenario_progress_completed	{
	background-color: #CCCCCC; width: 90px; height: 170px
}
div.lateral_step	{
	background-color: #FFF799; width: 390px
}
div.list_item		{
	border-top: solid 1px #DADADA; padding-top: 3px; padding-bottom: 3px;	
}
div.bg_sep	{width: 100%; background-color: #FFFFFF}
div.intro_and_background	{padding-left: 15px; padding-bottom: 10px; background-color: #FFFFFF}
div.example_overlay	{
	position: absolute; left: 670px; top: 361px; width: 100px; padding: 5px;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='images/semi.png'); font: 18px arial; color: #D4D9DF
}
div.anchor_links	{background-color: D4D9DF}
.scores	{background: url('images/scores_bg.gif'); width: 276px; height: 74px; margin-top: 10px; margin-bottom: 10px}
.example	{background-color: #D4D9DF; margin-top: 10px}
td		{
	font-family: Arial, Sans-Serif; font-size: 12px; vertical-align: top; color: #222222
}
td.form_label	{vertical-align: middle}
th.eval	{font-size: 11px; font-weight: bold; color: #4C79A5; border-left: solid 1px #E4E4E4; padding-left: 10px; padding-right: 10px}
td.eval_question	{background-color: #F5F5F5; width: 350px; padding: 3px}
td.eval_answer	{background-color: #F5F5F5; text-align: center; padding: 3px}


/* text styles */
div		{
	font-family: Arial, Sans-Serif; font-size: 12px; color: #222222
}
p		{
	font-family: Arial, Sans-Serif; font-size: 12px; color: #222222; margin-top: 0px; margin-bottom: 19px
}
.h1	{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	color: #000000
}
.h2	{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: #000000
}
.h3	{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin-bottom: 4px;
}
.intro_text	{
	color: #989898; font-weight: normal
}
.login_text	{
	color: #FFFFFF; font-weight: normal
}
.error	{
	color: darkred; padding: 4px
}
.required	{
	color: darkred;
}
div.desc	{
	color: #000000; font-size: 11px
}
.score	{
	color: #295A8F; font-weight: bold
}
.pointer	{
	color: #295A8F; font-weight: bold; font-size: 14px
}
.quote	{
	color: #FFFFFF; font-weight: bold; font-size: 16px; padding: 5px; padding-bottom: 10px; display: block; width: 362px
}
.reveal	{
	color: #295A8F; background-color: #FFFFFF; font-weight: bold; font-size: 16px; padding: 5px; padding-bottom: 10px; display: block; width: 362px
}
.definition	{margin-left: 2px; margin-top: 40px; color: #989898; text-decoration: none}
.definition:hover	{text-decoration: none}
.small	{font-size: 11px; font-weight: normal}

li	{margin-bottom: 6px}

/* link styles */
a	{
	color: #295A8F; text-decoration: none; font-weight: bold
}
a:hover	{
	text-decoration: underline
}
a.intro	{
	color: #666666; text-decoration: none; font-weight: bold
}
a.nav	{
	font-size: 12px; font-weight: bold; color: white; text-decoration: none
}
a.nav:hover	{
	text-decoration: underline; color: white; 
}
a.item	{
	font-size: 16px; font-weight: bold; color: #000000
}
a.item:hover	{
	text-decoration: underline; color: #000000
}
a.definition	
{
	font-weight: normal; color: #295A8F; text-decoration: none; border-bottom: dotted 1px #87AFD7
}
a.footer {
	color: #989898; font-size: 10px
}
a.scene_info	{color: #295A8F}
a.scene_info:hover	{text-decoration: underline}

/* form styles */
input	{font-family: Arial, Sans-Serif; font-size: 12px}
select	{font-family: Arial, Sans-Serif; font-size: 12px}
textarea	{font-family: Arial, Sans-Serif; font-size: 12px}

/* image/rule styles */
img	{border: 0px}

hr	{background-color: #DADADA; color: #DADADA; border: none; height: 1px}
hr.blue	{background-color: #DADADA; color: #6699CE; border: none; height: 1px}