/* 
    Created on : Apr 27, 2015, 3:36:16 PM
    Author     : JT
*/

#mainEHR {
    position: absolute;
    left:0;
    top: 0;
    border: 1px solid blue;
    width: 100%;
    height:100%;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 86px 685px 50px auto;
    grid-template-areas: 
    "header"
    "mainContent"
    "mainFooter"
    "globals";
    
  }
#mainEHR header {
    grid-area:header;
    display: grid;
    grid-template-columns: 2.25fr 0.75fr;
    border-bottom: 2px solid blue;

 }

#mainEHR #mainContent {
    grid-area: mainContent;
    background:none;
    padding-left: 4px;
    padding-right: 4px; 

 }
 #mainEHR #mainFooter {
    grid-area: mainFooter  ;     
    background-color: black;
    color: white;
    text-align: center;
    

}
#mainEHR #mainFooter p {
    margin-top: 10px;
}

#mainEHR #globals {
    grid-area :globals;
    display:grid;
    grid-template-columns: repeat(5,1fr);
    /* display: none; */
    margin:1px;
    padding:4px 1px 1px 1px;
    background-color: lightgray;
   
  }


  #mainEHR header #titlePMR{
    padding-left: 10px;
    border-right: 1px solid blue;
    padding-right: 10px;
}

#mainEHR header #currentUser {
    padding: 8px;
}
#mainEHR header #currentUser input {
    width: 100%;
    margin-bottom: 8px;
    background-color: aliceblue;
    color: blue;
    border:1px solid blue;
}
#mainEHR header #currentUser button {
  width: 100%;
  background-color:blue;
  color:white;
  border:1px solid blue;
  padding:0.10em;
  font-size: 14px;
  margin-top: 10px;
 }
#mainEHR header #currentUser button:hover {
    background-color:aliceblue;
    color:blue;
    font-weight: bold;
 }

#mainEHR header h1 {

     color:blue;
     border-bottom: 2px solid red;
     padding-left: 4px;
     padding-top: 1px;
     width: 100%;
     margin: 0;
}
#mainEHR header h2 {

     border-top: 2px solid blue;
     padding-left: 4px;
     padding-top: 1px;
     width: 100%;

 }