@charset "utf-8";
/**************************************************************
// 	Filename: "default.css"
//	Document Type: Cascading Style Sheet
// 	Created by: James Henderson
// 	Date: 16th January 2013
**************************************************************/

body {
	padding: 0px;
	margin: 0px;
	background-color: #666;
}

#wrapper {
	margin: 0px auto;
	width: 990px;
	background: #006579;
	border: 5px solid #338393;
}

.meter { 
	height: 5px;  /* Can be anything */
	margin-bottom: 5px;	
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 2px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	behavior: url(css/border-radius.htc);
    border-radius: 20px;
}

.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.tooltip {
	border-bottom: 1px dotted #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
	
}
.tooltip span {
	margin-left: -999em;
	margin-top: -100px;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 0.875em; color: #000000;
	/*position: absolute; left: 1em; top: 2em; z-index: 99;*/
	position: fixed; left: 950px; top: 430px; z-index: 99;
	margin-left: 0; width: 300px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0; color: #000000;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; text-align: left; }
* html a:hover { background: transparent; }
.info { background: #A5D5E2; border: 1px solid #2BB0D7; color: #000000; }

ul.MenuBarHorizontal a
{
	background-color: #006579;
	color: #EEE;
	text-decoration: none;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #0095A1;
	color: #FFF;
}

/* sets each current page link bold */
#index_page #index_link,
#overview_page #overview_link,
#caseintro_page #caseintro_link,
#aims_page #aims_link,
.info_page1 #info_link,
#info_page2 #causes_link,
#info_page3 #physiology_link,
#info_page4 #physioproc_link,
#info_page5 #sirscrit_link,
#info_page6 #severe_link,
.case_detail #casedetail_link,
#observation_chart #obschart_link,
#medicine_chart #medschart_link,
#fluid_chart #fluidchart_link,
#blood_result #bloodres_link,
#arterial_bloodgas #arterialbg_link,
.case_update #caseupdate_link,
#sirs_diagnosis #sirsdiagnosis_link,
#severity_diagnosis #severitydiagnosis_link,
#physiology_effects #physiologyeffects_link,
#sepsis_six #sepsissix_link,
#giving_fluids #givingfluids_link,
.patient_priorities #priorities_link,
#ews_system #ewssystem_link,
#sho_arrival #shoarrival_link,
#reg_review #regreview_link,
#ward_round #wardround_link,
#conclusions #conclusions_link,
#output_page #output_link
{
	font-weight: bold;
}

#overview_page #overview_link,
.info_page1 #info_link,
.case_detail #casedetail_link,
.case_update #caseupdate_link,
.patient_priorities #priorities_link
{
	background-color: #DDD;
}

header {
	background: url(../images/facultyColourCurve.png) top right;
	background-repeat: no-repeat;	
	background-color: #FFF;
	clear: both;
	padding: 10px;
	min-height: 105px;
	max-height: 105px;
	border-top: 1px solid #338393;
	position: relative;
	margin-top: 0px;
}

header h1 {
	margin-top: 25px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color:#000;
}

header h2 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #006579;
}

#content {
	border: none;
	background-color: #FFF;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 435px;
	max-height: 435px;
	position: relative;
	overflow: auto;
}

#content h1 {
	margin-top: 25px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color:#000;
}

#content h2 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #006579;
}

#content h3 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #006579;
	text-align: center;
}

.introText {
	margin-top: 0px;
}

