/* Designed and Created by: By Kevin Knipe */
/* Copyright (c) 2009. Vital Signs. All rights reserved. */
/* The grids.css controls the look, feel and positioning of all of the medication color grids */

/*********************************************************************************/
/* The top section of sytle sheets control the image diagrams on all of the RSI pages */

.blank-cell {
		border-top:none!important;
		border-left:none!important;
		border-bottom:none!important;
		background-color:#FFFFFF!important;
}

.grid-break {height:35px;}
.rsi-grid {width:540px; margin:5px 0 0 0;}
.rsi-grid img {padding:0;margin:0;}
td.rsi-col_blank {width:240px;font-size:14px; line-height:18px; padding:8px 0 0 20px;}

.rsi-grid td {
	padding:0 0 0 5px;
 	margin:0;
	text-align:left;
	font-weight:normal;
	letter-spacing:1px;
	font-weight:700;
	color:#003399;	
}

/* col 1 style sheet controls the right side of the diagrams */
.col_1 {

	float:left; 
	clear:left; 
	text-align:left; 
	width:130px;
	padding:20px 0 0 5px;
	margin:0;
	font-size:12px;
	line-height:18px;
}

.detail {color:#e21e27; font-weight:bold;}
/* ----------------------------- These style sheet controls all of the diagrams */
td.rsi-col_left{
	font-size:12px;	
	padding:0px 0 10px 25px;	
	background-image:url(../images/rsi/bracket.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:70px;
	width:393px;	
}

td.rsi-col_left#mid{
	font-size:12px;	
	padding:8px 0 0 25px;
	vertical-align:text-top;
	background-image:url(../images/rsi/bracket_100.png);
	background-repeat:no-repeat;
	background-position: left;
	height:100px;
}

td.rsi-col_left#large{
	font-size:12px;	
	padding:8px 0 0 25px;
	vertical-align:text-top;
	background-image:url(../images/rsi/bracket_120.png);
	background-repeat:no-repeat;
	background-position: left;
	height:130px;
}

td.rsi-col_left#larger{
	background-image:url(../images/rsi/bracket_140.png);
	background-repeat:no-repeat;
	background-position: left;
	height:140px;
}

td.rsi-col_left#large170{
	background-image:url(../images/rsi/bracket_170.png);
	background-repeat:no-repeat;
	background-position: left;
	height:170px;
}

td.rsi-col_left#large190{
	background-image:url(../images/rsi/bracket_190.png);
	background-repeat:no-repeat;
	background-position: left;
	height:190px;
}

td.rsi-col_left#large210{
	background-image:url(../images/rsi/bracket_210.png);
	background-repeat:no-repeat;
	background-position: left;
	height:210px;
}

td.rsi-col_left#large250{
	background-image:url(../images/rsi/bracket_250.png);
	background-repeat:no-repeat;
	background-position: left;
	height:250px;
}

