/* ---------------   Menu Type 1   ----------------   */
/* Menu Screens w/ middle row highlighted w/ border   */

.menu-screen-type1 {
      font-family: Arial, Helvetica, sans-serif;
      height: 100%; width: 100%;
      /*background-size:cover; background-image: url("../screenshots/IntermittentTherapy2.PNG");*/
}
/* ---- menu type 1 rows ---- */
/* first row - gray text */
.menu1-row1 {
    position: absolute; top: 0rem; left: 0rem;
    height: 142rem; right:0rem;
    color: #ccc;
}
/* middle row - highlighted, border, white text */
.menu1-row2 {
    position: absolute; top: 142rem; left: 0rem;   
    height: 150rem;  right:0rem;
    border: 2rem solid white;  
    background-color: #432649;
    opacity:0.8;
    color: white;
}
/* third row - gray text */
.menu1-row3 {
    position: absolute;  top: 296rem; left: 0rem;   
    height: 120rem;  right:0rem;
    color: #ccc;
    /*color: rgb(187, 187, 187);*/
}
    .menu1-row1-container {
    position: absolute;  top: 25rem; left: 0;
    height: 110rem;  right:0rem;    
    text-align: left;
}
    .menu1-row2-container {
    position: absolute;  top: 25rem; left: 0;
    height: 110rem;  right:0rem;     
    text-align: left;
}
.menu1-row3-container {
    position: absolute;  top: 20rem; left: 0;  
    height: 105rem;  right:0rem;
    text-align: left;
}

/* soft buttons */

.soft_btn_1_icon {
    display:block; position: absolute;  top: 56rem; left: 534rem;  
    height: 50rem;  width: 50rem;
}

.soft_btn_2_icon {
    display:block; position: absolute;  top: 45rem; left: 534rem;  
    height: 50rem;  width: 50rem;
}

.soft_btn_3_icon {
    display:block; position: absolute;  top: 40rem; left: 534rem;  
    height: 50rem;  width: 50rem;
}

/* right images */
.right-image {
	width:100%;
	max-height:100%;
    display: block;
}

/* first row up arrow */
.right-img1-up-arrow {
}
/* third row down arrow */
.right-img3-down-arrow {
}
/* middle row arrow */
.right-img2-select-arrow {
}

/* ---- menu row text - Menu type 1 and type 2 ---- */

.row-single-line, .row-2l-line1, .row-2l-line2 {
      position: absolute; left: 0rem;  
      right:0px;  
}
/* single line of text div */
.row-single-line {
    /*position: absolute; left: 0rem;*/  
    top: 20rem;
    left: 16rem;
    right: 0rem;
    height: 70rem; 
}
.row-span-single-line { font-size: 42rem; }  /* single line row span */
.menu2 .row-span-single-line { font-size: 48rem; }
.m-row-span-single-line { font-size: 46rem; }  /* single line row - middle row */

/* 2 lines of text text div's */
.row-2l-line1 {
    /*position: absolute; left: 0rem;*/  
    top: 0rem;          
    height: 62rem; 
    font-size: 46rem;  
}
.row-2l-line2 {
    /*position: absolute; left: 0rem;*/ 
    top: 65rem; 
    height: 44rem;          
    font-size: 32rem; color: #ccc;
} 


/*********** Programming Screen Dose/Rate/Time *************/
.prog-row-single-line {
    position: absolute; top: 5rem;  left: 16rem; right: 0rem;
    height: 70rem; 
}
.program-param {
	position: absolute;
    text-align: left;
    width: 245rem;
    padding-top: 12rem;
    font-size: 56rem;
}
.program-units {
	position: absolute;
    font-size: 32rem;
    font-family: "Arial Narrow", Arial;
    font-stretch: condensed;
    left: 268rem;
    width: 78rem;
    padding-top: 30rem;
    color: #BBBBBB;
}
.program-num {
	position: absolute;
    text-align: right;
    left: 302rem;
    width: 230rem;
    font-size: 86rem;
    line-height: 90rem;
}
.right-img1-plus {
}
.right-img3-minus {
}
.confirm-check-img1 { /* single line (Continuous) */
    position:absolute;top:50rem;left:535rem;height:42rem;
}
.confirm-check-img2 { /* two lines (Dose Rate, Int.) */
    position:absolute;top:60rem;left:535rem;height:42rem;
}
/*************** Int Programming Screen *************/
.int-row2 {
}
.int-row2-container {
    position: absolute; top: 5rem; left: 10rem;  
    height: 165rem;  width: 100%;     
    text-align: left;
}

.int-img2 {top: 60rem;}

