#container
{
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
width:934px;
height:534px;
background:  #f7f7f7;
}
.graphLabel{
	font-size:17px;
	font-family:Arial;
	text-align:right;
	padding-right:150px;
	margin-top:-12px;
	margin-bottom:120px;
}
#label1{
	color:#ffcc01;
}
#label2{
	color:#4cc200;
}
#label3{
	color:#01ffff;
}
#top_container
{
position:absolute;
height:80px;
width:934px;
}
#top_container p
{
font:bold 18px Arial;
position:absolute;
left:0px;
top:10px;
padding:0px;
margin:0;
    width: 195px;
    text-align: center;
}
.topbutton
{
position:absolute;
width:194px;
height:23px;
border:2px solid #b8b8b8;
border-radius:4px;
font:13px Arial;
padding: 8px 0 0 17px;
}

.dummyradio
{
background:url('../images/img_4.png')no-repeat;
}
.dummypopbtn
{
background:url('../images/img_5.png')no-repeat;
}
#tobbtn0
{
    left: 215px;
    top: 5px;
}
#tobbtn1
{
    left: 215px;
    top: 43px;
}
#tobbtn2
{
    left: 437px;
    top: 5px;
}
#tobbtn3
{
    left: 437px;
    top: 43px;
}
#tobbtn4
{
    left: 660px;
    top: 5px;
}
#tobbtn5
{
    left: 660px;
    top: 43px;
}
#left_container
{
position:absolute;
    top: 81px;
    width: 203px;
    height: 453px;

}
.input_container
{
position:absolute;
width:194px;
height:34px;
background:url('../images/img_1.png')no-repeat;
}