td.rsi-col_left strong {color:#CC0000; font-size:13px;}
.small-txt {font-size:11px; color:#FF0000;}
.small-txt2 {font-size:11px; color:#003399; line-height:12px;}

/* These style sheets control the look and feel of the color grids */


.blank {
	background-color:#FFFFFF!important;
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	border-left:none;
}

/* ---------------------------- This style sheet contros the white text box on the top of the color coded grid */
.dose-box {
	background-color:#FFFFCC!important;
	vertical-align:middle;
	border:2px solid #000;
}

/* ---------------------------- These style sheets control the white text on the top blue bar */
.dose-txt {
	color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-size:10pt;	
}

/* ----------------- These style sheets control the white text on the right hand side of the top blue bar */
.dose-txt2 {
	color:#FFFFFF;
	text-align:right;
	padding-right:5px!important;
	vertical-align:middle;
	font-size:10pt;	
	letter-spacing:0;
}

.dose-txt2#small {font-size:10pt;}

.grid-border td{
	border:1px solid #555555;
	color:#000000;	
	vertical-align:middle;	
	text-align:center;
	font-size:9pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
	width:53px;
	line-height:10pt;	
}

/* ------------- This style sheet was created for the glucose pages in the DKA section since they onlyh use one td cell */
.grid-border2 td{
	border:1px solid #555555;
	color:#000000;	
	vertical-align:middle;	
	text-align:center;
	font-size:11pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
}
/* End of this style sheet */

.grid-border-btm td{
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:2px solid #555555;
	border-left:1px solid #555555;
	color:#000000;	
	vertical-align:middle;	
	text-align:center;
	font-size:9pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
	width:53px;
	line-height:10pt;	
}

.grid-border-mid td{
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:none;
	border-left:1px solid #555555;
	color:#000000;	
	background-color:#f0efe3;
	vertical-align:middle;	
	text-align:center;
	font-size:9pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
	width:53px;
	line-height:10pt;	
}

.grid-border-mid2 td{
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	border-left:1px solid #555555;
	color:#000000;	
	background-color:#eff4fc;
	vertical-align:middle;	
	text-align:center;
	font-size:9pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
	width:53px;
	line-height:10pt;	
}
.grid-border-mid3 td{
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	border-left:1px solid #555555;
	color:#000000;	
	background-color:#f0efe3;
	vertical-align:middle;	
	text-align:center;
	font-size:9pt;
	font-weight:700;
	letter-spacing:1px;
	padding:0 3px 0 3px;
	width:53px;
	line-height:10pt;	
}

.grid-border-mid#end td{
	border-top:none;
	border-right:1px solid #555555;
	border-bottom:2px solid #555555;
	border-left:1px solid #555555;
}

.grid-border-mid#end2 td{
	border-top:1px solid #555555;
	border-right:1px solid #555555;
	border-bottom:2px solid #555555;
	border-left:1px solid #555555;
	background-color:#FFFFFF;
}

.grid-border#red td{
	color:#d40237!important;
	background-color:#FFFFFF;
	border-bottom:2px solid #000000!important;
}	
.grid-border2#red td{
	color:#d40237!important;
	background-color:#FFFFFF;
	border-bottom:2px solid #000000!important;
}
.grid-dose b {font-size:11px!important;}
.grid-dose-btm b {font-size:11px!important;}

.grid-dose {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#FFFFCC!important;
	border-top:1px solid #555555;
	border-right:2px solid #555!important;
	border-bottom:2px solid #555555!important;
	border-left:3px solid #555555!important;
}
.grid-dose-mid b {font-size:11px!important;}
.grid-dose-mid {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#ffffff!important;
	border-top:1px solid #555555;
	border-right:2px solid #555!important;
	border-bottom:none!important;
	border-left:3px solid #555555!important;
}

.grid-dose-mid2 {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#eff4fc;
	border-top:none;
	border-right:2px solid #555!important;
	border-bottom:1px solid #555555;
	border-left:3px solid #555555!important;
}

.grid-dose-mid3 {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#FFFFFF !important;
	border-top:none;
	border-right:2px solid #555!important;
	border-bottom:1px solid #555555;
	border-left:3px solid #555555!important;
}
.grid-dose-btm {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#ffffff!important;
	border-top:none!important;
	border-right:2px solid #555!important;
	border-bottom:2px solid #555555;
	border-left:3px solid #555555!important;
}
.grid-dose-end b {font-size:11px!important;}
.grid-dose-end {
	font-size:13px!important;
	line-height:16px!important;
	width:115px!important;
	background-color:#FFFFCC!important;
	border-top:2px solid #555!important;
	border-right:2px solid #555!important;
	border-bottom:2px solid #555555;
	border-left:3px solid #555555!important;
}

.grid-table {
	padding:0;
	margin:10px 0 10px 0;
}

.grid-row td{
	background-color:#1b3f95;
	padding:0 0 0 8px;
	line-height:12pt;
}

.grid-row-blank td{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	background-color:#fdf8ef;
	padding:4px 4px 4px 8px;
	border:1px solid #804000;
}


