/* CSS Document */

/* BS Submenu CSS */
/******************/
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/**********************/


body {
	background-color: #666;
}
#main_container {
	background-color: #FFF;
	border: 5px solid #338393; /* #006579 */
}
.container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.rlo_title {
	color: #666;
}
.center_back{
	background-color:#FFF;
	opacity:.9;
	padding: 3px 3px 0px 10px;
}
.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#tools{
	text-align:right;
	padding-right: 15px;
}
.supporting_text_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #6F6F6F;
	background-color:#6F6F6F;
	color:#fff;
}
.text_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #6F6F6F;
	background-color:#6F6F6F;
	color:#fff;
}
.narration_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #FFB900;
	background-color:#FFB900;
	color:#1F1F1F;
}
header{
	padding-top:5px;
	margin-bottom:5px;
	padding-left:15px;
	padding-right:15px;
}
header .school_title{
	padding-top:5px;
	font-size:180%;
	margin-bottom:0;
}
header  .rlo_title{
	font-size:120%;
	padding-bottom:0;
	margin-bottom:0;
}
html > body > div.container > nav#main_nav.navbar.navbar-default div{
	padding:0px;
}
html > body > div.container > nav#main_nav.navbar.navbar-default > div#bs-example-navbar-collapse-1.collapse.navbar-collapse > ul.nav.navbar-nav > li > a{
	padding:auto 5px;
}

#medsChart, #observationChart, #fluidChart1, #fluidChart2, .modal .alert{
	margin-bottom: 0px;
}

