/*---------------
  Layout 
---------------*/
#assessmentarea 
{
	float: left;
}

#wrapper
{
	width: 777px;
}
#headingline
{
	margin-left:0;
	width:747px;
}

#contentwrapper, .contentwrapper
{
	width:709px;	
}

#topnav a#logo_esa {
		background:url(/IMAGES/2020_Nav/2020_NavLogo.gif) no-repeat top left;
		background-position: 0px 0;
		width: 251px; 
		height: 108px;
		margin: 0; 
		float: left;
		background-color: #f3f3e7;
		}

#topnav a#logo_eos {
		background:url(/IMAGES/2020_Nav/2020_NavLogo.gif) no-repeat top left;
		background-position: 0px 0;
		width: 251px; 
		height: 108px;
		margin: 0; 
		float: left;
		background-color: #f3f3e7;
		}

/*--------------
  Separators
--------------*/
.sep3px
{
	display:block;
	height:1px;
	border:1px solid #b11c11;
	margin:0;
	overflow:hidden;
	margin-left: 93px;
	background:#b11c11;
	width:600px;
}

.sep1px
{
	display:block;
	height:0px;
	border-top:1px solid #b11c11;
	margin:0;
	overflow:hidden;
	background:#b11c11;
	clear:both;
	margin-left: 93px;
	width:600px;
}
		

/*------------------
  Logout indicator styling
-------------------*/
#logout a
{
	position:absolute; 
	top: 55px; 
	right: 45px;
	color: white;
	font-weight:bold; 
	text-decoration:underline;
	font-size:10px;
}

/*------------------
  Input form styling
------------------*/
.actionitems
{
	margin: 15px 0 15px 520px;	
}

.inputarea
{
	margin: 15px 0 15px 93px;
}

.inputarea input, .inputarea select
{
    font-size: 11px;
}

textarea
{
    font:11px Arial, Helvetica, sans-serif;
}

.ra 
{
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}