.displayBkg {
	margin: 0 auto;
	width: 800px;
	min-height: 400px;
	/*height: 400px;*/
	position: relative;
	background: #E1E8F5; /* Older browsers with no CSS3 support */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AB5E4', endColorstr='#E1E8F5', GradientType=0); /* for IE 6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#9AB5E4), to(#E1E8F5)); /* for Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top,  #9AB5E4 0%,#E1E8F5 100%); /* Chrome 10+, Safari 5.1+ */		
	background: -moz-linear-gradient(top,  #9AB5E4,  #E1E8F5); /* for FireFox 3.6+ */ 
	background: -o-linear-gradient(top, #9AB5E4, #E1E8F5);/* for Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9AB5E4 0%, #E1E8F5 100%); /* IE 10+ */	
	background: linear-gradient(to bottom,  #9AB5E4 0%, #E1E8F5 100%); /* W3C */	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhYjVlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU4ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);		*/
}

.displayText {
	position: absolute;
	top: 40%; 
	height: 10em; 
	margin-top: -5em;
	padding: 30px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1.1em;
}

.displayText ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
/*	list-style-type: square;*/
}

.displayText li {
	padding: 3px;
}

.topRightLogo {
	padding: 15px 30px;	
	height: 139px; 
	width: 146px; 
	float: right; 
}

.leftPanel {
	padding: 10px;
	width: 47%;
	border: 1px solid #000;
	float: left;
}

.inputBox {
	min-height: 320px; 
	background-color: #EEE; 
	border: 1px solid #CCC;
}

#check {
	display: none;
}

.mcqBox {
	min-height: 320px; 
	background-color: #F9F5D3; 
	border: 1px solid #CCC;
}

.mcqRadioBtn {
	border: none; 
	margin-left: 5%;
}

.rightPanel {
	padding: 10px;
	width: 47%;
	border: 2px solid #006579;
	float: right;
	visibility: hidden;
}

.rightPanel img {
	padding-top: 10px;
}

#answerPanel {
	min-height: 318px;
}

.thirds {
	margin-top: -10px;
	text-align: center;
	width: 32%; 
	float: left;
}

.fifths {
	margin-top: -10px;
	text-align: center;
	width: 20%; 
	float:left;	
}

#topLeft, #topRight, #bottomRight, #bottomLeft {
	margin-top: 5px;
	border: 1px dotted #4a7ebb;
	visibility: hidden;
}

.bottomPanel {
	clear: both;
}

#left {
	 width: 47%; 
	 min-height: 100px; 
	 background-color: #F9F5D3; 
	 float: left; 
	 padding: 10px;
}

#right {
	width: 47%; 
	min-height: 100px; 
	background-color: #F9F5D3; 
	float: left; 
	padding: 10px;
}

#left span, #right span {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: red;
}

#leftC {
	 width: 47%; 
	 min-height: 100px; 
	 float: left; 
	 padding: 10px;
}

#rightC {
	width: 47%; 
	min-height: 100px; 
	float: left; 
	padding: 10px;
}

.carousel ul {
	padding: 0px; 
	margin-left: 20px;
}

#sepsisInfoIcon {
	height: 44px; 
	width: 49px; 
	padding-right: 20px;
}

#sepsisMsg {
	padding: 20px; 
	border: 1px solid #006579; 
	width: 50%; 
	margin: 15px auto;
	background-color: #E2F1F1;
}

#refList {
	margin: 0px auto; 
	padding: 0px 20px;
}

#welcomeMsg {
	border: 2px solid #006579;
	background-color: #FFF;
	position: absolute;
	top: 40%;
	height: 12em; 
	width: 75%;
	margin-top: -2.5em;
	padding: 10px;
	visibility: hidden;
}

#aimsList {
	margin-left: 12%;
	margin-top: 5%;
}

#caseIntroNote {
	background-color: #FFF; 
	padding: 10px; 
	border: 2px solid #006579;
}

#concP2Left {
	margin-top: 10px;
	margin-right: 3%; 
	padding: 1%; 
	min-height: 200px; 	
	width: 45%;
	background-color: #EEE; 
	float: left;
	border: 1px solid #CCC;
}

#concP2Right {
	margin: 10px auto;
	padding: 1%; 
	width: 45%; 
	min-height: 180px;	
	background-color: #FFF; 
	border: 2px solid #006579;  
	font-size: 1em; 
	/*float: left;	*/
}

#conclusionMsg {
	margin: 10px auto;
	padding: 1%; 
	width: 80%; 
	min-height: 180px;	
	background-color: #FFF; 
	border: 2px solid #006579;  
	font-size: 1em; 
	/*float: left;	*/
}

#concP2Right h3 {
	font-size: 1em; 
	margin-top: 50px;
}

#leftBox {
	width: 20%;
}

#rightBox {
	width: 70%; 
	float: right;
}

.response {
	background-image: url(../images/response.png);
	background-repeat: no-repeat;
	height: 325px;
	padding-top: 14%;
	padding-left: 11%;
	padding-right: 27%;
}

#feedbackList {
	list-style: square;
}

#feedbackList li {
	padding: 10px 0px;
}