.input_container p,label
{
text-align:center;
font:bold 13px Arial;
margin-top:8px;
width:116px;
padding:0 150px 0 10px;
line-height:1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#left_container  .input_container
{
left:5px;
}
.for_input
{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 52px;
    height: 23px;
	text-align:center;
	color:#366ED4;
	font:19px Arial;
	line-height:1.5;
}
#ip0
{
top:5px;
}
#ip1
{
top:45px;
}
#ip2
{
top:85px;
}
#ip3
{
top:125px;
}
#ip4
{
top:165px;
}
#ip5
{
top:205px;
}
#ip6
{
top:245px;
}
#ip7
{
top:285px;
}
#ip8
{
top:325px;
}
#ip9
{
top:365px;
}
#en-lang{
	position:absolute;
    bottom: 4px;
    right: 60px;
	cursor:pointer;
}
#nl-lang{
	position:absolute;
    bottom: 4px;
    right: 8px;
	cursor:pointer;
}
#modalpopup1  .input_container
{
left:12px;
}
#modalpopup2  .input_container
{
right:265px;
}
#modalpopup2  .classnew
{
right:60px;
}
#ip10
{
top:85px;
}
#ip11
{
top:149px;
}
#ip12
{
top:190px;
}
label
{
position:absolute;
left:12px;
}
#modalpopup1 label:nth-of-type(1)
{
top:45px;
}
#modalpopup1 label:nth-of-type(2)
{
top:115px;
}
#ip13
{
top:40px;
}
#ip14
{
top:80px;
}
#ip15
{
top:120px;
}
#ip16
{
top:160px;
}
#ip17
{
top:40px;
}
#ip18
{
top:80px;
}
#ip19
{
top:120px;
}
#value_change_contain
{
position:absolute;
width:113px;
height:110px;
background:url('../images/img_13.png')no-repeat;
z-index:10000;
}
.btn
{
position:absolute;
cursor:pointer;
}
.logo
{
position:absolute;
right:25px;
top:15px;
cursor:pointer;
}
#up_btn
{
left:25px;
top:7px;
}
#down_btn
{
left:25px;
bottom:10px;
}
#ok_btn
{
    right: 13px;
    top: 39px;
}
#logo
{
position:absolute;
    bottom: 4px;
    left: 20px;
}
#modalpopup1
{
position:absolute;
left:665px;
top:110px;
width:223px;
height:238px;
background:url('../images/img_37.png')no-repeat;
display:none;
}
#modalpopup2
{
position:absolute;
left:360px;
top:110px;
width:559px;
height:243px;
background:url('../images/img_36.png')no-repeat;
display:none;
}
#mask
{
display:none;
}
#work_container
{
    position: absolute;
    left: 204px;
    top: 81px;
    width: 729px;
    height: 452px;

background:url('../images/work_bg.png')no-repeat;
}
#in_out
{
    position: absolute;
    left: 70px;
    top: 5px;
    color: yellow;
    font: 13px Calibri;
}
#restTimeSecs
{
    position: absolute;
    left: 70px;
    top: 28px;
    color: yellow;
    font: 13px Calibri;
}
#canvas1,#canvas1_1,#canvas1_2
{
position:absolute;
left: 175px;
top: 23px;
border:1px solid rgba(0,0,0,0);
}
#canvas1_1
{
display:none;
}
#canvas2
{
position:absolute;
left: 175px;
top: 153px;
border:1px solid rgba(0,0,0,0);
}
#canvas3
{
position:absolute;
left: 175px;
top: 281px;
border:1px solid rgba(0,0,0,0);
}
#compgraph
{
position:absolute;
left: 260px;
top: 85px;
}
.small_graph
{
position:absolute;
left: 5px;
top: 223px;
width:163px;
height:173px;
}
#vpcanvas,#fpcanvas
{
position:absolute;
left: 23px;
top: 23px;
}
#fpcanvas_contain
{
background:url('../images/graph_20001.png')no-repeat;
display:none;
}
#vpcanvas_contain
{
background:url('../images/graph_20002.png')no-repeat;
}
#peakFlowText
{
    position: absolute;
    left: 635px;
    top: 264px;
    color: #2eb82e;
    font: 15px Calibri;
}
#flowText
{
    position: absolute;
    left: 635px;
    top: 244px;
    color: #2eb82e;
    font: 15px Calibri;
}
#pressureMonitor
{
    position: absolute;
    right: 17px;
    top: 2px;
    color: yellow;
    font: 17px Calibri;
}
#freqMonitor
{
    color: #2eb82e;/* green */
    font: 25px Calibri;
    position: absolute;
    right: 65px;
    top: 170px;
}
#MV
{
    color: #00e5e6;/* skyblue */
    font: 28px Calibri;
    position: absolute;
    right: 65px;
    top: 300px;
}
#inspVolText
{
    color: #00e5e6;
    font: 24px Calibri;
    position: absolute;
    right: 20px;
    top: 337px;
}
#expVolText
{
    color: #00e5e6;
    font: 24px Calibri;
    position: absolute;
    right: 20px;
    top: 368px;
}
#PmeanText
{
    position: absolute;
    right: 17px;
    top: 45px;
    color: yellow;
    font: 23px Calibri;
}
#machinePressureText
{
    position: absolute;
    right: 17px;
    top: 25px;
    color: #fff;
    font: 16px Calibri;
}
#peepMonitor
{
     position: absolute;
    right: 17px;
    top: 80px;
    color: yellow;
    font: 23px Calibri;
}
#textadded
{
    position: absolute;
    right: 17px;
    top: 151px;
    color: #b1fafa;
    font: 14px Calibri;
}
#lpText
{
    color: #262626;
    font: 13px Arial;
    left: 315px;
    position: absolute;
    top: 205px;
	width:180px;
	text-align:right;
}
#lvText
{
     position: absolute;
    left: 315px;
    top: 185px;
    color: #262626;
    font: 13px Arial;
	width:180px;
	text-align:right;
}
#alText
{
     position: absolute;
    left: 315px;
    top: 165px;
    color: #262626;
    font: 13px Arial;
	width:180px;
	text-align:right;
}