.title {
	color:#1b3f95;
	vertical-align:middle;
	font-size:12px!important;
	font-weight:700!important;
	text-align: left;
	background-color:#FFFFFF!important;
	border:3px solid #FF0000;
}

.red-b {
	border:1px solid #CC0000;
	padding:8px;
	text-align:left;
	width:285px;
	margin-right:4px;
}	

/* -------------------------------------- These style sheets control the look and feel of the infussion grids */
.ref-grid td {
	border:1px solid #555555;
	color:#000000;	
	vertical-align:middle;	
	text-align:center;
	font-size:8pt;
	font-weight:700;
	letter-spacing:1px;
	line-height:14px;
	padding:0 3px 0 3px;
}

.ref-grid { 
	border:1px solid #333;
	width:760px;
	background-color:#ffffff;
	margin:0 0 15px 0;	
}

.prep-warning {
	font-weight:bold;
	font-size:10pt;
	border-top:1px solid #000000;
	padding:2px 0 2px 10px;
}
div.prep-warning strong{color:#1169d6;}

.header-box {
	background-color:#000000;
	width:100%;
	color:#FFFFFF;
	vertical-align:top;
	text-align:center;
	height:65px;
	padding-top:5px;
	font-size:13px;
	line-height:32px;
}

/* These style sheets control the infussion grids */
.instruct {
	background-image:url(../images/icons/icon_mixing.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding:10px 0 0 140px;
	height:40px;
	vertical-align: middle;
	display: block;
}

.instruct-info {font-size:12px; text-align:left; font-weight:500; padding-left:10px;}
.instruct-info strong {font-size:13px; font-weight:bold;}


	
.footer-box {
	color:#FF0000;
	line-height:18px;
	vertical-align:middle;
	padding:5px 0 0 0; 
	height:50px; 
}

.red-text {color:#FF0000; font-size:12px;}


/* -Infusion grids style sheets -------------------------------------------------*/

.infus-grid td {
	border:1px solid #000000;
	vertical-align:middle; 
	padding:4px;	
}

th.title img {padding:0; margin:0; vertical-align:text-top;}

.row-break  {background-color:#000000; line-height:0; height:10px;}
.row-header {font-size:12pt; font-weight:bold; width:140px;}
.row-black {line-height:14pt; background-color:#000000; padding-left:8px!important; text-align:center!important; color:#FFFFFF!important;}		
.row-grey {line-height:14pt; background-color:#d4d2d2; padding:5px;}	
.row-pink {line-height:14pt; background-color:#f9dde9; padding:5px;}		
.row-red {line-height:14pt; background-color:#e21e27; padding:5px; color:#FFFFFF;}	
.row-purple {line-height:14pt; background-color:#ac6ca6; padding:5px; color:#FFFFFF;}		
.row-yellow {line-height:14pt; background-color:#f8f400; padding:5px;}	
.row-blue {line-height:14pt; background-color:#a1cced; padding:5px;}	
.row-orange {line-height:14pt; background-color:#f99c1c; padding:5px;}	
.row-green {line-height:14pt; background-color:#7fc722; padding:5px;}	

	
/*-------------------------------------- End of grid styles -----------------------------*/
			
		.table-rows {	
			width:440px;
			border:1px solid #0066CC; 
			padding:0; 
			margin:0 40px 10px 0;
			float:right;
			font-size:8pt;
			background-color:#efefef; 
		}
		
		 .col-rows { border-top:1px solid #666666; 
		 	line-height:25px; 
			padding:0; 
			text-align:left;
			clear:both; 
			overflow:hidden; 
			vertical-align:top;}
			 
		 .col-1 { width:120px; float:left; border-right:1px solid #666666;}
		 .col-2 {  width:60px; float:left; border-right:1px solid #666666; padding-right:10px}
		 .col-3 {  width:120px; float:left; border-right:1px solid #666666;  padding-right:10px}
		 .col-4 { width:60px;  float:right; padding-right:10px;}