#shoDecisionList li {
	padding: 5px 0px;
}

#handoverNotice {
	display: block;
	width: 550px; 
	min-height: 325px; 
	float: left;
}

#section1, #section2, #section3, #section4, #section5, #section6 {
	width: 550px; 
	min-height: 325px;
	float: left;
	display: none;	
}

#section1 {	border-left: 5px solid #4DADC7; }
#section2 { border-left: 5px solid #4BD2A4; }
#section3 { border-left: 5px solid #49DC59; }
#section4 { border-left: 5px solid #8EE648; }
#section5 { border-left: 5px solid #EEEF48; }
#section6 { border-left: 5px solid #F79748; }

#firstPanel, #secondPanel, #thirdPanel {
	text-align: left;
	min-height: 215px;
	margin: 1px;
}

#fourthPanel, #fifthPanel, #sixthPanel {
	text-align: left;
	min-height: 200px;
	margin: 1px;
}

.regReviewImgContainer {
	float: left; 
	width: 40%;
}

.clockContainer {
	float: left; 
	width: 12%; 
}

#selectedClock {
	border-left: 1px solid #4f81bd; 
	border-right: 1px solid #4f81bd;
}

.chartButtonsContainer {
	margin-top: 20px;
	width: 50%; 
	text-align: center; 
	border: 0px solid #000; 
	height: 30px; 
	float: left;
}

.medsChartRedSection {
	color: #D00; 
}

.medsChartSmallRedType {
	color: #D00;
	font-size: 0.75em;	
}

.onceOnlyMeds {
	border-top: 2px solid #036; 
	border-left: none; 
	border-right: none; 
	border-bottom: 2px solid #036; 
	color: #D00; 
	text-align: center;
}

#bloodGasContainer, #urinalysisContainer {
	display: none;
	border: 1px solid #FFF;  /* small 'fix' needed to line up elements!*/
}

#normalValues {
	display: none;
}

.bloodGasReceipt {
	background: url(../images/receiptTop.png), url(../images/receiptEdge.png); 
	background-position: top, bottom right;
	background-repeat: repeat-x, no-repeat;
	padding: 5px 0px;
	margin: 0px auto;
	text-align: center;
	width: 50%;
	background-color: #FFF;	
	border: 1px solid #006;
	color: #006;	
}

.bloodGasReceipt p {
	color: #006;
}

.bloodGasNormals {
	background: url(../images/receiptTop.png);
	background-position: top;
	background-repeat: repeat-x;
	padding: 5px 0px;
	margin: 0px auto;
	text-align: center;
	width: 98%;
	border: 1px solid #000069;
	background-color: #000069; 
	color: #FFF;		
}

.bloodGasNormals p {
	background-color: #000069; 
	color: #FFF;	
}

.bloodGasNormals td {
	background-color: #000069; 
	color: #FFF;	
}

.urinalysisReceipt {
	background: url(../images/receiptTop.png), url(../images/receiptEdge.png); 
	background-position: top, bottom right;
	background-repeat: repeat-x, no-repeat;
	margin: 0px auto;
	padding: 5px 20px;
	text-align: left;
	width: 60%;
	background-color: #FFF;	
	border: 1px solid #006;
	color: #006;		
}

.urinalysisReceipt p {
	color: #006;
}

#bloodGas {
	margin: 0 auto;
	border: none;
	width: 90%;
}

#bloodGas td {
	border: none;
	text-align: left;
	padding: 0px 10px;
	color: #006;	
}

#incNormals {
	margin: 0 auto;
	border: none;
	width: 49%;
	background-color: #000069;
}

#incNormals td {
	border: none;
	text-align: left;
	padding: 0px 10px;	
	background-color: #000069;
	color: #FFF;
}

#urinalysis {
	margin: 0 auto;
	border: none;
	width: 60%;
	color: #006;
}

#urinalysis td {
	border: none;
	text-align: left;
	padding: 0px 10px;
	color: #006;	
}

.sectionTopLeft {
	position: absolute;
	display: none;
	width: 100px;
	height: 100px;
}

.leftHalf {
	width: 50%; 
	top: 25%;
}

.rightHalf {
	float: right; 
	overflow: auto; 
	height: 70%; 
	width: 35%; 
	position: relative; 
	top: 35%;
}