.nav {
	padding-left: 15px;
}
.main_nav{
	font-size:80%;
	position: relative;
	z-index: 1000;
	margin-bottom:12px;
}
nav.section_nav{
	padding:10px 15px;
}
nav.section_nav ul{
	list-style:none;
	padding:0;
	margin:0;
}
nav#main_nav ul li.alert-info{
	background-color:#DFF1FF;
}
.center img.img-responsive{
	margin:0 auto 5px auto;
}
.center iframe{
	margin:0 auto 5px auto;
	text-align:center;
	display:block;
	background-color:transparent;
}
.displayBkg {
	margin: 0 auto;
	/*width: 800px;*/
	/*min-height: 400px;*/
	/* height: 400px; */
	position: relative;
	background: #E1E8F5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AB5E4', endColorstr='#E1E8F5', GradientType=0);
	background: -webkit-gradient(linear, left top, left bottom, from(#9AB5E4), to(#E1E8F5));
	background: -webkit-linear-gradient(top, #9AB5E4 0%,#E1E8F5 100%);
	background: -moz-linear-gradient(top, #9AB5E4, #E1E8F5);
	background: -o-linear-gradient(top, #9AB5E4, #E1E8F5);
	background: -ms-linear-gradient(top, #9AB5E4 0%, #E1E8F5 100%);
	background: linear-gradient(to bottom, #9AB5E4 0%, #E1E8F5 100%);
}
.rounded-corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url(css/border-radius.htc);
	border-radius: 10px;
}
#caseIntroNote {
	background-color: #FFF;
	padding: 10px;
	border: 2px solid #006579;
}
.smallText {
	font-size: 0.75em;
	font-weight: bold;
}
article{
	/*
	clear:both;
	padding-top:10px;
	border:2px solid #3276B1;
	border-bottom:none;
	border-radius:10px 10px 0 0 ;*/
	/*margin-top:10px;*/
	min-height:415px;
	/*
	padding:10px;
	*/	
}	
/*article h1{
	margin: 15px;
	border-bottom: 1px solid #3276B1;
	font-size: 22px;
	color: #006579;
}*/

article h3 {
	font-size: 1.2em;
	color: #006579;
	text-align: center;
}

#mcv_hover, #vas_hover, #tis_hover {
	cursor: help;
}

#mcv_reveal, #vas_reveal, #tis_reveal {
	padding: 10px;
}
/*+ 35, + 15*/
.processText1 {
    z-index: 100;
    position: absolute;    
    left: 315px;
    top: 30px;
	display: none;
}
.processText2 {
    z-index: 100;
    position: absolute;    
    left: 435px;
    top: 70px;
	display: none;
}
.processText3 {
    z-index: 100;
    position: absolute;    
    left: 585px;
    top: 145px;
	display: none;
}
.processText4 {
    z-index: 100;
    position: absolute;    
    left: 800px;
    top: 220px;
	display: none;
}
.processText5 {
    z-index: 100;
    position: absolute;    
    left: 890px;
    top: 325px;
	display: none;
}
.processText6 {
    z-index: 100;
    position: absolute;    
    left: 170px;
    top: 170px;
	display: none;
}
.processText7 {
    z-index: 100;
    position: absolute;    
    left: 180px;
    top: 280px;
	display: none;
}
.processText8 {
    z-index: 100;
    position: absolute;    
    left: 590px;
    top: 350px;
	display: none;
}
.processText9 {
    z-index: 100;
    position: absolute;    
    left: 470px;
    top: 360px;
	display: none;
}
.processText10 {
    z-index: 100;
    position: absolute;    
    left: 620px;
    top: 175px;
	display: none;	
}
.processText11 {
    z-index: 100;
    position: absolute;    
    left: 290px;
    top: 300px;
	display: none;
}
.medsChartRedSection {
	color: #D00; 
}

.medsChartSmallRedType {
	color: #D00;
	font-size: 0.75em;	
}
#medsChart {
	border: 2px solid #006;
	background-color: #EAEAF4;
	/*border-collapse: collapse;*/
}
#medsChart td, th {
	border: 1px solid #036;
	padding: 2px;
}
#medsChart .tableHead {
	color: #036;
	font-size: 0.8em;
}
.medsCol {
	background-color: #FFDFDF;
}
.onceOnlyMeds {
	border-top: 2px solid #036; 
	border-left: none; 
	border-right: none; 
	border-bottom: 2px solid #036; 
	color: #D00; 
	text-align: center;
}
.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;
}
.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);
}
.obsChartBkg {
	background-color: #FEE0DD;
}
#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.90em;
	/*font-weight: normal;*/
}
#ewsCriteria td {
	border: 1px solid #000;
}
.obs_cell {
	height: 5px;
}
.setRowHeight {
	height: 50px;
}
.greyCell {
	background-color: #DDD;
}
#fluidChart1 .tableHead {
	background-color: #DDD;
	text-align: center;
}
#fluidChart1 td {
	border: 1px solid #000;
}
#fluidChart2 .tableHead {
	background-color: #DDD;
	text-align: center;
}
#fluidChart2 td {
	border: 1px solid #000;
}
.bloodResult {
	/*margin: 0px auto;*/
	border-collapse: collapse;
}
.bloodResult .tableHead {
	text-align: center;
	background-color: #A5D5E2;
}
.bloodResult td {
	text-align: center;
	color: #315582;
	border: 1px solid #000;
}
.bloodResult .handEntry {
	text-align: center;
	color: #000;
}
.oddRow {
	background-color: #FFF;	
}
.evenRow {
	background-color: #E1E8F5;
}
.bloodResult .oddRow {
	background-color: #D0D8E8;
	line-height: 0.9;
}

.bloodResult .evenRow {
	background-color: #E9EDF4;
	line-height: 0.9;
}
/* Popover */
.popover {
    border: 1px dotted black;
	width: 100%;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 0.875em; color: #000000;
	background-color: #A5D5E2;
  }
.popover-title { 
	background-color: #0424B9;
 	color: #EEE; 
	font-size: 14px;
	text-align: center;
}
.popover-content {
	background-color: #A5D5E2;
	color: #000;
	padding: 5px;
}
.arrow {
    border-right-color: black !important;
}
#bloodGasContainer, #urinalysisContainer {
	display: none;
	border: 1px solid #FFF;  /* small 'fix' needed to line up elements!*/
}

.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;
	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;
	border: 1px solid #000069;
	background-color: #000069; 
	color: #FFF;		
}

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

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

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

