/* 
en-abpi-schools.css v1
Main presentation style sheet for ABPI Hormones & Skin sections
Daniel Nisbet 11/11/2005 
Tony Ashley 12/11/2005

Enigma Interactive
www.enigma-interactive.co.uk
*/
.glossary_link{
	border-bottom:1px dotted #92278f;
color:#F98600;
cursor:help;
text-decoration:none;
}

.flashContent{
	position:relative;
	z-index:40;
}

.flashWrap{
	position:relative;
	z-index:30;
}

#gloss{
	left:110px;
	position:absolute;
	top:100px;
	visibility:hidden;
	z-index:1000;
	font-size:1.4em;
}

#layer {
	left:110px;
	position:absolute;
	top:100px;
	visibility:hidden;
	z-index:10000;
}


#wrapper ul {
	margin:0;
	padding:0;
}

#wrapper{
	font-size:1.2em;
	position:relative;
	z-index:100;
	overflow:hidden;
	width:746px;
	clear:both;
}

#wrapper #section_wrapper {
    line-height: 1.3em;
	display: block;
	position: relative;
	overflow: hidden;
}

#wrapper abbr, #wrapper acronym, #wrapper .help {
	border-bottom: 1px dotted #92278f;
	cursor: help;
	color:#F98600;
}

#wrapper h1, #wrapper h2{
	font-size:2.1em;	
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}

#wrapper h2 {
	color: #fff;
}

#wrapper #sectionheader h2 {
	font-size: 2.1em;
	font-weight: 400;
	padding: 0.2em 0.5em 0.7em 0.5em;
	margin: 0.3em 0em 0.3em 0em;
	background: transparent url('/images/module/h1.gif') no-repeat top left;
	color: #fff;
	width: 722px;
}


#wrapper .blackboard_content h2 {
	color: #fff;
	font-size: 2.1em;
	padding: 0;
}

#wrapper h4{
	font-size:1.3em;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}

#wrapper h5{
	font-size:0.8em;
	font-style:italic;
	padding:4px;
	font-weight:normal;
	line-height:normal;
margin:0;
	padding:0;
}

#wrapper sup {
	color: #53A200;
}

#wrapper .nolist li{
	list-style:none;
	display:inline;
}

.list li{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #DADADA;	
	background: #EBEBEB;
	background-image: url(/res/coResourceImport/modules/en-images/list_backer.jpg);
	background-repeat: repeat-x;
}

#wrapper ul.list {
	list-style: none;
	padding: 10px 0px;
}

#wrapper .tablular table {
	color:#2E4F00;
	margin:18px;
	margin-top:5px;
	text-align:center;
}

#wrapper .tabular td {
	border-bottom:1px dashed #999999;
	padding:2px;
	color:#2E4F00;
	text-align: center;
}

#wrapper .tabular caption{
	color:#579401;
	padding-top:10px;
	font-weight:bold;
}

#wrapper {
	width:100%;
	min-height: 480px;
	/*margin-bottom:20px;*/
}

#wrapper #inner_wrapper{
	padding-left:30px;
	background-image: url(/res/coResourceImport/modules/en-images/title_backer_side_left.jpg);
	background-repeat: no-repeat;
}

#wrapper #title_blue {
	height:54px;
	background-color:#4099E9;
	background-image: url(/res/coResourceImport/modules/en-images/title_backer_blue.jpg);
	background-repeat:repeat-x;
	line-height:normal;
}

#wrapper #title_blue h1{
	float:left;
	padding:5px;
	padding-left:0px;	
}

#wrapper #title_green {
	background-color:#7AD401;
	background-image: url(/res/coResourceImport/modules/en-images/title_backer_green.jpg);
	background-repeat:repeat-x;
	height:33px;	
}

#wrapper #nav_pagenav {
	float:right;
	height:43px;
	padding-top:11px;
	padding-right:8px;
	padding-left:5px;
}

#wrapper #nav_pagenav li{
	padding-left:6px;
}

#wrapper #line_blue {
	width:1px;
	height:54px;
	border-left-color:#1E78C8;
	border-left-style:solid;
	border-left-width:1px;
	background-color:#6EB3F0;
	float:right;
}

#wrapper #pagenumber {
	width:150px;
	float:left;padding-top:4px;
}

#wrapper #pagejumplist{	
	float:right;
	margin-right:10px;
}

#wrapper #pagejump h4{
	float:right;
	padding-top:4px;
	padding-right:15px;
	display:inline;
}