.smallText {
	margin-top: -10px;
	font-size: 0.6em;
	font-weight: bold;
}

.redText { 
	color: #F00;
	font-weight: bold;	
}

.underline {
	text-decoration: underline;
}

.greenText {
	color: #009900; 
	font-weight: bold;
}

.centerText {
	text-align: center;
}

.tone1 { background-color: #C3F1FF; }
.tone2 { background-color: #C3FFFA; }
.tone3 { background-color: #C3FFDE; }
.tone4 { background-color: #C3FFCB; }
.tone5 { background-color: #CAFFC3; }
.tone6 { background-color: #FFFFCC; }
.tone7 { background-color: #FFF3C2; }
.tone8 { background-color: #FFDEC3; }
.tone9 { background-color: #EBFFC2; }
.tone10 { background-color: #FFFFC3; }
.tone11 { background-color: #FFEDC8; }
.tone12 { background-color: #FFD3C3; }

#cardiacMonitor {
	border: 1px solid #000; 
	border-collapse: collapse;
}

#cardiacMonitor td {
	border: 1px solid #000; 
}

#prioritiesTable td {
	padding: 5px;	
}

#noteBox {
	padding: 10px;
	background-color: #EEECE1; 	
	border: 1px solid #CCC;	
}

#icontray {
	background-color: #FFF;
	border-bottom: 1px solid #338393;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

#bgResult td {
	width: 50%;
}

.posLeft {
	float: left;
}

.posRight {
	float: right;
}

.sirsTable {
	margin: -5px auto;
	width: 90%;
	border-bottom: 1px none #000;
}

.sirsTable .tableHead {
	border: none;
}

#medsChart {
	border: 2px solid #006;
	background-color: #EAEAF4;
	/*border-collapse: collapse;*/
}

#medsChart td, th {
	border: 1px solid #036;
}

#medsChart .tableHead {
	color: #036;
	font-size: 0.8em;
}

#bloodResult {
	/*margin: 0px auto;*/
	border-collapse: collapse; 
	width: 75%;
}

#bloodResult .tableHead {
	text-align: center;
	background-color: #A5D5E2;
	text-align: center;
}

#bloodResult td {
	text-align: center;
	color: #315582;
	border: 1px solid #000;
}

#bloodResult .handEntry {
	text-align: center;
	color: #000;
}

#fluidChart .tableHead {
	background-color: #DDD;
	text-align: center;
}

#fluidChart td {
	border: 1px solid #000;
}

#observationChart {
}

#observationChart td {
	border: 1px solid #000;
}

#observationChart ul {
	margin-top: 10px;
	padding: 0px;
}

#observationChart li {
	list-style: none;
	margin-top: 5px;
	padding-top: 0px;
}

#observationChart .handEntry {
	font-size: 0.9em;
}

#ewsCriteria td {
	border: 1px solid #000;
}

.obs_cell {
	height: 16px;
}

.setRowHeight {
	height: 50px;
}

.medsCol {
	background-color: #FFDFDF;
}

.handEntry {
	font-family: "Bradley Hand ITC";
	font-size: 1.15em;
	font-weight: bold;
}

.tableHead {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.diagonalLine {
	background: url(../images/diagLine.png) no-repeat center;
	text-align: right; 
	padding-right: 15px; 
	padding-top: 20px;
}

.oddRow {
	background-color: #FFF;
}

.evenRow {
	background-color: #E1E8F5;
}

.paddedRow {
	padding: 5px;
}

#bloodResult .oddRow {
	background-color: #D0D8E8;
}

#bloodResult .evenRow {
	background-color: #E9EDF4;
}

#fluidChart h2 {
	color: #000000;
}

.greyCell {
	background-color: #DDD;
}

.time {
	margin: 0;
	padding-right: 10px;
	text-align: center;
}

#bubbleText1 {
	margin-top: 110px; 
	margin-left: 20px; 
	margin-right: 20px;
	padding: 0px 25px;
}

#bubbleText2 {
	 margin-top: 20px; 
	 margin-left: 40px; 
	 padding: 0px 30px;
}

.correctMsg {
	display: none;
    color: #009900;
    font-weight: bold;
	text-align: center;
	font-size: 1em;
}

.incorrectMsg {
	display: none;
	color: #F00; 
	font-weight: bold;
	text-align: center;
	font-size: 1em;	
}

