/* 
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 #C45903;
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 abbr, #wrapper acronym, #wrapper .help {
	border-bottom: 1px dotted #C45903;
	cursor: help;
	color:#F98600;
}

#wrapper a {
	color:#187DD6;
	text-decoration:underline
}

#wrapper a:hover{
	text-decoration:none;
}

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

#wrapper h2 {
	color:#FFFFFF;
}

#wrapper h3{
	font-size:1.4em;
	font-weight:normal;
	line-height:normal;
	margin:0;
	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;
}

#wrapper .list {
	list-style: none;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;	
	margin-bottom:15px;	
	border:1px solid #DADADA;
	border-bottom:none;
	position:relative;
}

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

#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;
}
/*
* html #wrapper  #sectionheader {
	height: 55px;
}*/

#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;
}
/*
* html #wrapper  .content_row_title {
	height: 34px;
}*/

#wrapper .content_row_title_holder{
	padding-left:14px;
	height:34px;
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_left.gif);
	background-repeat:no-repeat;
	width:717px;
	overflow:hidden;
	clear:both;
}

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

#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 {
	/*float:right;
	border-color:#DADADA;
	border-width:1px;
	border-style:solid;
	padding:5px;
	margin:5px;
	display:inline;*/
	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;
}
/*
* html #wrapper  .content_right_title {
	height: 34px;
}*/

#wrapper .content_right_title_holder{
	margin-top: 0px;
	float: left;
	width:361px;
	height: 34px;
	/*padding-left:14px;*/
	background-image: url(/res/coResourceImport/modules/en-images/section_backer_left.gif);
	background-repeat:no-repeat;
	margin-bottom:13px;	
	
}
/*
* html #wrapper  .content_right_title_holder{
	width: 358px;
}*/

#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;
}
/*
* html #wrapper .content_left_title {
	height: 34px;
}*/

#wrapper .content_left_title_holder{
	/*float:left;*/
	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;
}
/*
* html #wrapper .content_left_title_holder{
	width: 358px;
}*/

#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 #C45903;
	cursor: help;
	color: #F98600;
	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 #C45903;
	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 #C45903;
}

/* GLOSSARY STYLES END */

/* QUIZ/QUESTION STYLES */

.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: 280px;
}

.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%;
}

.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: #298DE5;
	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: #298DE5;
	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: #298DE5;
	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: #298DE5;
	display: block;
	background-color: #ffffff;
	border: solid #ababab 1px;
	z-index: 5;	
	padding:5px;
	/*padding:7px;*/
}


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



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


.quiz_drag7{
	
	width:120px;
	height:40px;
	display:block;	
	position: relative;
	cursor: pointer;
	color: #298DE5;
	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;	
	/*padding:7px;*/
}



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

#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;
}

.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: #298DE5;
	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_9{
	/*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 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;

	/*border: solid 1px red;*/
}

#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;
}
/*
* html .submenu_title_left {
	width: 267px;
}*/

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

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

.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 #298DE5;
	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: #298DE5;
}

.text_popup_item em{
	font-weight: bold;
	font-style: italic;
	color: #298DE5;
}



/* POPUP TEXT STYLES END */