/****************************************************************************************************************************/
/* NETS Clinical Calculator																									*/
/* File: clincalc.css 																										*/
/* Description: Cascading style sheet for calculator tools														            */
/* Author: Adrian Bonsall																									*/
/****************************************************************************************************************************/
@media screen, print
{
/* menu styles */
.mainopt {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;font-weight:bold;border: 0px;width: 1000px;}
.paedopt {border: 2px solid #000000;width: 350px;text-align:center;margin-left:auto;margin-right:auto;margin-top: 24px;}
.burnopt {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;font-weight:bold;border: 0px;width: 100%;padding:0px;}
.infageopt {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;font-weight:bold;border: 0px;width: 775px;}
.optindent {text-align:left;margin-left:30px;}
.calcbutton {font-size: large; width: 240px;}
.burnsbutton {font-size: large;text-align: center;}
.infobutton {font-size: small;margin-left: 10px;}
.pushbut {display: inline-block;margin: 0 2px 0 2px;width:193px;height: 30px;font-size: 13px;cursor: pointer;text-align: center;text-decoration: none;outline: none;
          color: #000000;background-color: #E0E0E0;border: 1px solid #000000;border-radius: 5px;box-shadow: 2px 2px #000000;padding: 0px;}
.pushbut:active:enabled {background-color: #ccffcc;box-shadow: 0 0px #000000;transform: translate(2px,2px);}
.pushbut:hover:enabled {background-color: #ccffcc;}
.pushbut:focus {background-color: #ccffcc;}

button > img, button > span {vertical-align: middle;}
button:disabled {opacity: 0.5;}

mark {background-color: red;color: yellow;}

.menuoptgrp {background-color: #e33730;color: white;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;}
.menuopt {background-color: white;color: black;font-family: Verdana, Geneva, Tahoma, sans-serif;}

#divPaedAge {margin-top:-16px;width: 700px;height:135px;overflow: hidden;}
#divRangeM {font-family: 'Times New Roman', Times, serif;font-size: 16px;font-weight:400;display:none;}
#divRangeY {font-family: 'Times New Roman', Times, serif;font-size: 16px;font-weight:400;}
.rnglblM {display:inline-block;box-sizing: border-box; text-align:center;width: 46px;margin: 2px 5px 0 5px;cursor: pointer;border: 1px solid black;border-radius: 5px;box-shadow: 2px 2px #000000;}
.rnglblM:hover {background-color: #ccffcc !important; color:black !important;}
.rnglblY {display:inline-block;box-sizing: border-box; text-align:center;width: 29px;cursor: pointer;margin: 2px 5px 0 5px;border: 1px solid black;border-radius: 5px;box-shadow: 2px 2px #000000;}
.rnglblY:hover {background-color: #ccffcc !important; color:black !important;}
input[type="range"] {width: 640px; margin-left: 0px;cursor: pointer;accent-color: #FF4040;}
#idDOB {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;font-weight:normal;color:black;width:160px;height:30px;}
#divNeoAge {display: flex; align-items: last baseline;}
.lgechkbox {zoom:2;position: relative;top:3px;accent-color: red; color: yellow;background-color: transparent;}
.weightlbl {color: #000080;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;font-weight:bold;}
.weightval {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;color: #FF0000;}
.burnparam {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: large;color: #0000FF;}

/* Table styles */
table {margin-top:0px;margin-bottom:6px;}

.calcopttab {width:950px;text-align:center;margin-left:auto;margin-right:auto;color: #e33730;}
.calcopttab td {text-align:left;}

.infagetab {width:350px;margin-left:auto;margin-right:auto;color: #e33730;}
.infagetab td {text-align:left;height:50px}

#etttab {background-color:white; border-collapse: collapse; border:0;padding: 2px; text-align: center; vertical-align: middle; color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small; font-weight: normal;}
#etttab td {width:200px; text-align: center; border:#000000 1px solid; padding: 2px;}

.neodrugtab {width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.neodrugtab td {padding:2px; text-align: center; border:#000000 1px solid;}
.neodrugtab tr:nth-child(odd){background:#ddffff;}
.neodrugtab tr:nth-child(even){background: #ffffff;}

.deftabcol1 {width: 150px;}

.neoabxtab {width: 450px; border-collapse:collapse; float: left; color : #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.neoabxtab td {padding:2px; text-align: center; border:#000000 1px solid;}
.neoabxtab tr:nth-child(odd){background: #ddffff;}
.neoabxtab tr:nth-child(even){background: #ffffff;}

.paeddrugtab {table-layout:fixed; width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.paeddrugtab td {padding:2px; text-align: center; border:#000000 1px solid;}
.paeddrugtab tr:nth-child(odd){background: #ddddff;}
.paeddrugtab tr:nth-child(even){background: #ffffff;}
.tabtopmargprt {margin-top: -7px;}

.paedabxtab {width: 450px; border-collapse:collapse; float: left; color : #000000; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.paedabxtab td {padding:2px; text-align: center; border:#000000 1px solid;}
.paedabxtab tr:nth-child(odd){background: #ddddff;}
.paedabxtab tr:nth-child(even){background: #ffffff;}

.changetab {width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.changetab td, th {padding:2px; text-align: center; border:#000000 1px solid;vertical-align:middle;}
.changetab tr:nth-child(odd){background:#ffffff;}
.changetab tr:nth-child(even){background: #ffffc0;}

.sepabxtab {width: 1000px; text-align: center;  border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small; font-weight: normal;}
.sepabxtab td {padding:2px; border:#000000 1px solid;}
.sepabxtab tr:nth-child(odd){background:#ffe0c0;}
.sepabxtab tr:nth-child(even){background: #ffffff;}
table.leftcell td:nth-child(3) {text-align: left;}

.obstab {width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: normal;}
.obstab td {padding:2px; text-align: center; border:#000000 1px solid;}
.obstitle {background: #ddddff;font-size: medium;font-weight: bold; }
.obssubtitle {background: #ddddff;font-size: small;font-weight: bold; }
.obsnorm {background: #ffffff;font-size: small; }
.obsblue {background: #80ccff;font-size: small; }
.obsyellow {background: #ffffa0;font-size: small; }
.obsred {background: #ffa0a0;font-size: small; }

.greenbgd {background-color: #ddffdd;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small; font-weight: bold;}
.invgreenbgd {background-color: #ddffdd;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium;}

.invtab {width: 1000px; border-collapse:collapse; table-layout: fixed;}
.invtab td{padding:2px; text-align: center; border:#000000 1px solid;color: #000000; width: 33%;}

.rangetab {width:1000px; border: 0px ; text-align: left;vertical-align: top; color: #000000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;font-weight: normal;}

.burnstab {width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.burnstab td {padding:2px; text-align: center; border:#000000 1px solid;}
.burnstab tr:nth-child(odd){background: #ffdddd;}
.burnstab tr:nth-child(even){background: #ffffff;}

.birthdrugtab {width: 1000px; border-collapse:collapse;color: #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium; font-weight: bold;}
.birthdrugtab td{padding:2px; text-align: center; border:#000000 1px solid;}
.birthdrugtab tr:nth-child(odd){background: #ddffdd;}
.birthdrugtab tr:nth-child(even){background: #ffffff;}

.scrfootertab {width:100%; clear: both; border: 0px solid #000000; padding: 0px; text-align: left; font-family: Verdana, Geneva, Tahoma, sans-serif;font-style:italic; font-size:small;margin: 0;}
.menufootertab {width:1000px; clear: both; margin-top: 10px; border: 0px solid #000000; padding: 4px; text-align: left; font-style: italic;}

.umbtable {width: 500px; text-align: center; border-collapse: collapse; float: left; color : #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium;font-weight: bold;}

.umbtable td{padding:2px; text-align: center; border:#000000 1px solid;}

#selTool {width: 545px;height: 28px;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000000;font-size: large;}

#divAbxHdr {display:flex;justify-content:space-between;align-items:center;}
#cmdSepsisAbx {position: relative; width:180px;height:20px;top:-3px;}

/* Text styles */
.disabledtxt {opacity: 0.5;}
.sectiontitle {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: x-large;color: #000080;text-align: left;margin-bottom:0px;margin-top:0px;}
.disclaimerhdr {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-large;font-weight: bold;color: #000080;}
.bluetext {color: #000080;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;font-weight: normal;}
.redtext {color: #ff0000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;}
.normaltext {color: #000000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;font-weight: normal;}
.smalltext {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;}
.xsmalltext {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small;}
.burnfluidtext {color: #000000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium;font-weight: normal;}
.blacktextxxl {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: xx-large;text-align: center;}
.bluetextmed {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000080;font-size: medium;}
.bluetextlrg {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000080;font-size: large;font-weight: bold;}
.redtextmed {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #ff0000;font-size: medium;}
.redtextlrg {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #ff0000;font-size: large;}
.blacktextmed {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000000;font-size: medium;}
.blacktextlrg {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000000;font-size: large;}
.blacktextxl {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: x-large;color: #000000;}
.redtextxl {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: x-large;color: #FF0000;text-align: right;}
.magentatxtxxl {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: xx-large;color: #FF00FF;text-align: right;}
.redpatwt {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #FF0000;font-size:22px;}
.bluepatwt {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #0000FF;}
.contacttxt {font-size: x-small;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #000080;}
.motto {font-size: small; font-weight: bold; font-family: Comic Sans MS, sans-serif;color: #FF0000;}
.calctitle {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: xx-large;}
.leftalign {text-align: left;}
.rightalign {text-align: right;}
td.tdright {text-align: right;}
.centeralign {text-align: center;}
.middlealign {vertical-align: middle;}
.lnotice {font-size: small;font-family: Verdana, Geneva, Tahoma, sans-serif;width: 475px;border: 1px solid #000000;float: left;}
.rnotice {font-size: small;font-family: Verdana, Geneva, Tahoma, sans-serif;width: 475px;border: 1px solid #000000;float: right;}
.keytext {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size:x-small;color: #404040;text-align:right;vertical-align:bottom;margin-bottom:0px;}
.umbhilite {border: #000000 1px solid;text-align: center;background-color: #ddffff;font-size: small;}
.umbplain {border: #000000 1px solid; text-align: center;font-size: small;}
.neobkgd {background: #ddffff;}
.paedbkgd {background: #ddddff;}
.whitebkgd {background: #ffffff;}
.estweight {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #FF0000;font-size: large;float: right; vertical-align: bottom;}
.optionaltxt {font-family: Verdana, Geneva, Tahoma, sans-serif;color: #FF0000;font-size: medium;font-weight: bold;}
.anmf {color: #000000;}
.hotline {color: #800000;}

/* DIV styles */
div.page1000 {margin-left: 10px; margin-right: 0px; width: 1000px;}
div.copyrightdiv {margin-top: 10px ;margin-bottom: 10px; width: 275px; border: 1px solid #000000; padding: 4px; text-align: left; float:right}
div.border {margin-left: 10px; margin-right: 10px; width: 1000px;  background: url("images/menubgd.png") repeat left top; text-align: left; border: 2px black solid; padding: 4px; }
div.miniborder {margin-left: 10px; margin-right: 10px; width: 775px;  background: url("images/menubgd.png") repeat left top; text-align: left; border: 2px black solid; padding: 4px; }
div.menu {width: 1000px;text-align:center;}
div.minimenu {width: 775px;text-align:center;}
div.footer {width:1000px; clear: both;}
div.timestamp { margin-top: 10px; width: 650px; border: 1px solid #000000; padding: 4px; text-align: left; float:left}
div.weight {position:relative; margin-left: 380px; width: 620px; height: 40px;text-align:left;}
#divNewborn {background-color:#ffffc0;position:absolute;left: 298px; top:-15px; width:305px; height: 95px;border: 1px solid black;}

/* Box styles */
.boxfloatright {float: right; margin:0px 0px 0px 15px;}
.floatleft { float: left; margin:0px 15px 0px 0px;}

/* Page breaks & labels */
.pagebreak {page-break-before: always;margin-left: 10px;}
.pagebreakafter {page-break-after: always;margin-left: 10px;}
.pagelbl {display: none;}
.tabhdr2 {display: none;}
.divftr2 {display: none;}
.divrefpg  {display: none;}

/* Burns styles */
.imgtxt {position: relative; color: black; font-family: Arial Narrow; font-size:16pt; text-align: center}

.divider {clear: both;width:1000px;text-align:left;margin-left:5px;}

/* Text positions on Lund-Brower chart */
.lbc_fhead {position: absolute; left: 165px; top: 50px;}
.lbc_bhead {position: absolute; left: 275px; top: 50px;}
.lbc_frthigh {position: absolute; left: 130px; top: 370px;}
.lbc_flthigh {position: absolute; left: 200px; top: 370px;}
.lbc_brthigh {position: absolute; left: 530px; top: 370px;}
.lbc_blthigh {position: absolute; left: 460px; top: 370px;}
.lbc_frshin {position: absolute; left: 130px; top: 460px;}
.lbc_flshin {position: absolute; left: 200px; top: 460px;}
.lbc_brcalf {position: absolute; left: 530px; top: 460px;}
.lbc_blcalf	{position: absolute; left: 460px; top: 460px;}

/* global margins */
body {margin-left:10px; margin-right:10px; width: 1030px;}

thead.changehdr {display:table-header-group;}

/* Dialog styles */
dialog::backdrop {opacity: 0.5;background-color: rgb(0, 0, 0);}
dialog {color: #000000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: medium;font-weight: normal;background-color: #c0c0c0;border: 3px solid black;color: black;box-shadow: 5px 5px #404040;border-radius: 8px;min-width:250px;max-width:800px;}
dialog header {font-weight: bold;display: flex;align-items: center;justify-content: space-between;margin-top: 0px;font-size: large;}
dialog footer {display: flex;align-items: center;justify-content: center;column-gap: 30px;font-size: large;}
.dlgX {background-color: red;border: none;color: white;cursor: pointer;}

.noprt, .onlyprt,.rowifprt  {display: none;} 

.hnealert {float: right;margin: 0;color: red;padding: 0.33em;font-weight: bold;background-color: #ccffcc;font-size: large;text-align: center;}

}

@media print
{
#seealso {display: none;}
.pushbut {display: none;}
.pagelbl {color: #000000;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-large;font-weight: normal;text-align:right;display: block; margin-top:0px; margin-bottom:0px;}
.tabhdr2 {display: table; width: 1000px; }
.divftr2 {display: block; width: 1000px;}
thead.changehdr {display:table-header-group;}
td.noprt {display:table-cell;}
.divrefpg  {display: block;}
.onlyscr {display:none;}
.rowifprt {display: table-row;}
.onlyprt {display:block;}
.tabtopmargprt {margin-top: 0px;}
/* Not fully implemented in all browsers */
/* Firefox doesn't seem to mind whether inside or outside */
/* size: not yet implemented on many browsers */
@page {margin: 1cm; size: A4 portrait;}
}