.warningMsg {
	margin-top: 20px;
	padding: 15px 0px;
	background-color: #FDD; 
	color: #F00;
	min-height: 100px;
	width: 500px;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #F00;
}

.warningMsg img {
	float: left;
	padding: 15px;
}

.warningMsg p {
	margin-top: 30px;
}

.registrarImg {
	margin-top: -10px;		
	padding: 10px;
	height: 180px; 
	width: 310px; 
	float: left;
}

.answerIcon {
	display: none;
	height: 24px;
	width: 26px;
}

#femalePatientImg {
	float: left; 
	padding: 10px 20px;
}

.question {
	list-style: none;
	padding: 20px;
	border: 1px solid #AAA;
	border-radius: 15px;
	width: 70%;
	margin-left: 20%;
}

#question1 { background-color: #E4F6D2; }
#question2 { background-color: #D3F0EA; }
#question3 { background-color: #E8E6FF; }

#questionList {
	margin-top: 0px;	
	padding: 0px; 
}

#questionList li {
	margin: 0px; 
	padding: 15px 20px;
}

#subList {
	font-size: 1em; 
	margin-left: 30px; 
	margin-top: -10px; 
	width: 70%; 
	list-style: disc;
}

#subList li {
	margin: 0px;
	padding: 0px;
}

.answer {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 1em;
	width: 70%;
}

.printLogo {
	display: none;
}

.Heading {
	margin-top: 0px;
	text-align: center;
	font-size: 0.90em;
	font-weight: bold;
}

.box-shadow {
	box-shadow: 10px 10px 5px #888888;
}

#instructions .leftPanel {
	border: 1px solid #BBB;
	background-color: #DDD;
	width: 60%;
	min-height: 360px;
}

#instructions .rightPanel {
	visibility: visible; 
	width: 35%; 
	border: 1px solid #FBB; 
	background-color: #FDD;
	min-height: 360px;
}

#begin {
	display: none;
}

a {
	color: #00F;
}

p, td, ul, ol, th, blockquote {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.875em;
	color: #000;
}

#scoreText {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.875em;
}

span {
	font-size: 1em;
}

img {  
	border-style: none;
}

img.hcenter {   
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

.hcenter {   
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

.vcenter {   
	min-height: 10em;   
	display: block;   
	vertical-align: middle;  
	padding: 10px;
}

#respAcid, #respAlka, #metaAcid, #metaAlka {
	padding: 1px 3px; 
	cursor: pointer;
}

.obsChartBkg {
	background-color: #FEE0DD;
}

.clear {
	clear: both;
}

/*
.vcenter p {
	padding: 5px 50px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1.1em;
}

.vcenter ul {
	padding: 5px 100px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1.1em;
	list-style-type: square;
}

.vcenter li {
	padding: 5px;
}
*/

#certificate {
	text-align: center;
}

#certificate span {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #006579;
	text-align: center;
}

.infoBlock {
	text-align: left;
	padding: 25px; 
	background-color: #EEE;
	display: none;
}

.infoBlock2 {
	margin-top: 50px;
	padding: 20px;
	text-align: left;
	background-color: #EEE;
	display: none;
	width: 60%;
}

.sepsis1Bkg {
	background: #D8ECEF;
}

.sepsis2Bkg {
	background: #D3F0EA;
}

.sepsis3Bkg {
	background: #D2F2D5;
}

.sepsis4Bkg {
	background: #E4F6D2;
}

.sepsis5Bkg {
	background: #F9F5D3;
}

.sepsis6Bkg {
	background: #FBDFD3;
}

#mcv_hover, #vas_hover, #tis_hover, #cap_hover, #dic_hover {
	font-size: 1em;
	cursor: help; 
}

#startSeq {
	margin-top: 20%;
}

.sequencedImg1 {
	display: none;
}

.sequencedImg2 {
	display: none;
	margin-top: 10px;	
}

.processText1 {
    z-index: 100;
    position: absolute;    
    left: 170px;
    top: 15px;
	display: none;
}

.processText2 {
    z-index: 100;
    position: absolute;    
    left: 295px;
    top: 60px;
	display: none;
}

.processText3 {
    z-index: 100;
    position: absolute;    
    left: 450px;
    top: 130px;
	display: none;
}

