/* CSS Document */
/*  Build No		:  5.2.10.28  */

html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	overflow: hidden;
}

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

body, td, th, input, select, textarea {
	font-family:Tahoma, arial, sans-serif;
	font-size: 8pt;

}

h2 { font-size:8pt; font-weight:normal; margin:0;}
fieldset{ border-style:none; margin:0; padding:0; }
legend { padding:0; /*margin-left:-6px; */ white-space:normal; } /* to wrap texts in FF. IE patch in seperate file */

.hiddenAccessibilityElements { display:inline; position:absolute; left:-1900em; }

a { color: #000; }

/* the main page area, between Header and Footer */
#qm_DOCUMENT {
	position: absolute;
	left: 0px;
	right: 0px;
	overflow: auto;
	margin: 0px;
	top: 64px;
	bottom: 47px;
}

.qm_DOWNLOAD_BUTTON {
	color: #0082FF;
	background: #F5F5F5;
	border: #CCCCCC;
	padding: 8px;
}

.qm2go { padding:10px; }

#qm_STATIC_INTRO_ID { /* used only incase of static intro text */
	position: absolute;
	left: 0px;
	right: 0px;
	overflow: auto;
	margin: 0px;
	top: 59px;
	bottom: 54px; /* approx 10px more compared to #qm_DOCUMENT due to display issue */
}

/* header shown at the top of all pages */
#qm_HEADER {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	height: 55px;
}

/* footer shown at the bottom of all pages */
#qm_FOOTER {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	margin: 0px;
	height: 47px;
}

/* Login page specific control styles */
#qm_PARTICIPANT_LOGIN #qm_HEADER {}
#qm_PARTICIPANT_LOGIN #qm_FOOTER {}
#qm_PARTICIPANT_LOGIN #qm_DOCUMENT {}

/* Assessment page specific control styles */
#qm_ASSESSMENT_LIST #qm_HEADER {}
#qm_ASSESSMENT_LIST #qm_FOOTER {}
#qm_ASSESSMENT_LIST #qm_DOCUMENT {}

/* Question block page specific control styles */
#qm_QUESTION #qm_HEADER {}
#qm_QUESTION #qm_DOCUMENT {
	padding-left:20px;
}

/* Question Tryout pecific control styles */
#qm_TRYOUT_QUESTION #qm_DOCUMENT {
	/*bottom: 0px; */ top:24px; padding-left:20px; padding-right:20px
}

#qm_TRYOUT_QUESTION #qm_DOCUMENT .qm_FOOTER_BUTTON {
	position: relative;
	top: 10px;
	bottom: 0px;
}

/* About listing specific styles */
#qm_ABOUT #qm_DOCUMENT {
	padding:10px;
	top: 24px;
}

#qm_ABOUT .qm_WELCOME {
	height: 1px;
	padding: 0px;
	margin: 0px;
}

/* Error page specific styles */
#qm_ERROR .qm_WELCOME {
	height: 1px;
	padding: 0px;
	margin: 0px;
}

#qm_ERROR #qm_HEADER {
	position: relative;
}

/* Choose assessment language specifc styles */
#qm_CHOOSE_LANGUAGE .qm_BOX_ROW {
	left: 30%;
}

#qm_CHOOSE_LANGUAGE .qm_BOX_COL_RIGHT img {
	vertical-align: middle;
}

#qm_CHOOSE_LANGUAGE .qm_TEXT_LEFT {
	display: inline;
	vertical-align: middle;
	left: 20%;
}

#qm_CHOOSE_LANGUAGE .qm_TEXT_RIGHT {
	display: inline;
	vertical-align: middle;
}


/* --- SAFARI HACK --- */
.safari body {
	overflow: auto;
}

.safari div#qm_DOCUMENT {
	height: 100%;
	overflow: auto;
	text-align: center;
}

/* miscellaneous definitions*/
/* workaround to fix bug in IE where text and password input boxes are shown as different widths */
.qm_INPUT {
	font-family: Arial;
	width: 230px;
}

/* workaround to ensure that form elements do not take up visible space in tables */
form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

p {
	margin: 4px 0 8px 0;
}

.clear {
	clear: both; margin: 0;	padding: 0;
}


.qm_spanLink {
	text-decoration: underline;
	cursor:	pointer;
}

.qm_spanLink:hover {
	text-decoration: none;
	cursor:	pointer;
}

/* --- HEADER ELEMENTS --- */

.qm_WELCOME {
	padding: 4px 7px 4px 7px;
	background: #FFF url(shadow_tile.gif) repeat-x top;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	width: auto;
}

.qm_SELECT {
	float: right;
	width: auto;
	padding: 3px 0 0 5px;
}

.qm_HELP {
	float: right;
	width: 20px;
	padding: 2px 0 0 5px;
}

