/*
 * grayStar
 * V3.0, August 2015
 ****  JQuery version
 * 
 * C. Ian Short
 * Saint Mary's University
 * Department of Astronomy and Physics
 * Institute for Computational Astrophysics (ICA)
 * Halifax, NS, Canada
 *
 * 1D, static, plane-parallel, LTE, gray stellar atmospheric model
 * core + wing approximation to Voigt spectral line profile
 *
 * Suitable for pedagogical purposes only
 * 
 * Logic developed in Java SE 8.0, JDK 1.8
 *
 * Ported to JavaScript for deployment
 *
 * System requirements for Java version: Java run-time environment (JRE)
 * System requirements for JavaScript version: JavaScript intrepretation enabld in WWW browser (usually by default)
 *
 * Code provided "as is" - there is no formal support 
 *
 * Java default license applies:
 * End users may adapt, modify, develop, debug, and deploy at will
 * for academic and othe non-profit uses, but are asked to leave this
 * header text in place (although they may add to the header text).
 *
 */


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 5px;
    padding: 5px;
    background-image: linear-gradient(#333388, #8888DD);
}


.myGrid{
    display: grid;
    //grid-template-columns: repeat(4, 1fr);
    //grid-template-columns: 450px 450px 450px 450px; 
    //grid-template-rows: 300px 300px 300px 300px 300px 300px; 
    grid-template-columns: auto auto auto; 
    grid-template-rows: auto auto auto auto auto auto; 
    grid-gap: 4px;
    justify-content: space-evenly;
    align-content: space-evenly;
    //border-style: solid;
    //border-color: red;
       }

//div{
//   border: solid black 1px;
//   }

.gridItemSI{
    background-color: #DDFFFF;
    //grid-area: 1/1/2/2;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    padding: 10px;
          }
.gridItemSO{
    background-color: #FFDDFF;
    //grid-area: 2/1/3/2;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding: 10px;
          }
.gridItemPI{
    background-color: #FFFFDD;
    //grid-area: 3/1/4/2;
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    padding: 10px;
          }
.gridItemPO{
    background-color: #FDFDFF;
    //grid-area: 4/1/5/2;
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    padding: 10px;
          }

//white light image:
.gridItem7{
    ////grid-area: 1/2/2/3;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    min-width: 0;
    min-height: 0;
    padding: 5px;
          }
//Spectral image
.gridItem10{
    ////grid-area: 2/2/3/3;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }
//HR Diagram
.gridItem9{
    ////grid-area: 3/2/4/3;
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

// ** Planetary:

//Life zone:
.gridItem11{
    ////grid-area: 1/3/2/4;
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }
//Transit light curves:
.gridItem19{
    ////grid-area: 2/3/3/4;
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

//Optional plots:

//SED:
.gridItem5{
    ////grid-area: 5/1/6/2;
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }
//Limb darkening profile:
.gridItem4{
    ////grid-area: 5/2/6/3;
    grid-column: 3 / 4;
    grid-row: 5 / 6;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

.paneTitle{
   font-size: 1.25em;
   background-color: #EEEEEE;
}

#btnId{
background-color: #00FFDD;
border-radius: 10%;
border-style: non;
font-size: 1.5em;
color: #005577;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#btnId:hover{
background-color: #00FF99;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.inputBox{
background-color:#888800;
}
.inputBox:hover{
background-color:#AAAA00;
}