.processText4 {
    z-index: 100;
    position: absolute;    
    left: 665px;
    top: 210px;
	display: none;
}

.processText5 {
    z-index: 100;
    position: absolute;    
    left: 750px;
    top: 320px;
	display: none;
}

.processText6 {
    z-index: 100;
    position: absolute;    
    left: 20px;
    top: 155px;
	display: none;
}

.processText7 {
    z-index: 100;
    position: absolute;    
    left: 16px;
    top: 265px;
	display: none;
}

.processText8 {
    z-index: 100;
    position: absolute;    
    left: 460px;
    top: 340px;
	display: none;
}

.processText9 {
    z-index: 100;
    position: absolute;    
    left: 255px;
    top: 360px;
	display: none;
}

.processText10 {
    z-index: 100;
    position: absolute;    
    left: 460px;
    top: 165px;
	display: none;	
}

.processText11 {
    z-index: 100;
    position: absolute;    
    left: 130px;
    top: 305px;
	display: none;
}

.sepsisList {
	list-style: none;
}

.sepsisList li {
	height: 44px;
	width: 90%;
}

.sepsisIcon {
	height: 44px;
	width: 47px;
	vertical-align: top;
}

.rightPanel .sepsisIcon {
	padding-top: 0px;
	padding-right: 5px;
	vertical-align: middle;
}

.sepsisIconSml {
	height: 33px;
	width: 35px;
}

.sepsisInput {
	height: 25px;
	width: 85%;
	vertical-align: top;
}

.fluidsText {
	text-align: center;
/*	margin: 0 10%;*/
	padding: 0px 10px;
	border: 1px solid #FFF;
	height: 10%;
}

#fluidsText1 { background-color: #E0F8FF; }
#fluidsText2 { background-color: #E6F3FF; }
#fluidsText3 { background-color: #ECEFFF; }
#fluidsText4 { background-color: #F2EAFF; }
#fluidsText5 { background-color: #F9EAFF; }
#fluidsText6 { background-color: #FDE8FF; }

#aside {
	margin: 0 auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	height: 20px;
	background-color: #FF9;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

#aside img {
	border-style: none;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

footer {
	background: url(../logos/NUH-col-A4-RGB.png) no-repeat right;
	background-color: #BCD8E1;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.7em;
}

footer p {
	margin: 0px;
	padding: 10px;
	text-align:left;
}

/*For the DIV header and footer class on the certificate page*/
.header {
	background: url(../images/facultyColourCurve.png) top right;
	background-repeat: no-repeat;	
	background-color: #FFF;
	clear: both;
	padding: 10px;
	min-height: 105px;
	max-height: 105px;
	border-top: 1px solid #338393;
	position: relative;
	margin-top: 0px;
}

.header h1 {
	margin-top: 25px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color:#000;
}

.header h2 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #006579;
}

.footer {
	background: url(../logos/NUH%20col%20A4%20RGB.png) no-repeat right;
	background-color: #BCD8E1;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.7em;
}

.footer p {
	margin: 0px;
	padding: 10px;
	text-align:left;
}
/*---------------------*/

img.displayBoxImg {
	float: left;
	padding: 20px;
}

img.navigate {
	float: right;
	margin-left: 5px;
	border: none;
}

#ews8, #ews9, #ews10, #ews11, #ews12, #ews13, #ews14, #ews15 {
	border: none;
	cursor: pointer;
}

input.navigate {
	float: right;
	margin-left: 5px;
	border: none;
}

img.toolbar {
	border: none;
}

/*
.userOutput {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1em;
}
*/
/*----- Specific style elements for Form -----*/

form fieldset {
	margin-bottom: 10px;
}

form legend {
	padding: 0px 2px;
	font-weight: bold;
	font-size: 0.8em;
}

form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.875em;
}

form fieldset ol {
	margin: 0px;
	padding: 0px;
}

form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0px;
}

form fieldset fieldset {
	border: none;
	margin: 3px 0px 0px;
}

form fieldset fieldset legend {
	padding: 0px 0px 5px;
	font-weight: normal;
}

form fieldset fieldset label {
	display: block;
	width: auto;
}

form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form label {
	width: 80%;
}

form fieldset fieldset label {
	margin-left: 123px;
}