.qm_Style_Icons {
	float: right;
	width: auto;
	padding: 2px 0 0 6px;
}

.qm_HEADER_WELCOME_TEXT {
	float:left;
	width:auto;
	margin-top: 5px;
	padding-left:5px;
}

.qm_HEADER_WELCOME_TEXT a{
	text-decoration:none;
}

.qm_TITLE, .qm_QUESTION_TITLE {
	font-family: arial, verdana, tahoma;
	font-size: 12pt;
	font-weight: bold;
	color: #769BD0;
	padding-left: 0px;
	padding-top: 7px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #8697C2
}

.qm_QUESTION_TITLE {

  margin-bottom:1em;
	
}


.qm_SUB_TITLE {
	font-family: arial, verdana, tahoma;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 8px;
}

.qm_SUB_TITLE h2 {
	padding-left:0;
	font-weight: bold;
}

#qm_ASSESSMENT_HEADER .qm_TITLE {
	font-family: arial;
	font-size: 14pt;
	color: #0080FF;
	clear: both;
}

.qm_SECTION_HEADER {
	border-bottom: 1px solid #eaeaea;
	line-height: 2em;
	font-weight: bold;
	font-size: 12px;
}
/* --- TEST, APPLYING THE MEDIA TYPE RULE (FOR SCREEN) AND THE CHILD SELECTOR (">") --- */
/* --- PROBLEMS WITH OVERFLOW (SCROLLING) IN FIREFOX 2.0 --- */

.qm_NOTE {
	color: #FF0000;
}

.qm_BANNER {
	background: #E7EFF7 url(banner_bg.jpg) repeat-y right;
	padding: 3px 0 3px 7px;
	text-align: left;
}


.qm_BANNER img
{
	width:135px; height:20px; 
}

/* --- LOGIN ELEMENTS --- */