/*
#wrapper #section_wrapper {
	margin-top:20px;
	line-height: 1.3em;
	position:relative;
	padding-left:20px;
	width:722px;
	padding-right:0;
}

#wrapper #sectionheader {
	float:left;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_header.gif);
	background-repeat:repeat-x;
	background-color:transparent; 
	height:49px;
	width:722px;
	padding-top:6px;
}

#wrapper #sectionheader_left{
	float:left;
	padding-left:14px;
	margin-bottom:15px;
	height:55px;	
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_header_left.gif);
	background-repeat:no-repeat; 
}
*/
.blackboard{
	width:346px;
	color:#FFFFFF;
	background-image: url(/res/coResourceImport/modules/en-images/blackboard_mid.gif);
	background-repeat:repeat-y;
	background-color:#2E2E2E;	
	margin-bottom:15px;
}

.blackboard h2{
	margin-bottom:10px;
}

.blackboard_top{
	background-image: url(/res/coResourceImport/modules/en-images/blackboard_top.gif);
	background-repeat:no-repeat;
	height:20px;
	background-color:#ffffff;	
}

.blackboard_bottom{
	background-image: url(/res/coResourceImport/modules/en-images/blackboard_btm.gif);
	background-repeat:no-repeat;
	height:20px;
	margin-top:3px;
	background-color:#ffffff;	
}

.blackboard_content{
	padding-left:20px;
	padding-right:15px;
	padding-bottom:10px;
}
/*
#wrapper .content_row_title {
	float:left;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer.gif);
	background-repeat:repeat-x;
	background-color:#DADADA; 
	height:30px;
	width:100%;
	padding-top:4px;
	margin-bottom:13px;
}
*/
#wrapper .content_row_title_holder{
	height: 34px;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	clear: both;
	padding: 10px 0px;
}

#wrapper .content_row{
	position: relative;
	margin-bottom:13px;
	overflow:hidden;
	width:100%;
	clear: left;
}

#wrapper .content_left {
	/*border-bottom: 1px solid #EDE9ED;*/
}


#wrapper .content_left p {
	padding: 0.5em;
}

#wrapper .photo_left{
	float:left;
	width:235px;
	border-color:#BABABA;
	border-width:1px;
	border-style:solid;
	padding:10px;
	text-align:center;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:20px;
	
	
	/*ie float margin hack*/
	display:inline;
}

#wrapper .photo_left img{
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}

#wrapper .photo_text {
	font-size:0.8em;
	display: block;
	margin-bottom:8px;
	margin-top:8px;
	line-height:normal;
	text-align: center;
	clear:both;
}

.photo_incontent_right {
	border:1px solid #DADADA;
	display:inline;
	float:right;
	margin:5px;
	padding:5px;
}

#wrapper .photo_incontent_right img{
	align:center;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}
/*
#wrapper .content_right_title {
	background-image: url(/res/coResourceImport/modules/en-images/section_backer.gif);
	background-repeat:repeat-x;
	background-color:transparent; 
	height:30px;
	padding-top:4px;	
	margin-left:14px;
}
#wrapper .content_right_title_holder{
	margin-top: 0px;
	float: left;
	width:361px;
	height: 34px;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_left.gif);
	background-repeat:no-repeat;
	margin-bottom:13px;	
}
*/

#wrapper .content_right{
	padding-right:10px;
	margin-bottom:13px;
	display:inline;width: 50%;
}

#wrapper .content_right ul{
	margin-left:400px;
	width:310px;
}

#wrapper .lftwrapper{
	float:left;
	width: 50%;
}

#wrapper .rgtwrapper{
	float:right;
	width: 50%;
}
/*
#wrapper .content_left_title {
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_left.gif);
	background-repeat:no-repeat;
	padding-left:14px;
	height:30px;
	padding-top:4px;
}
#wrapper .content_left_title_holder{
	height:34px;
	width:345px;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer.gif);
	background-repeat:repeat-x;
	background-color:transparent;	
	margin-bottom:13px;
	margin-top:0px;
}

#wrapper .content_left_title_holder_wide{
	float:left;
	height:34px;
	width:440px;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer.gif);
	background-repeat:repeat-x;
	background-color:#DADADA;	
 	position:relative;
	
}

#wrapper .content_left_cor{
	float:right;
	padding-right:14px;
	height:34px;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_right.gif);
 	background-repeat:no-repeat;
}

#wrapper .content_left{
	width:350px;
	margin-bottom:13px;
}

#wrapper .content_left_wide{
	width:440px;
	margin-bottom:15px;
}

#wrapper .row {
	clear:both;
}
*/

