/*
 * 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;
    //grid-template-rows: 300px 300px 300px 300px 300px 300px;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    //grid-template-columns: minmax(0, 3fr) 300px; 
    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: #FFDDDD;
    //grid-area: 4/1/5/2;
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    padding: 10px;
          }
.gridItemPrfI{
    background-color: #DDDDFF;
    //grid-area: 4/1/5/2;
    grid-column: 1 / 2;
    grid-row: 5 / 6;
    padding: 10px;
          }
.gridItemLI{
    background-color: #DDFFDD;
    //grid-area: 4/1/5/2;
    grid-column: 1 / 2;
    grid-row: 6 / 10;
    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: 3 / 4;
    grid-row: 1 / 2;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }
//HR Diagram
.gridItem9{
    ////grid-area: 3/2/4/3;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

// ** Planetary:

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

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

//Optional plots:

//T_kin vs log(tau):
.gridItem2{
    ////grid-area: 5/2/6/3;
    grid-column: 3 / 4;
    grid-row: 4 / 5;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }
//logP vs logTau:
.gridItem3{
    ////grid-area: 5/2/6/3;
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

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

//Limb darkening profile:
.gridItem8{
    ////grid-area: 5/2/6/3;
    grid-column: 2 / 3;
    grid-row: 6 / 7;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

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

//Limb darkening profile:
.gridItem14{
    ////grid-area: 5/2/6/3;
    grid-column: 2 / 3;
    grid-row: 7 / 8;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

//Limb darkening profile:
.gridItem15{
    ////grid-area: 5/2/6/3;
    grid-column: 3 / 4;
    grid-row: 7 / 8;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

//Limb darkening profile:
.gridItem16{
    ////grid-area: 5/2/6/3;
    grid-column: 2 / 3;
    grid-row: 8 / 9;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

//Limb darkening profile:
.gridItem17{
    ////grid-area: 5/2/6/3;
    grid-column: 3 / 4;
    grid-row: 8 / 9;
    min-width: 0;
    min-height: 0;
    padding: 5px;
        }

//Limb darkening profile:
.gridItem18{
    ////grid-area: 5/2/6/3;
    grid-column: 2 / 3;
    grid-row: 9 / 10;
    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;
}