#selectbtn
{
position:absolute;
left:5px;
top:43px;
border-radius:5px;
padding:6px;
outline:none;
background:#e6e6e6;
}
.sm_graph_btn
{
position:absolute;
width:80px;
height:16px;
cursor:pointer;
bottom:57px;
}
#volPres
{
left:7px;
border-radius:0 0px 3px 6px;
display:none;
}
#flowVol
{
left:86px;
border-radius:0 0px 6px 3px;
}
.sm_graph_btn:hover
{
background:rgba(242, 242, 242,0.2);
}
.body
{
position:absolute;
left:4px;
top:65px;
}
.lungs
{
position:absolute;
left:44px;
top:80px;
}
#top_left{
	margin-top:8px;
	margin-left:3px;;
	
}
#alarmBoxPressure
{
position:absolute;
top:2px;
right:9px;
width:264px;
height:145px;
background:url('../images/alaram1.png')no-repeat;
display:none;
}
#alarmBoxAMV
{
position:absolute;
bottom:37px;
right:10px;
width:264px;
height:133px;
background:url('../images/alaram2.png')no-repeat;
display:none;
}
#alarmBoxPressure div,#alarmBoxAMV div
{
position:absolute;
left:7px;
top:2px;
color:#fff;
font:14px Arial;
}
.alaramok
{
position:absolute;
top:2px;
left:96px;
cursor:pointer;

}
select option
{
background:#fff;
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes zoominout {
    0% {
       
		    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
	-moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    }
    50% {
            -ms-transform: scale(0.75,0.75); /* IE 9 */
    -webkit-transform: scale(0.75,0.75); /* Safari */
    transform: scale(0.75,0.75);
	-moz-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
    }
    100% {
            -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);

    }
}
@-moz-keyframes zoominout {
    0% {
       
		    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
	-moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    }
    50% {
            -ms-transform: scale(0.75,0.75); /* IE 9 */
    -webkit-transform: scale(0.75,0.75); /* Safari */
    transform: scale(0.75,0.75);
	-moz-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
    }
    100% {
            -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);

    }
}
@keyframes zoominout {
    0% {
       
		    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
	-moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    }
    50% {
            -ms-transform: scale(0.75,0.75); /* IE 9 */
    -webkit-transform: scale(0.75,0.75); /* Safari */
    transform: scale(0.75,0.75);
	-moz-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
    }
    100% {
            -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);

    }
}
.scaleinout {
    -webkit-animation-name: zoominout;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: zoominout;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: zoominout;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#lungtext
{
    color: #FFFFFF;
    font:italic bold 13px Arial;
    left: 5px;
    position: absolute;
    text-align: center;
    top: 177px;
	width:160px;
	
}
.btninfo,.helpcontent
{
    background:#EFCE87;
    border: 2px solid #000;
    font: 12px Arial;
    padding: 9px 31px 9px 9px;
    position: absolute;
    text-align: center;
    width: 172px;
	border-radius:5px;
	display:none;
}
.helpcontent
{
right:15px;
top:45px;
}
.infoclose
{
position:absolute;
right:5px;
top:5px;
cursor:pointer;
}
.bg_text
{
position:absolute;
top:8px;
right:59px;
}
#manual_pressre
{
position:absolute;
left:5px;
top:60px;
width:155px;
height:130px;
cursor:pointer;
}
#autopeeploading
{
position:absolute;
top:115px;
right:15px;
color:yellow;
font:11px Arial;
width:100px;
display:none;
}
#autopeepvalue
{
position:absolute;
top:119px;
right:40px;
color:yellow;
font:18px Arial;
}
#slider
{
	position: absolute;
    left: 45px;
    top: 69px;
    height: 85px;
    width: 10px;
}
#help
{
position:absolute;
cursor:pointer;
top:5px;
right:10px;
}