@import url("DataEntry.css");
@import url("Main.css");

@media print {

    @page  
    {
         size:8.5in 11in; 
         margin: 2cm;
         margin-left: 3.0cm;
         width:100px;
     }
     
    .leftnav, .topnav, .footer, .ButtonDiv,.navigationDiv, .CepAssignment, #PortalHeader, #PortalFooter
    {
        display: none;
    }
    h1
    {
        font-size: 22pt;
        font-family: Calibri, Sans-Serif;
        color: #000000 !important;
    }
    h2
    {
        font-size: 18pt;
        font-family: Calibri, Sans-Serif;
        color: #000000;
    }
    h3
    {
        font-size: 14pt;
        font-family: Calibri, Sans-Serif;
        color: #000000;
    }

    h4
    {
        font-size: 13pt;
        font-family: Calibri, Sans-Serif;
        color: #000000;
    }

    p
    {
        font-size: 11pt;
        font-family: Calibri, Sans-Serif;
        color: #000000;
    }    
    
    .Grid
    {        
        border: solid 1px black !important;
        overflow:auto;
        vertical-align: top;
        font-family: Calibri, sans-serif;
        text-align:center;
        vertical-align: top;
        width:100%;  
    }
    .Grid th
    {
        background-color:InfoBackground;
        color:InfoText;
        text-align:center; 
        padding: 2px 4px 2px 4px;
    }
    .Grid td
    {
        padding: 4px 4px 4px 4px;        
    }
    .GridItemShrink
    {
        width:20px;
    }
    .GridHeader
    {
        background-color:#b9d7eb !important;
        text-align:center; 
        padding: 2px 4px 2px 4px;
        font-weight:bold;
    }
    .GridRow
    {      
        background-color:#f5fbfb;
        font-weight:normal;
        text-align:left;    
    }
    .GridButtonRow
    {
        text-align:center;
        margin-left:0px;
        margin-right:0px;
    }
    .GridAlternating
    {
        background-color:#e4f5f4 !important;
        font-weight:normal;
        color:Black;
            
    }
    .GridSelected
    {
        font-weight:bold;
        background-color:#fbfdb8;
        color:#000000;        
    }
    .GridPager   
    {
        position:absolute;
        background-color:InfoBackground;
        color:InfoText;
        text-align:center;
        border-bottom:1px solid black;
        border-left:1px solid black;
        border-right:1px solid black;        
    }
    .GridItemCenter
    {
        margin-left:0px;
        margin-right:0px;
        text-align:center;
    }
    .GridItemRight
    {        
        text-align:right !important;
    }    
    .GridAmount
    {
        text-align:right;        
    }
    
    .InformationDiv 
   {
       font-weight:bolder;       
   } 
   .InformationDiv span:nth-child(odd)
   {
       float:left;       
       width:120px;
       text-align:right;        
       clear:left;
       margin-right:5px;
   }
   .InformationDiv span:nth-child(even)
   {
       float:left;       
       table-layout:fixed;
       clear:none !important; 
   }   
   .nutrition
    {        
        clear:both;
        background-color: #ffffff;
        left: 0px;
        top: 0px;
        vertical-align: top;
        padding-left: 5px;
        padding-right:5px;
        border: 1px solid #666666;
        line-height:22px;
        min-height: 600px;     
    }
     .DataEntry
    {
        margin-top:5px;
        width:812px;
    }
    .DataEntry li
    {
    }
    .DataEntry::before
    {
        clear:both;
        content:" ";
        display:block;           
    }
    .DataEntry::after
    {
        clear:both;
        content:" ";
        display:block;        
    }
    .DataEntry span
    {
        clear:both;
        float:left;
        text-align:right;
        margin-right:5px;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntry select
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntry textarea
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntry h3
    {   
        height:26px;
        margin-top:0px;
        clear:both  !important;
        float:left;
        color: #644f67;
        width:850px;    
    }
    .DataEntry input[type="text"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntry input[type="password"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntry input[type="image"]
    {
        float:left;
        margin-bottom:5px;        
    }    
    .DataEntry input[type="submit"]
    {
        height:26px;
    }
    .DataEntry input[type="button"]
    {
        height:26px;
    }    
    .DataEntry input[type="checkbox"]
    {
    }    
    .DataEntry link
    {  
        color:Green;
        float:left;
        margin-bottom:5px;
        width:220px;  
    }
    
    .DataEntryWide
    {
        margin-top:5px;
        width:850px;
    }
    .DataEntryWide::before
    {
        clear:both;
        content:" ";
        display:block;           
    }
    .DataEntryWide::after
    {
        clear:both;
        content:" ";
        display:block;        
    }
    .DataEntryWide span
    {
        clear:both;
        float:left;
        text-align:right;
        margin-right:5px;
        margin-bottom:5px;
        width:400px;;
    }
    .DataEntryWide select
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntryWide textarea
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntryWide h3
    {   
        height:26px;
        margin-top:0px;
        clear:both  !important;
        float:left;
        color: #644f67;
        width:850px;    
    }
    .DataEntryWide input[type="text"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntryWide input[type="password"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntryWide input[type="image"]
    {
        float:left;
        margin-bottom:5px;        
    }    
    .DataEntryWide input[type="submit"]
    {
        height:26px;
    }
    .DataEntryWide input[type="button"]
    {
        height:26px;
    }
    
    .DataEntryWide input[type="checkbox"]
    {
        height:26px;
        vertical-align:middle;
    }
    .DataEntryWide div
    {
        margin-top:10px;
    }
     .DataEntry2Button
    {
        margin-top:5px;
        width:600px;
    }
    .DataEntry2Button::before
    {
        clear:both;
        content:" ";
        display:block;           
    }
    .DataEntry2Button::after
    {
        clear:both;
        content:" ";
        display:block;        
    }
    .DataEntry2Button span
    {
        clear:both;
        float:left;
        text-align:right;
        margin-right:5px;
        margin-bottom:5px;
        width:300x;
    }
    .DataEntry2Button select
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntry2Button textarea
    {
        float:left;
        margin-bottom:5px;
        height:26px;
    }
    .DataEntry2Button h3
    {   
        height:26px;
        margin-top:0px;
        clear:both  !important;
        float:left;
        color: #644f67;
        width:850px;    
    }
    .DataEntry2Button input[type="text"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntry2Button input[type="password"]
    {
        float:left;
        margin-bottom:5px;
        width:220px;
    }
    .DataEntry2Button input[type="image"]
    {
        float:left;
        margin-bottom:5px;        
    }    
    .DataEntry2Button input[type="submit"]
    {
        height:26px;
    }
    .DataEntry2Button input[type="button"]
    {
        height:26px;
    }    
    .DataEntry2Button input[type="checkbox"]
    {
        
    }
    .DataEntry2Button div
    {
        margin-top:10px;
    }      
    .MainMenu
    {
        width:150px;
        font-size:small;
    }
    .MainMenu a
    {    
        clear:both;
        float:left;
        width:150px;
    }
}