/* GLOSSARY STYLES */

.glossary_link {
	border-bottom: 1px dotted #92278f;
	cursor: help;
	color: #92278f;
	text-decoration: none;
}

a.glossary_link:hover {
	text-decoration: none;
}

.glossary_popup {
	display: none;
	background-color: #ffffff;
	color: #ffffff;
	width:220px;
	border: solid 3px;
}

.glossary_inner {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #2e2e2e;
}

.glossary_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #92278f;
	padding-bottom: 5px;
	font-size: 1.2em;
}

.glossary_item {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-bottom: 1px dotted #92278f;
}

/* GLOSSARY STYLES END */

/* QUIZ/QUESTION STYLES */
#wrapper .quiz_container .row {
    clear: both;
}
.quiz_container {
	position: relative;
	clear: left;
	width: 715px;
	text-align: center;
	border: solid #cccccc 1px;
}

.quiz_container_inner {
	clear: left;
	width: 100%;
	height: auto;
	text-align: center;
	border-top: solid #cccccc 1px;
}

.quiz_row {
	position: relative;
	clear: left;
	text-align:left;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 700px;
}

.quiz_row_title {
	clear: left;
	text-align:left;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}

.quiz_col1 {
	position: relative;
	clear: left;
	width: 30px;
	float: left;
	padding-left: 10px;
}

.quiz_col2 {
	position: relative;
	float:left;
	width: 270px;
}

.quiz_col3 {
	position: relative;
	margin-left: 30px;
	width: 310px;
	float: left;
}

.quiz_col4 {
	position: relative;
	left: 0px;
	width: 50px;
	float: left;
	text-align: center;
}

.quiz_button_row {
	clear: left;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
}

.quiz_button_left {
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.quiz_button_right {
	float: right;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.quiz_answer {
	color: #00aeef;
	font-weight: bold;
}

.quiz_answer_correct {
	color: #53A200;
	font-weight: bold;
}

.quiz_answer_incorrect {
	color: #cb0000;
	font-weight: bold;
}

.quiz_drag {
	position: relative;
	cursor: pointer;
	font-weight: bold;
	width: auto;
	color: #00aeef;
	display: inline;
	background-color: #ffffff;
	border: solid #ababab 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	z-index: 5;
}

.quiz_drag2 {
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;
	width:100px;
	height:45px;
	padding:7px;
}

.quiz_drag3{
	
	width:300px;
	height:45px;
	display:block;	
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;	
	padding:5px;
}


.quiz_drag4{
	
	width:200px;
	height:40px;
	display:block;	
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;	
	padding:2px;
	font-size:0.9em;
	vertical-align:middle;
}

.quiz_drag5{
	
	width:220px;
	height:40px;
	display:block;	
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;	
	padding:2px;
	font-size:0.9em;
	vertical-align:middle;
}

.quiz_drag7{	
	width:120px;
	height:40px;
	display:block;	
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;	
	padding:5px;
	font-size:0.8em;
	vertical-align:middle;
	line-height:1.2em;	
}

.quiz_drag_10{
	position:relative;
	font-size:0.8em;
	background-color:#fff !important;
	line-height:1.1em;	
	padding:3px;				
}

.quiz_drag_11{
	border:1px dashed #ccc;	
	font-size:0.8em;
	line-height:1.1em;
	padding:5px;
	display:block;
	text-align:left;
	float:left;
	margin:5px;
	
}

td .quiz_drag{
 	display:block;
	width:100px;
	background:transparent;
	text-align:center;
}

li .quiz_drop{
	border: dotted #ababab 1px;
	display:inline;
	padding-left:100px;
	zoom:1;
}

#wrapper .quiz_drop_1 {
	display: inline;
	border: dotted #ababab 1px;
	height: 20px;
	padding-left: 100px;
}

#wrapper .quiz_drop_2 {
	display: inline;
	border: dotted #ababab 1px;
	height: 20px;
	padding-left: 120px;
}

#wrapper .quiz_drop_3 {
	display: inline;
	border: dotted #ababab 1px;
	height: 20px;
	padding-left: 140px;
}

#wrapper .quiz_drop_4 {
	display: inline;
	border: dotted #ababab 1px;
	height: 20px;
	padding-left: 180px;
}