/*-----------------------
  html elements
-----------------------*/
h2
{
	margin: 0 0 5px 93px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
p, ul
{
	font-size:11px;
	line-height: 150%;
	color:#333333;
	margin: 0 0 15px 93px;
}
a {
		font-size:11px;
		color:#b11c11;
		font-weight:bold;
		text-decoration:underline;
}
ol
{
	font-size:11px;
	line-height: 150%;
	color:#333333;
	margin: 0 0 15px 93px;
	padding: 0 0 0 25px;
}

ol li
{
	padding: 0px 0px 10px 12px;
	list-style-type: inherit;
	line-height: 150%;
}


.sectioninstruc
{
	margin-top: 25px;
	margin-bottom: 15px;
}

.sectioninstruc h2
{
	margin-bottom: 0;
	display:inline;
}

.table_error_field_list ul { margin-left: 15px; padding-left:0; }
/* 
  Horizontal layout questions & responses
 */
.horizresponseshdr
{
	margin: 8px 0 8px 0px;
	padding:0;
	text-align: right;
	float: right;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.horizresponseshdr table
{
	margin:0;padding:0;
	width:320px;
}

.horizrespquestionlayout
{
	float: left;
	display:inline;
	margin:0;
	padding:0;
	width:295px;
}
.horizquestionwrapper
{
	margin: 0 0 15px 93px;
	padding:0 0 5px 0;
	background: url(/IMAGES/Assessment/2020_Divider_MEM.gif) repeat-x bottom; 
	float:right;
}
.dimension_title { margin: 0 0 15px 93px; font-weight: bold; font-size:12px; text-transform:uppercase; }
.dimension_title b { color:#b11c11; }
.dimension_description { margin: 0 0 15px 93px; font-weight: normal; font-size:10px;color:#333; }
.dimension_description p, .dimension_description ul { margin: 0 0 0 20px; font-size:10px; color:333; }
.answer-all-questions-header { font-size: 12px; font-weight:bold; }
.freeformtextwrapper
{
	margin: 0 0 10px 93px;
	padding:0;
	background: url(/IMAGES/Assessment/2020_Divider_MEM.gif) repeat-x bottom; 
	float:left;
}

.freeformtextwrapper textarea
{
    height: 6em;
    width:570px;
    float:right;
    margin-left:15px;
}

.horizrespquestionlayout table
{
	float: left;
	margin: 0px;
	padding:0;
	width: 278px;
}
.horizrespquestionlayout table.es
{
	width:250px;
}

.horizrespquestionlayout td, .freeformtextwrapper td
{
	vertical-align:top;
	font-size: 10pt;
}
.qid
{
	font-weight: bold;
	width:15px;
}

.horizrespresponselayout
{
	float:right;
	margin:0;
	padding:0;
}
.horizrespresponselayout table
{
	padding: 0;
	margin: 0;
	border: 0;
    text-align: center;
    width:320px;
}

.horizrespresponselayout td
{
    width: 65px;
}
.horizrespresponselayout td.NA
{
	border-left: 1px dotted #b11c11;
    font-style: normal;
}

.horizrespresponselayout .es td
{
    width: 80px;
}
.horizresponseshdr td
{
	width: 65px;
    vertical-align: top;
}
.horizresponseshdr td.NA
{
    font-style: normal;
    font-weight: normal;
}

.horizresponseshdr .es td
{
	width:80px;
}

/* Vertical assessment questions / responses styles */
.vertresponselayout
{
	margin: 0 0 0 93px;
	background: url(/IMAGES/Assessment/2020_Divider_MEM.gif) repeat-x; 
	background-position: 13px 100%;
	float: left;
	display:inline;
	width: 600px;
}
.vertresponselayout td
{
	vertical-align: top;
}

.lastresponse
{
	background: none;
}

.inputarea .txt {
    background-image: url(/IMAGES/extra/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 20px;
    font-weight: bold;
    color: Red;
	}

.input_footnote
{
    float:right;
    display:block;
    margin: 0 15px 5px 0;
    padding:0;
    font-style: italic;
}
	
/* Assessment error validation styling */
.errorsummary {
  background-color: #ff0000;
  background-image: url(/IMAGES/extra/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: 0 15px 15px 93px;
}	


.errormessage tr
{
	border: 1px solid red;
}

div.errormessage
{
	float: left;
	margin: 10px 0 0 93px;
	padding: 0 0 4px 0;
	display:inline;
	
}
div.errormessage span.txt {
    background-image: url(/IMAGES/extra/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 20px;
    padding-bottom: 4px;
    font-weight: bold;
    color: Red;
    float:left;
	}
	
/* 
   style for remaining time (for timed tests)
*/
.dockclass
{
	border: 2px solid blue;
	background:white;
	width: 220px;
	float:right;
	top: 40px; 
	right: -10px;
	margin-top: -140px; 
	display:inline;
}
.dockclass p, .dockclass .currenttime
{
	margin: 5px;
	text-align:center;
}

.dockclass .currenttime
{
	font-weight:bold;
}

#footer
{
	padding:15px 0;
	margin:0 0 0 38px;
	background-color:#f2efe5;
	width:709px;
}

#contentwrapper #footer
{
margin-left:0;
}
#footer #links a
{
	font-size:10px;
	font-weight: normal;
}

/*
#wrapper
{
	float:left; 
}
*/
#co_branded_content .sep3px 
{
	width: 450px;
}
#co_branded_content .intro_content
{
	width: 470px;
}
#co_branded_content .assessment_completion_content
{
	width: 525px;
}

#co_brand 
{
	text-align:left;
    position:absolute;
    top:85px;left:600px;   
}

#co_branded_content .introdesc
{
width:550px;
}


.login_en-US a, .login_it- a {
		/*background:url(/Resources/en-US/images/2020Skills_Button_MEM_Login.gif) no-repeat top;*/
        width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}
.login_it- a {
		/*background:url(/Resources/it/images/2020Skills_Button_MEM_Login.gif) no-repeat top;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
}		
.login_en-US a:hover, .login_cs- a:hover, .login_es- a:hover, .login_zh-CN a:hover, .login_fr- a:hover, .login_it- a:hover, .login_pt-BR a:hover, .login_pt- a:hover, .login_ru- a:hover {
		background-position:bottom;
		}	
		
.login_cs- a {
		/*background:url(/Resources/cs/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 100;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}

.login_ru- a {
		/*background:url(/Resources/ru/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 115;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}

.login_es- a {
		/*background:url(/Resources/es/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 139;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}

.login_zh-CN a {
		/*background:url(/Resources/zh-CN/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 69;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}

.login_fr-
{
	/*margin-left:500px;*/ 
}
.login_fr- a {
		/*background:url(/Resources/fr/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 194;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}
.login_pt-BR a {
		/*background:url(/Resources/pt-BR/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 170;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}
.login_pt- a {
		/*background:url(/Resources/pt/images/2020Skills_Button_MEM_Login.gif) no-repeat top;
		width: 170;
		height: 29px;
		margin: 0 0 0 0; 
		display:block;*/
         width: auto;
        height: 29px;
        margin: 0 0 0 0;
        display: block;
        border: 1px solid #ffffff;
        background-color: #b11c11;
        color: #ffffff !important;
        text-align: center;
        line-height: 27px;
        text-decoration: none;
		}

.subject_name
{ 
text-transform:uppercase;
}
.label_note { display:block; color: #555; font-style:italic; }
.no-bm { margin-bottom:0px !important; }

a.actionitems a
{
}