#incNormals td {
	border: none;
	text-align: left;
	padding: 0px 10px;
	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;	
}
/* End of Popover styles */
#accordion .panel-heading {
	padding: 0px;
}
#accordion .panel-heading a {
	font-weight: bold;
}
/* Custom buttons */
.btn-one {
    background: #79B6C7;
    color: #000;
}
.btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active, .open > .dropdown-toggle.btn-one {
    background: #52AEC7;
	color: #000;
}
.btn-one:active, .btn-one.active {
    background: #52AEC7;
    box-shadow: none;
	border: 1px solid #000;
}
.btn-two {
    background: #7FD2B7;
    color: #000;
}
.btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open > .dropdown-toggle.btn-two {
    background: #57D2A9;
	color: #000;
}
.btn-two:active, .btn-two.active {
    background: #57D2A9;
    box-shadow: none;
	border: 1px solid #000;
}
.btn-three {
    background: #B4E68B;
    color: #000;
}
.btn-three:hover, .btn-three:focus, .btn-three:active, .btn-three.active, .open > .dropdown-toggle.btn-three {
    background: #9CE65F;
	color: #000;
}
.btn-three:active, .btn-three.active {
    background: #9CE65F;
    box-shadow: none;
	border: 1px solid #000;
}
.btn-four {
    background: #EFEF91;
    color: #000;
}
.btn-four:hover, .btn-four:focus, .btn-four:active, .btn-four.active, .open > .dropdown-toggle.btn-four {
    background: #EFEF5A;
	color: #000;
}
.btn-four:active, .btn-four.active {
    background: #EFEF5A;
    box-shadow: none;
	border: 1px solid #000;
}
.btn-five {
    background: #F7C296;
    color: #000;
}
.btn-five:hover, .btn-five:focus, .btn-five:active, .btn-five.active, .open > .dropdown-toggle.btn-five {
    background: #F7A866;
	color: #000;
}
.btn-five:active, .btn-five.active {
    background: #F7A866;
    box-shadow: none;
	border: 1px solid #000;
}
.btn-six {
    background: #D5ABB8;
    color: #000;
}
.btn-six:hover, .btn-six:focus, .btn-six:active, .btn-six.active, .open > .dropdown-toggle.btn-six {
    background: #D5819C;
	color: #000;
}
.btn-six:active, .btn-six.active {
    background: #D5819C;
    box-shadow: none;
	border: 1px solid #000;
}
/* End of Custom buttons CSS */

/*footer{
	background-color: #BCD8E1;
	color: #000;
	border-top: 1px solid #0095A1;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 0.8em;
	/*
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:10px;
}*/

footer ul{
	margin-left: -15px;
	margin-top: -10px;
	padding: 0px;
	list-style:none;
}
footer p{
	margin-left: -15px;
	margin-bottom: 0px;
}
footer img{
	/*margin-top:5px;*/
}
footer a:link, footer a:visited{
	color: #00F;
}
footer a:hover{
	/*color: #428bca;*/
	text-decoration: underline;
}
.pop_up_hide{
	display:none;
}
.panel_current{
	display:block;
}
#supporting_image{
	position:relative;
}
#pop_up_panel{
	position:absolute;
	top:0;
	margin:70px auto 0 auto;
}

/* START Quiz styling */
.btn{
	white-space: normal;
}
#statements{
	text-align:center;
	padding:0;
	margin:0;
}
#statements li{
	margin-bottom:10px;
	list-style:none;
}
#statements li a{
	width:80%;
}
.results{
	font-size:160%;
}
#video_holder{
	text-align:center;
	
}
#video_holder iframe{
	margin: 0 auto;
}
/* END Quiz styling */

@media(max-width:991px){
	#tools span.tool_text{
		display:none;
	}
}

@media(max-width:767px){
.btn-block {
	display: block;
	width: 90%;
	margin: auto;
}
header{
	display:none;
}
#tools{
	background-color:#999;
	padding:2px;
	text-align:center;
	float:none!important;
	position:fixed;right:0;left:0;z-index:1030;/*top:20px;*/
}
#tools span.tool_text{
	display:none;
}
#small_screen_menu_container{
	margin-top:20px; /*40px*/
}
#small_screen_menu_container p.rlo_title{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	/*background-color:#333;
	color:#fff;
	font-size:110%;
	position:fixed;right:0;left:0;top:0;z-index:1020;*/
}
#small_screen_menu{
	list-style:none;
	padding:0;
	margin:0;
}
#small_screen_menu li{
	padding:0;
	margin:0 0 5px 0;
}
#section_nav li a{
	width:48%;
}
article{
	border:none;
}
article h1{
	text-align:center;
	font-size:120%;
	padding-bottom:10px;
	border-bottom-width:2px;
}
#doc_top_btn{
	margin:20px 10px;
}
footer div.text-right{
	text-align:center;
	margin-top:20px;
}
footer{
	text-align:center;
}
footer #footer_uon p{
	padding-top:25px;
	padding-bottom:20px;
	font-size:115%;
	}
}