/* 
    Created on : Mar 10, 2016, 10:22:49 AM
    Author     : JT
*/
#loginEHR {
    position: absolute;
    left:20px;
    top: 20px;
    width: 95%;
    height:90%;
    display: grid;
    grid-template-columns: 1.9fr .10fr;
    grid-template-areas: "folder endtab";
    column-gap: 0;
 }
 
 #folder {
    grid-area: folder;
    background-color: bisque;
    border:1px solid bisque;
    border-radius: 1em 0 0 0;
    display: grid;
    grid-template-columns: 1.5fr 0.5fr;
    grid-template-areas: "pmr loginForm";
    column-gap: 20px;
}
#PMR {
    grid-area: pmr;
        
}
#folder fieldset {

    grid-area: loginForm ;
    border: 1px solid blue;
    margin-top: 30%;
    padding: 10px;
    width: 95%;
    margin-right: 75px;
    border-radius: 0.5em 0.5em 0 0;
    height: 300px;
 
 }
#folder legend {
   background-color: blue;
   color: white;
   padding: .33em;
   margin-top:0;
   margin-left: 8px;

}
#folder h4, h1 {
    margin: 0;
}
#folder input {
    font-size: 14px;
    margin-bottom: 10px;  
    width: 100%;

}
#folder button { 
   
   width: 98%;
   background-color: blue;
   color:white;
   border:none;
   padding:0.20em;
   font-size: 18px;
   margin-top:30%;
   


}
#folder button:focus {
      outline:none;
}
#folder button:disabled {
   background-color: gray;
   color:lightgray;
  
}
#folder button:hover:enabled {
   background-color: white;
   color:black;
   width: 95%;
   border:1px solid blue;
   font-weight: bold;
   

}
#headerPMR {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
    "logo title title title"
    "content content content content"
    "address address contact contact";
    column-gap: 10px;
   
}
#logo {
    grid-area: logo;    
    border-color: bisque;
    border-style: solid;
    border-width: 2px 1px 0 2px;
    padding: 1px;;
 }
 #imglogo {
    width:100%;
    height: 100%;

 }

#title {    
    grid-area: title;
     
}
#title h1 {
      padding-left: 0.25em;
      border-bottom: 2px solid blue;
      width: 99%;
     
}
#title  h4{
      margin-top: 0;
      padding-left: 0.25em;
      border-top: 2px solid red;
      width: 99%;
     
} #contentPMR {
    grid-area:content;
    padding: 10px ;
    border-top: 5px solid blue;
    
}
#contentPMR  ul {
    margin-left: 25px;
     
 }
 #contentPMR  a {     
     color: black;
     font-weight: bold;
     
 }

#contactPMR{
    grid-area: contact;
    padding-left:10px;

} 
#addressPMR {    
    grid-area: address;
    padding-left:10px;
}

#addressPMR h4 , #contactPMR h4{
    background-color: blue;
    color: white;
    padding-left: 4px;
}

#endtab {
   grid-area: endtab;
   height:90%;
   margin-top: 10px;
   border:1px solid beige;
   border-radius: 0 1em 1em 0;
   background-color:beige;

   margin-left: 0;
}
#endtab p {
    width: 70%;
    background-color: orangered;
    color:white;
    float:right;
    padding-left: 0.33em;
    font-size:1.3em;
    margin:2px;

}
#endtab #parYear {
    margin-top: 20px;

}

#PRN {
      
    margin-top: 375px;
}
#PRN p {

    background-color:lightsalmon;
    color:blue;
}