#wrapper .quiz_drop_5 {
	display: inline;
	border: dotted #ababab 1px;
	height: 20px;
	padding-left: 200px;
	float: left;
	margin-left:42px;
}

#wrapper .quiz_drop_6 {
	height:270px;
}

#wrapper .quiz_drop_7 {
	height:100px;
}

#wrapper .quiz_drop_10{
	position:absolute;
	border:1px solid #848484;	
	width:82px;
	height:38px;
	font-size:0.8em;
	vertical-align:middle;
	line-height:1.1em;
	padding-top:5px;	
}

.quiz_drop_correct {
	display: inline;
	width: auto;
	border-style: none;
	color: green;
	font-weight: bold;
	vertical-align: 0px;
}

.quiz_drop_correct_6{
	position: relative;
	cursor: pointer;
	color: #00aeef;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;
	width:100px;
	height:45px;
	padding:7px;
	margin:2em auto;
}

.quiz_drop_correct_7{
	width:300px;
	height:45px;
	display:block;
	border:1px dashed #ccc;
	padding:5px;
}

.quiz_drop_correct_8{
	height:50px;
	font-size:0.9em;
	width:140px;
	display:block;
	border:1px dashed #ccc;
	margin:5px auto;
	padding:5px 0px;
	vertical-align:middle;
}

.quiz_drop_correct_10{
	width:120px;
	height:40px;
	display:block;	
	position: relative;		
	display: block;
	z-index: 5;	
	font-size:0.8em;
	vertical-align:middle;
	line-height:1.2em;		
}

.quiz_drop_correct_11 {
	color: green;
	font-size:0.8em;
}

.quiz_drop_correct img { vertical-align: -10px; }
.quiz_drop_correct_5 {
	display: inline;
	border-style: none;
	color: green;
	font-weight: bold;
	width: 202px;
	float: left;
	margin-left:42px;
}

.quiz_drop_correct_image {
	position: absolute;
	text-align: center;
	color: #53A200;
	font-weight: bold;
	width: 100px;
	padding:0px 10px;
}

#quiz_result_popup {
	display: none;
	position: absolute;
	z-index: 300;
	font-size:1.3em;
}

.quiz_result_body {
	color: #ffffff;
	padding-bottom: 20px;
	font-size: 1.2em;
}

#quiz_result_title {
	text-align: center;
	padding-bottom: 20px;
	font-size: 1.4em;
}

#quiz_result_text {
	text-align: center;
}

#quiz_result_score {
	text-align: center;
	color: #53A200;
}

#quiz_result_close {
	text-align: right;
}

#quiz_result_close a{
	color: #ffffff;
}
/* QUIZ/QUESTION STYLES END */

/* SUBMENU STYLES */
.submenu_container {
	background-color: #eeeeee;
	border: solid 1px #000000;
	width: 360px;
}

.submenu_title_container {
	margin-left: 15px;
	margin-right:15px;	
	margin-top:13px;
	padding-bottom:10px;
}

.submenu_title_left {
	float: left;
	width: 230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	background-image: url(/res/coResourceImport/modules/en-images/map_backer.gif);
	background-repeat: no-repeat;
	padding-left: 37px;
	height: 37px;
	padding-top: 7px;
}

.submenu_title_right {
	float: right;
	text-align: right;
	width: 60px;
	padding-top: 10px;
}

.submenu_body {
 	clear: both;
	width: 100%;
	font-size:1.2em;
 }
 
.submenu_body li {
	padding-bottom: 5px;
	
}

.submenu_body ul{
	list-style:none;
	padding:1em;
	margin:0em;
} 
/* SUBMENU STYLES END */

/* POPUP TEXT */
.text_popup {
	color: #000000;
	width:280px;
	height: 90px;
	border: solid 1px #00aeef;
	z-index: 100;
	position: absolute;
	left: 446px;
	overflow: hidden;
	visibility: hidden;
	background-color: #ffffff;
}