.int-prog-main {
    position: absolute; top: 25rem;  left: 0rem;   
    height: 70rem; width: 510rem; padding:0; margin: 0;
}
.int-prog-line1 {
    position: absolute; top: 4rem;  left: 0rem;   
    height: 50rem; width: 510rem; 
    font-size: 34rem; color: #ccc;
}
.int-prog-subtext {
    position: absolute; top: 105rem;  left: 0rem;   
    height: 50rem; width: 510rem; 
    font-size: 32rem; color: #bbb;
}
.int-calc-value { color: #bbb; font-size: 34rem; margin-left: 10rem;}

.int-plus {
    position: absolute; top: 45rem; left: 542rem; 
    height: 40rem; width: 40rem;
}
.int-minus {
    position: absolute; top: 80rem; left: 542rem;      
    height: 6rem;  width: 42rem;  
}
/*************** Int 'Edit' Screen *************/
/*.int-edit-row {
    padding-top:15rem; margin-left:-5rem; width:510rem;
}
.int-edit-param {
    display: inline-block;
    font-size: 42rem;
    color: white;
    width: 320rem;
}
.int-edit-num {
    display: inline-block;   
    font-size: 68rem;
    color: white;
    width: 176rem;
    text-align: right;
}*/
.int-edit-row { padding-top:15rem; left:12rem; right:0rem;}
.int-edit-param { 
	position: absolute;
    text-align: left;
    width: 295rem;
    padding-top: 10rem;
    font-size: 48rem;
}
/* "Total Volume" row */
.int-edit-param-tv {
	position: absolute;
    text-align: left;
    width: 295rem;
    padding-top: 10rem;
    font-size: 48rem;
}
.int-edit-num {   
	position: absolute;
    text-align: right;
    left: 342rem;
    width: 170rem;
    padding-top: 10rem;
    font-size: 60rem;
    line-height: 60rem;
}
.int-edit-units {
	position: absolute;
    font-size: 32rem;
    font-family: "Arial Narrow", Arial;
    font-stretch: condensed;
    left: 300rem;
    width: 78rem;
    padding-top: 20rem;
    color: #BBBBBB;
}
.int-header { 
    position:absolute; top:8rem; left:0rem;
    width: 550rem;
    font-size:32rem; color: #ccc;
    text-align: center;
}
.int-edit-subtext {
    position: absolute; top: 80rem;  left: 0rem;   
    width: 510rem; 
    font-size: 30rem; color: #bbb;
}

.invalid {color: yellow;}
.grey { color: #ccc!important; }
.white { color: white;}

/* ---------------   Menu Type 2   ----------------   */
/*  All 3 rows look the same, 3 arrows to the right   */

.menu-screen-type2 {
      font-family: Arial, Helvetica, sans-serif;
      height: 100%; width: 100%;
}
/* ---- menu type 2 rows ---- */
.menu2-row1 {
    position: absolute; top: 0rem; left: 0rem;
    height: 140rem; width: 596rem;
    color: white;
}
.menu2-row2 {
    position: absolute; top: 160rem; left: 0rem;         
    height: 130rem; width: 596rem;
    color: white;
}
.menu2-row3 {
    position: absolute; top: 295rem; left: 0rem;
    height: 125rem; width: 598rem;
    color: white;
}
/* middle row arrow - menuscreen type 2 */
.right-img2-arrow-menu2 {
}

 /* ---------     Misc   --------- */

/* Header (ex: "Therapy 1") */
.menu-screen-header {
    position:absolute; top:10rem; left:20rem;
    font-size:32rem;
    color: #ccc;
}

/* left image (therapy types) */
.u39-img { margin-right: 25rem; margin-bottom: -10rem; }
/* continuous - infinity image (therapy types) */
.cont-img { margin-left: 25rem; }
/* right align text */
.right-align { text-align:right; }

/* 'Check' image */
.img_chk {
    display: none;
    position:absolute; top: 5rem; left: 438rem;             
}
.toggle-img { position:absolute; top: 15rem; left: 420rem; width:67rem; height:auto;}

/* ---------------   Confirm screens  --------------   */
/*  Conf. question in row 1, "Yes", "No" in rows 2,3   */
.conf-text {
    font-family:Arial;
    font-size: 40rem;
    color: white;
    position: absolute; top: 25rem; left: 30rem;
}
.conf-subtext {
    font-size: 32rem;
    color: #ccc;   
    position: absolute; top: 80rem; left: 30rem;
}
.conf-yes, .conf-no {
    font-family:Arial;
    font-size: 62rem;
    color: white;
    position: absolute; left: 450rem;
    width: 120rem;
    text-align: right;
}
.conf-yes { top: 190rem; }
.conf-no {  top: 335rem; }