.qm_BOX {
	border: 1px solid #CCCCCC;
	width: 400px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.qm_BOX div {
	padding: 3px 7px;
}

.qm_BOX div div {
	padding: 0;
}

.qm_UPLOAD_BOX {
	border: 1px solid #CCCCCC;
	width: 85%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

.qm_UPLOAD_BOX div {
	padding: 3px 7px;
}

.qm_BOX_HEADER {
	background: #CCC;
	padding: 3px 7px;
	font-weight: bold;
}

.qm_BOX_HEADER h2 {
	font-weight: bold; padding-left:0;
}

.qm_BOX_HEADER_INCORRECT {
	font-weight: bold;
	color:#ff0000;
	padding-bottom:4px;
}

.qm_BOX_COL {
	width: auto;
}

.qm_BOX_ROW {
	position: relative;
	padding: 0;
	overflow: hidden;
}

.qm_BOX_COL_LEFT {
	width: 100px;
	float: left;
	margin: 3px 4px 0 0;
	text-align: right;
}

.qm_BOX_COL_RIGHT {
	float: right;
	width: 280px;
}

.qm_BOX_COL_RIGHT div {
	margin: 3px 0 0 0;
	font-weight: bold;
}

.qm_BOX_COL_CENTER {
	width: auto;
	text-align: center;
}
.qm_BOX_COL_FOOTER {
	text-align: right;
	background: #EAEAEA;
	margin-top: 4px;
}

.qm_BOX_COL_RIGHT_ASSESSMENT {
	text-align: left;
	padding-left: 5px;
}

.qm_CHOOSE_ASSESS_MODE_COL_LEFT {
	margin: 3px 4px 0 0; 
	width:30px; 
	float:left;
}

.qm_CHOOSE_ASSESS_MODE_COL_RIGHT {
	margin: 9px 4px 0 0;
}


/* ********************************************** */
/* elements of login and assessment listing pages */
/* ********************************************** */

/* assessment list elements */
/* assessments in the list are presented as links which are items in an unordered list */

/* format list items */
LI {
	margin-left:20px;
	margin-right:20px;
	list-style-position: outside;
	cursor:pointer;
}

/* links to start assessments */
LI.qm_ASSESSMENT {
	list-style-image: url(qmp_bullet.gif);
}

/* link to participant reports */
LI.qm_REPORT {
	list-style-image: url(qmp_bullet.gif);
}

/* link to change participant password */
LI.qm_CHANGE_PASSWORD {
	list-style-image: url(qmp_bullet.gif);
}

/* link to demographics editor */
LI.qm_DEMO {
	list-style-image: url(qmp_bullet.gif);
}

LI.qm_TEST {
	list-style-type : none;
	margin:0px;
}

/* Enter button on all login screens */
#qm_ENTER {

}

/* error messages */
.qm_ERROR_BOX {
	border: 1px solid #CCCCCC;
	width: 700px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.qm_ERROR_HEADER {
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.qm_ERROR_TITLE {
	font-size: 12pt;
	margin: 7px 0 0 0;
}

.qm_ERROR_TEXT {
	background: #ECE9D8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
.qm_ERROR_DETAIL {
	float: left;
	position: relative;
	width: auto;
	padding-left: 60px;
}

.qm_ERROR_FOOTER {
	text-align: right;
	padding: 10px;
}

.qm_ERROR_IMG {
	float: left;
	margin: 0 10px 30px 0;
	position: relative;
	width: 50px;
	text-align: right;
}

/* browser check messages */
.qm_BROWSER_CHECK {
	font-size: 10pt;
}

.qm_BROWSER_REQUIRE {
	font-size: 10pt;
	font-weight: bold;
	color: red;
}

.qm_BROWSER_REQUIRE_IMG {
	margin: 0;
	height: 10pt;
	width: 10pt;
}


/* buttons & its styles */
.qm_BUTTON, .qm_BUTTON_upload  {
	cursor:pointer; color:#000; padding:0 8px 0 8px;
}

input.text {
	width: 270px;
}

input.button {
	/* width: 60px; */
	margin: 2px 4px 2px 0;
	font-weight:bold;
	cursor:pointer;
}

/* table used to display assessment available to user */
.qm_BOX_ASSESSMENTS {
	margin-left : auto;
	margin-right : auto;
	text-align: center;
	width: 80%;
}

/* ******************************** */
/* question and assessment elements */
/* ******************************** */

/* assessment information */
#qm_ASSESSMENT {
	margin: 21px;text-align: left;
}

/* assessment introduction */
.qm_INTRO {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

/* timer displayed in timed assessments */
.qm_TIMER {
	float:right;
	padding-bottom: 5px;padding-top:5px;
	padding-right:8px;
	padding-left:8px;
}

/* the score for a single block of an assessment */
.qm_BLOCK_SCORE {
	font-family: arial, verdana, tahoma;
	font-size: 11pt;
	font-weight: bold;
	color: #FF6600;
}

/* the score achieved for an assessment so far */
.qm_RUNNING_SCORE {
	font-family: arial, verdana, tahoma;
	font-size: 11pt;
	font-weight: bold;
	color: #FF6600;
}

/* the final score for an assessment */
.qm_FINAL_SCORE {
	font-family: arial, verdana, tahoma;
	font-weight: bold;
	font-size: 11pt;
	color: #333;
	padding-top:5px;
}

/* buttons */

/* Submit, continue and end buttons */
#qm_Submit, #qm_Continue, #qm_EndAssessment {
	padding-right:30px;
}

.qm_SAYG_BUTTON {
	float:left;
	padding-left:5px;
}

#qm_SAYG_ICON { cursor:pointer; }

/* Branch button on final page of assessment */
#qm_BRANCH {
	width : 150px;
}

#qm_ASSESSMENT_HEADER, #qm_BLOCK_SCORE {
	padding-top:20px;
	font-size: 14pt;
	margin: 0px 0 14px 0;
}

.qm_SEPARATOR {
	border-top: 1px solid #EAEAEA;
	margin-top: 4px;
}

/* the outcome of an assessment */
.qm_ASSESSMENT_OUTCOME {
	margin: 20px 0 20px 0;
}

/* topic scoring */
.qm_TOPIC_SCORING {
	background-color: #F3F4FB;
	border-collapse: collapse;
}

/* scoring for an individual topic */
.qm_SINGLE_TOPIC {

}

.qm_TOPIC_NAME {
	font-family: arial, verdana, tahoma;
	font-size: 11pt;
	font-weight: bold;
	color: #769BD0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #8697C2;
	background-color: #FFFFFF;
	padding-right: 5px;
}

/* the outcome name for that topic */
.qm_TOPIC_OUTCOME {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:5px;
	text-align: left;
}

/* the score for that topic */
.qm_TOPIC_SCORE {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:5px;
	text-align: right;
}

/* feedback for that topic */
.qm_TOPIC_FEEDBACK {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:5px;
	text-align: left;
}

/* ***************** */
/* question elements */
/* a question which can be answered */

.qm_QUESTION {
	font-family: arial, verdana, tahoma;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	padding-top:5px;
	padding-right:5px;
}

.qm_BlockTitle {
	font-size: 8pt;
	font-weight: bold;
	padding-top:5px;
}

/* a question which cannot be answered */
.qm_EXPLANATION {

}

.qm_NUMBER {
	font-size: 8pt;
	margin: 7px 0 0 0;
}

.qm_TOPIC {
	font-size: 8pt;
	margin: 6px 0 2px 0;
}

.qm_QUESTION_FEEDBACK {
	background: #eaeaea;
	padding: 7px;
	font-size: 10pt;
}

/* question description */
.qm_DESCRIPTION {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

/* ************************************ */
/* text or resources used in a question */

/* text/plain */
.qm_TEXT_CONTENT {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-top: 10px;
}

/* text/html */
.qm_HTML_CONTENT {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

.qm_IMAGE_CONTENT {
	padding-left:2px;
	padding-right:3px;
}

.qm_ANSWERED .qm_HTML_CONTENT {
	font-weight: bold;
}

/* general link */
.qm_LINK {
	cursor:pointer;
}

/* *************************** */
/* Specific questions types */

.qm_QUESTION_mc {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_mchorz {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_tf {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_tfhorz {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_yn {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_ynhorz {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_lks {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_lkshorz {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_mr {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_mrhorz {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_num {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_sel {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_tm {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_fib {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_mat {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_smat {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_smat table th .qm_HTML_CONTENT { float:left; }

.qm_QUESTION_hot {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_essay {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_match {
	padding-top: 5px;
	padding-bottom: 5px;
}

.qm_QUESTION_rank {
	padding-top: 5px;
	padding-bottom:5px;
}

.qm_QUESTION_sab {
	padding-top: 5px;
	padding-bottom:5px;
}

.qm_QUESTION_flash {
	padding-top: 5px;
	padding-bottom:5px;
}

.qm_QUESTION_upload {
	padding-top: 5px;
	padding-bottom:5px;
}

.qm_QUESTION_voice {
	padding-top: 5px;
	padding-bottom:5px;
}

.voiceError { padding-top:6px; font-size:1.2em; font-weight:bold; }

#qmFlashQuestionAltText {
	display:none;
}

/* ************************* */
/* choices of specific types */
/* .qm_CHOICE_questionType */

.qm_CHOICE_mc {
	vertical-align:top;
}

.qm_CHOICE_mchorz {
	padding-right:7px;
}

.qm_CHOICE_tf {
	vertical-align:top;
}

.qm_CHOICE_tfhorz {
	padding-right:7px;
}

.qm_CHOICE_yn {
	vertical-align:top;
}

.qm_CHOICE_ynhorz {
	padding-right:7px;
}

.qm_CHOICE_lks {
	vertical-align:top;
}

.qm_CHOICE_lkshorz {
	padding-right:7px;
}

.qm_CHOICE_mr {
	vertical-align:top;
}

.qm_CHOICE_mrhorz {
	padding-right:7px;

}

.qm_CHOICE_num {

}

.qm_CHOICE_sel {

}

.qm_CHOICE_tm {

}

.qm_CHOICE_fib {

}

.qm_CHOICE_mat {
	padding-left:8px; padding-right:4px;
}

.qm_QUESTION_mat th span  { float:left; }

.qm_CHOICE_essay {

}

.qm_CHOICE_match {

}

.qm_CHOICE_rank {

}

.qm_CHOICE_sab {

}

/* input elements used in questions */
/* .qm_inputType_questionType */

.qm_CHECKBOX_mr {

}

.qm_RADIO_mc {

}

.qm_RADIO_hidden, .qm_CHECK_hidden {
	visibility:hidden;
	width:0px;
	height:0px;
	margin:0px;
}

.qm_Graphic_Inputs {
	vertical-align:top;
}

.qm_TEXT_num {
	color:#000;
}

.qm_TEXT_tm {
	color:#000;
}

.qm_TEXT_fib {
	color:#000;
}

.qm_TEXT_upload{

}

.qm_TEXT_essay {
	color:#000;
}

.qm_SELECT_sel {
	color:#000;
}
.qm_SELECT_match {
	color:#000;
}

.qm_SELECT_rank {
	color:#000;
}

.qm_SELECT_sab {
	color:#000;
}

.qm_RADIO_mat {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
}

/* ************************** */
/* question feedback elements */

/* feedback text */
.qm_FEEDBACK_ITEM {
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	background-color: #F3F4FB;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:5px;
	text-align: left;
}

/* scoring for answered questions */
.qm_ANSWERED {
	font-family: arial, verdana, tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	background-color: #eaeaea;
	padding: 4px;
	text-align: left;
 }

/* message for  unanswered questions */
.qm_NOT_ANSWERED {
	font-family: arial, verdana, tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	background-color: #eaeaea;
	padding: 4px;
	text-align: left;
}

/* --- ASSESSMENT LISTS AND TABS --- */
.qm_SORTABLE {
	width: 100%;
	border: 1px solid #CCC;
	border-bottom:0px;
}

.qm_SORTABLE thead tr {
	background: #eaeaea;
}

.qm_SORTABLE thead tr th{
	border-bottom:1px solid #cccccc; padding:5px 1px 5px 2px;
}

.qm_SORTABLE thead tr th a{
	text-decoration:none;
}
.qm_SORTABLE thead tr th a:hover{
	text-decoration:underline;
}

.qm_SORTABLE tbody td {
	border-bottom:1px solid #eaeaea;
	padding: 3px;
}

.qm_SORT_ARROW { /* Set sort arrow image height relative with its font height*/
	width:11px; height:11px;
}

.qm_List_EvenRows {
	background-color:#f3f1ec;
}

.qm_ASSESS_START {
	text-align:center;
	max-width:80px;
	min-width:20px;
	overflow:hidden;
}

.qm_ASSESS_RESUME {
	text-align:center;
	max-width:80px;
	min-width:20px;
	overflow:hidden;
}

.qm_ASSESS_NAME {
	text-align:left;
	max-width:300px;
	min-width:20px;
	overflow:hidden;
	word-wrap: break-word;
}

.qm_ASSESS_ATTEMPTS {
	text-align:left;
	max-width:100px;
	min-width:20px;
	overflow:hidden;
}

.qm_ASSESS_ENDDATE { /* width is not set to allow it to vary dynamically */
	text-align:left;
	max-width:100px;
	min-width:20px;
	overflow:hidden;
}

.qm_ASSESS_GROUP { /* width is not set to allow it to vary dynamically */
	text-align:left;
	max-width:350px;
	min-width:20px;
	overflow:hidden;
}
.qm_ASSESS_FIRSTNAME { /* width is not set to allow it to vary dynamically */
	text-align:left;
	max-width:300px;
	min-width:20px;
	overflow:hidden;
	word-wrap: break-word;
}
.qm_ASSESS_LASTNAME { /* width is not set to allow it to vary dynamically */
	text-align:left;
	max-width:300px;
	min-width:20px;
	overflow:hidden;
	word-wrap: break-word;
}

.qm_ASSESS_OFFLINE {
	text-align:center;
	max-width:90px;
	min-width:20px;
	overflow:hidden;
}

.qm_EMPTY_MSG {
	text-align:center;
}

.qm_TABLE_CONTAINER {
	width: 90%;
	max-width:920px;
	min-width:150px;
	text-align:center;
	margin:0 auto;
	display:table;
}

.qm_SORTABLE_CONTAINER {
	width:100%; padding:0;
}

.qm_SORTABLE_CONTAINER td {
	padding:7px; border-bottom:none;
	/*text_align: center;*/
}

.qm_NORMAL_CONTAINER {
	width:100%; margin-left:10px; margin-top:10px;
	padding:15px;
}

.qm_PARTICIPANT_COLUMN_ONE {
	float:left; width:250px; margin-top:5px;
}

.qm_PARTICIPANT_COLUMN_TWO {
	left:270px; padding-bottom:20px;
}

.qm_PARTICIPANT_FIELDS {
	margin-top:6px;
}

/* try for end assess table conv -  NEEDED ?? */
.qm_TOPIC_CONTAINER {
	text-align:center; font-size:0.7em; font-style:normal; width:750px;
}

.qm_TOPIC_COLUMN_ONE {
	float:left; width:300px; margin-top:5px; padding:1px; text-align:left;
}

.qm_TOPIC_COLUMN_TWO {
	float:left; width:200px; margin-top:5px; padding:1px;text-align:left;
}

.qm_TOPIC_COLUMN_THREE {
	float:left; width:150px; margin-top:5px; padding:1px;text-align:left;
}

/* UPTO HERE NEEDED ?? */
.qm_HIDDEN_VALUES {
 	display:none;
}

/* TAB STYELS */
.qm_TABVIEW , .qm_COMPACT_TABVIEW {
	width:100%; /* need fixed width to stop tab collaping in IE */
	margin: 20px 0 0 0;
	text-align: left;
	display:none;
}

.qm_TABVIEW .qm_TABS, .qm_COMPACT_TABVIEW .qm_TABS {
	padding: 0 0 0 3px;
	color: white;
  	height:26px;
	width: 100%;
	clear: both;
	min-width: 150px;
	/*text-align: left;*/
	white-space: nowrap;
}

.qm_TABVIEW .qm_TABS a, .qm_COMPACT_TABVIEW .qm_TABS a {
    display:block;
	float:left;
	height:25px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
    margin:0px 2px;
	background-color:#EAEAEA;
	width:auto;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	border-right:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-top:1px solid #CFCFCF;
}

.qm_TABVIEW .qm_TABS a.ActiveTab {
	border-bottom: 0px;
	background:#FFF;
	color:#000;
	text-decoration: none;
	height:26px;
	line-height:26px;
}

.qm_TABVIEW .qm_TABS a:hover {
	border-bottom: #eaeaea;
	text-decoration: none;
	color: #000;
}

.qm_TABVIEW .qm_TABS a.InactiveTab {
	color: #0080FF;
	font-weight:normal;
}

.qm_TABVIEW .qm_TABS a.InactiveTab:hover {
	color: #000;
	font-weight:normal;
}

.qm_TABVIEW .qm_TABS a img { border:0;}
.qm_TABVIEW .qm_TABS a.ActiveTab img#activeTab{ display:block;}
.qm_TABVIEW .qm_TABS a.ActiveTab img#inactiveTab{ display:none;}
.qm_TABVIEW .qm_TABS a.InactiveTab img#activeTab{ display:none;}
.qm_TABVIEW .qm_TABS a.InactiveTab img#inactiveTab{ display:block;}

.qm_TABVIEW .qm_ASSESSMENTS{
    width:100%;
	min-width: 150px;
}

.qm_TABVIEW .qm_ASSESSMENTS .qm_ASSESSMENT_PAGE{
    border:1px #CCC solid;
}

.qm_COMPACT_TABVIEW .qm_ASSESSMENTS .qm_ASSESSMENT_PAGE{
    border:1px #CCC solid;
    word-wrap: break-word
}

/* --- FOOTER ELEMENTS --- */
.qm_CONTROL {
	background: #E7EFF7 url(banner_bg.jpg) repeat-y right;
	padding: 6px 0px 2px 7px;
	
	/* Height below is overriden for IE in the IE specific css file*/
	height: 24px;
}

.qm_FOOTNOTE {
	background: #ECE9D8 url(shadow_tile.gif) repeat-x top;
	font-size: 10px;
	line-height:12px;
	padding: 3px 7px 0px 7px;
	
	/* Height below is overriden for IE in the IE specific css file*/
	height: 12px;
}
.qm_FOOTNOTE img {
	position:absolute; 
	border:0; 
	width:80%; 
	height:inherit;
}
/* --- BUTTONS --- */
.qm_FOOTER_BUTTON {
 	float:right;
}

/* The below codes are taken from previous htmlcore.css inorder to merge that file */

/* Survey Matrix questions */
/* the table holding the question */
.smatTable {
	border-right: 1px solid lightgrey;
	margin-top: 5px;
	padding:2px;
}

/* a header cell, not highlighted */
.smatHead {
	font-family: verdana, tahoma;
	text-align:center;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	font-weight:normal;
}

/* a header cell,  highlighted */
.smatHeadHighlight {
	font-family: verdana, tahoma;
	text-align:center;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	background-color: lightblue;
	font-weight:normal;
}

/* a choice cell, at the start of each row, not highlighted */
.smatRow {
	font-family: verdana, tahoma;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
}

/* a choice cell, at the start of each row, highlighted */
.smatRowHighlight {
	font-family: verdana, tahoma;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	background-color: lightblue;
}

/* an individual option cell, not highlighted */
.smatOption	{
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	text-align: center;
	cursor:pointer;
}

/* an individual option cell, highlighted */
.smatOptionHighlight 	{
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	text-align: center;
	background-color:  lightblue;
	cursor:pointer;
}

/* a radio button used to select an option */
.smatRadio {

}

/* the empty cell at the top left of the table */
/* (first cell in the header row, first cell in the choice column) */
.smatEmpty 	{
	border-bottom: 1px solid lightgrey;
	text-align: center;
}


/* ********************************** */
/* DHTML Drag and Drop questions */

/* marker is the class for choice markers in drag and drop questions */
.hotMarker {
	position:absolute;
	z-index:100;
	padding: 0;
	margin: 0;
	cursor:pointer;
}
/* target is the class for the background image in drag and drop questions */
.hotTarget {
	position:relative;
	padding: 0;
	margin: 0;
}

/* Special Characters Palette */
/* Title bar table row */
.scpst_title_tr {
	height: 20px;
}

/* Title caption */
.scpst_title {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	cursor: default;
}

/* 'Close' link */
.scpst_link {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-decoration: underline;
	color: #FFFFFF;
	cursor:	pointer;
	padding-left:4px;
}

/* SCP Layer */
.scpst_box {
	width: 300px;
	height: 100px;
	border: 1px solid #0000AA;
	border-collapse: collapse;
	background:#0564FC;
}

.scpst_box td { 
	color:#000;
}

/* SCP Content area (where the char palette goes) - Less than 48 chars*/
.scpst_content_mini {
	width: 288px;
	height: 75px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	overflow:hidden; /* none ?? used before */
}

/* SCP Content area (where the char palette goes) - More than 48 chars*/
.scpst_content {
	width: 288px;
	height: 75px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	overflow: auto;
}

/* Char palette table */
.scpst_chars {
	border-collapse: collapse;
	width: 95%;
	height: 10px;
	text-align:center;
	vertical-align:middle;
}

/* Highlighted character cell */
.scp_cell_highlight {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	background: #C0FFFF;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	width: 16px;
}

/* Non-highlighted character cell */
.scp_cell_normal {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	cursor:default; /* curson: normal ?? */
	width: 16px;
}

/* Applied tp make the SCP visible */
.scp_palette_visible {
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	z-index:10;
}

/* Applied tp make the SCP invisible */
.scp_palette_invisible {
	position: absolute;
	visibility: hidden;
}


/*  Grid settings  - used in the assessment and question grids topics?  ? **/
/* --- ASSESSMENT LISTS AND TABS --- */
.assessListTable {
	width: 80%;
	max-width:750px;
	min-width: 150px; 
	border: 1px solid #CCC;
	margin: 15px auto;
	text-align: left;
}

.assessListTable tr {
	height: 30px;
}

.assessListTable td {
	border-bottom: 1px solid #eaeaea;
	padding: 3px 10px 3px 10px;
	white-space: nowrap;
	text-align: left;
	color:#000;
}

.assessListTable td.title {
	width: auto;
}

.assessListTable .GridHeader td {
	font-weight: bold;
	/*padding: 5px 1px 5px 6px;*/
	padding: 3px 10px 3px 10px;
	color: #424242;
	border-bottom: 1px solid #ccc;
}

.assessListTable .GridHeader td .link {
	font-weight: normal;
}

.assessListTable .LastGridRow td {
	border-bottom: 0;
}

.assessListTable a {
	text-decoration: none;
	color: #004080;
}

.assessListTable a:hover {
	text-decoration: underline;
	color: #FF8000;
}

.assessmentListTextBox {
	padding: 4px;
	margin: 0 0 8px 0;
	background: #ECE9D8;
}

.assessmentListTextBox p {
	margin: 0 0 4px 0;
}

/* Applies to the whole grid */
.GridCell {
	padding-left:5px;
	padding-right:5px;
}

/* Applies to header row of the grid */
.GridHeader {
	background-color: #E7E7E7;
	text-align: left;
	height: 20px;
}

.GridHeader td {
	font-weight: bold;
	padding: 5px 1px 5px 6px;
	color: #424242;
}

/* Applies to rows of the grid */
.GridRow {
	cursor:default;
}
.GridRow td, .GridRowSelected td {
	vertical-align: top;
}

/* Applies to selected rows of the grid */
.GridRowSelected {
	background: #C6D3F6;
	cursor:default;
}

/* QxQ and Navigator stuffs */
.qm_FOOTER_QxQ_NAVIGATOR_BUTTON {
	float:left;
}

.qm_FOOTER_QxQ_BUTTONS {
	float:left;
	cursor:pointer;
}

.qm_FOOTER_QxQ_BUTTONS#qm_FLAG_IMAGE, .qm_FOOTER_QxQ_BUTTONS#qm_UNFLAG_IMAGE {
	padding-right:5px;
}

.qm_QXQBUTTON {
	cursor:pointer;
	padding: 0 8px 0 8px;
}
/*
.qm_QXQNAVBUTTON {
	cursor:pointer;
}*/

.qm_QXQBUTTON, .qm_QXQNAVBUTTON, .qm_BUTTON#qm_Nav, .qm_BUTTON#qm_SUB, .qm_BUTTON#qm_QUIT, .qm_BUTTON#qm_CONT, .qm_BUTTON#qm_END {
	font-size:10.5pt;
}

.qm_QXQ_NAV_BLOCKS {
	background: #D8EBED;
	padding:5px;
}

.qm_QXQ_NAV_BLOCK_TITLE {
	color: #FF4D2D; padding:2px; font-weight:bold; font-size:0.9em;
}

/* Applied tp make the NAV visible */
.nav_palette_visible {
	position: absolute;
	right: 18px;
	bottom: 72px;
	display:block;
	width:auto;
	visibility: hidden;
}

.navst_link {
	font-family: Tahoma, Arial;
	font-size: 9pt;
	font-weight:bold;
	color: #6665FF;
	padding-left:6px;
}

#nav_title_tr td img { cursor: pointer; }

.nav_cell_empty {
	background: #FAEEB3;
	border: 1px solid #AEAEAE;
	width: 28px;
}

/* Non-highlighted answered & unanswered navigator character cell */
.nav_cell_answered {
	font-family: Tahoma, Arial;
	font-size: 10pt; font-weight:bold;
	background: #FFFFFF;
	border: 1px solid #AEAEAE;
	cursor:pointer;
	width: 28px;
	text-align:center;
	color:#000;
}

.nav_cell_unanswered {
	font-family: Tahoma, Arial;
	font-size: 10pt; font-weight:bold;
	background: #FAEEB3;
	border: 1px solid #AEAEAE;
	cursor:pointer;
	width: 28px;
	text-align:center;
	color:#000;
}

/* Highlighted answered & unanswered navigator character cell */
.nav_cell_answered_hightlight {
	font-family: Tahoma, Arial;
	font-size: 10pt; font-weight:bold;
	background: #FFFFFF;
	border: 1px solid #000000;
	cursor:pointer;
	width: 28px;
	text-align:center;
	color:#000;
}

.nav_cell_unanswered_hightlight {
	font-family: Tahoma, Arial;
	font-size: 10pt; font-weight:bold;
	background: #FAEEB3;
	border: 1px solid #000000;
	cursor:pointer;
	width: 28px;
	text-align:center;
	color:#000;
}

/* NAV Layer */
.navst_box {
	width: 215px;
	padding:5px;
	border: 1px solid #0000AA;
	background:#aeaeae;
}

/* Nav Content area - when num of cells is LESS than total defined cells (rows x column) numbers */
.navst_content {
	overflow:hidden;
	text-align:center;
}

/* Nav Content area - when num of cells is MORE than total defined cells (rows x column) numbers */
.navst_content_scroll {
	overflow: auto;
	text-align:center;
}

/* Nav palette table */
.navst_chars {
	text-align:center;
	vertical-align:middle;
	border: 1px;
}

.navToolsGap {
	height:10px;
}

.qm_QUESTION_INTRO {
	font-family: arial, verdana, tahoma;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	padding-top:5px;
	padding-right:10px;
}

.qm_STATIC_INTRO { padding:10px; }

.qm_PROGRESS_BAR_CONTAINER {
	position:relative;
	top: 8px;
	float:right;
	border:1px solid #CCC;
	height:6px;
	/* width:XX in px; MUST BE ENTERED IN the qmDefaultSetting.xtmp template */
	text-align:left;
	padding:1px;
}

.qm_PROGRESS_BAR {
	background:#FF0000;
	height:6px;
	width:0px;
	text-align:left;
}

.qm_QUESTION_TEXT_PROGRESS {
	float:left;
	padding:5px;
	padding-left:10px;
}

.qm_BLOCK_TEXT_PROGRESS {
	float:right;
	padding-bottom: 5px;padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}

.qm_BUSY_BAR_CONTAINER {
	position:relative;
	top: 8px;
	border:1px solid #CCC;
	height:8px;
	/* width:XX in px; MUST BE ENTERED IN the qmDefaultSetting.xtmp template */
	padding:1px;
	margin-left: 60px;
}

.qm_BUSY_BAR {
	background:#FF0000;
	height:8px;
	width:0px;
	text-align:left;
}



/* Compact Assessment List View styles */

.qm_COMPACT_TABVIEW .qm_TABS a
{
	display:none;
}

.qm_COMPACT_TABVIEW .qm_TABS a:first-child
{
	display:block;
}


.qm_COMPACT_TABVIEW .qm_ASSESS_START, .qm_COMPACT_TABVIEW .qm_ASSESS_RESUME, .qm_COMPACT_TABVIEW .qm_ASSESS_OFFLINE,.qm_COMPACT_TABVIEW .qm_ASSESS_ATTEMPTS, .qm_COMPACT_TABVIEW .qm_ASSESS_ENDDATE, .qm_COMPACT_TABVIEW .qm_ASSESS_FIRSTNAME, .qm_COMPACT_TABVIEW .qm_ASSESS_LASTNAME, .qm_COMPACT_TABVIEW .qm_ASSESS_GROUP
{
	display:none;
}

.qm_COMPACT_TABVIEW .qm_ASSESS_NAME
{
	display:table-cell;
	word-wrap: break-word;
	min-width:200px;
	max-width:250px;
	
}

.qm_COMPACT_TABVIEW .qm_ASSESS_NAME div
{
	width:200px;
	word-wrap: break-word;

}

.qm_COMPACT_TABVIEW td.qm_ASSESS_NAME 
{
	cursor:pointer;
	cursor:hand; 
}
.qm_COMPACT_TABVIEW td.qm_ASSESS_NAME div
{
	
	overflow:hidden;

}


.qm_COMPACT_TABVIEW #qm_ASSESSMENT_TABS
{
	cursor:pointer;
	cursor:hand; 
}



.compactListOptions
{
	display:block;
	text-align:center;
	width:100%;
	padding: 5px 0 5px 0;
	border-top:1px solid #ccc;

	
}

.compactListOptions:first-child
{
	border-top:none;
}

.compactListOptions td
{

}

.compactListOptions td div a
{
	padding:10px;
}

#CompactAssessmentMenuContainer
{
	display:none;
	border:1px #CCC solid;
	border-top:none;
}

#CompactListBackButton
{
	margin-left:-8px;
	vertical-align:text-bottom;
}

.qmCompactNameValueContainer
{
	width:100%;
}

.qmCompactNameValueContainer td
{
	padding:2px;
}


.observerParticipantCompactListOptions
{
	width:50%;
	text-align:center;
}

.qmCompactName, .qmCompactValue
{
	padding:2px;	
}

.qmCompactName div, .qmCompactValue div
{	
	width:100px;
	word-wrap: break-word;
}

.observerGroupName, .observerFullName
{
	color:#666;
}