.text_popup_inner {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.text_popup_item {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
}

.text_popup_item strong{
	font-weight: bold;
	color: #00aeef;
}

.text_popup_item em{
	font-weight: bold;
	font-style: italic;
	color: #00aeef;
}
/* POPUP TEXT STYLES END */

/* FLOW TABLE START */
.flowTable{
	table-layout:fixed;
	width:100%;
	font-size:0.9em;
	margin-bottom:36px;
}

.flowTable tr{
	position:relative;
}

.flowTable td{
	text-align:center;
	vertical-align:top;	
	padding-top:34px;
	position:relative;
}

.flowboxNormal{
	width:340px;
	border:1px solid #aaa;
	padding:12px;
	margin:12px;
	margin:0 auto;
	background:#F1F7FC;
}

.flowboxLarge{
	width:500px;
	border:1px solid #aaa;
	padding:2%;
	margin:0 auto;
	vertical-align:middle;
	background:#F1F7FC;
	text-align:left;
}

.flowTable .flowBranchOuter{
	padding:0;
}

.flowBranchOuter .flowboxNormal{
	width:300px;
}

.flowSingle{
	background: transparent url(/res/coResourceImport/modules/infectiousdiseases_medicines/en-images/arrow.gif) no-repeat center top;
}

.flowBranch{
	background: transparent url(/res/coResourceImport/modules/infectiousdiseases_medicines/en-images/flow_fork_2.gif) no-repeat center top;
}

.flowLine{
	background: transparent url(/res/coResourceImport/modules/infectiousdiseases_medicines/en-images/line.gif) no-repeat center bottom;
}
.flowUnbranchLeftFull{
	background: transparent url(/res/coResourceImport/modules/infectiousdiseases_medicines/en-images/flow_unfork_2_left_full.gif) no-repeat center top;
}
/* FLOW TABLE END */

.dataTable th{
	border-bottom:1px solid #999;
	padding:5px;
	vertical-align:top;

}

.dataTable td{
	padding:5px;
	vertical-align:top;
	border-bottom:1px dashed #999;
}

.imageRow{
	padding:5px 0px;
	clear:both;
	width:500px;
	margin:0 auto;
}

.imageRow img{
	float:left;
	
}

.imageRow p{
	float:left;
	text-align:left;
	width:300px;
	margin:0;
	padding:0px 0px 0px 10px;
}

.quiz_container_table{
	vertical-align:top;
	
}

.quiz_container_table td{
	vertical-align:top;
	padding:3px 3px;
	text-align:left;
}
.quiz_container_table th{
	vertical-align:top;
	padding:3px 3px;
	text-align:left;
}

.quiz_container_table td .quiz_drop{
	margin:0px 5px 0px 0px;
}

.quiz_container_table td .quiz_drop{
	margin:0px 5px 0px 0px;
}

.sortable{
	text-align:left;
	width:100%;
}
.sortItem{
	display:block;
	padding:3px 7px 3px 7px;
	margin:3px 0px 3px 3px;
	border:1px solid #ccc;	
	cursor:pointer;
	background:#fff;
}

.sortDrop{
	display:block;
	padding:3px 7px 3px 7px;
	margin:3px 0px 3px 3px;
	border:1px dashed #ccc;
	cursor:pointer;
	background:#eee;
	height: 1.3em; line-height: 1.1em;

}

.sortNumber{
	display:block;
	border:1px solid #fff;
	padding:3px 3px 3px 3px;
	margin:3px 0px 3px 3px;
	color:#187DD6;
}

.correctSortQuiz{
	color:green;
}

.incorrectSortQuiz{
	color:red;
}

.quizQuestionWrap{
	overflow:hidden;
	width:100%;
	padding:0px 0px 5px 0px;
}

.quizQuestionInput{
	width:25px;
	float:left;
}

.quizQuestionAnswer{
	width:295px;
	float:left;
}
.multiquestion{
	width:700px;
	overflow:hidden;
	padding:10px 0px 10px 10px;
	border-bottom:1px dashed #ccc;
}

.multiquestion .numberCol{
	width:25px;
	float:left;
	padding:0;
	color:#187DE4;
}

.multiquestion .leftCol{
	padding:0;
	width:255px;
}

.multiquestion .rightCol{	
	width:380px;
	
}

.multiquestion .explination{	
	display:none !important;;	
}

.multiquestion input{
	border:none !important;
	
}

.multiquestion .quizQuestionInput{
	padding-top:3px;
}

.multiquestion ul{
	list-style:none;
}

.multiquestion .correct{
	color:#53A200;
	font-weight:bold;
}

.multiquestion .wrong{
	color:#CB0000;
	font-weight:bold;
}
.multiquestion .neutral{
	color:#00aeef;
	font-weight:bold;
}

.multiquestion .answer{
	float:left;
	width:80%;
}
.multiquestion .tickCross{
	float:right;
	width:15%;
}