@media screen, print, projection
{

body
{
position: absolute;
font-family: Arial, 'Times New Roman', Sans-Serif, Verdana, Tahoma;
font-size: 62.5%;
background-image: url(../../Images/BGD_Brushed_Metal.jpg);
}

/* Style Classes used on all Search web pages */

#divSidebar
{
position: absolute;
left: 0%;
top: 0%;
width: 160px;
height: 565px;
background-color: #84A2C6;
border: Groove 1px Black;
}

#divTimeInfo
{
position: absolute;
top: 2%;
left: 2%;
width: 94%;
height: 17%;
background-color: #E9E9E9;
}

#grpTimeInfo
{
position: absolute;
top: 0%;
left: 0%;
Height: 100%;
background-color: #E9E9E9;
border: 5px ridge #97B1FF;
width: 95%;
}

.HeaderDate
{
position: absolute;
top: 10%;
left: 2%;
width: 75%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.HeaderTime
{
position: absolute;
top: 25%;
left: 2%;
width: 75%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.EmpName
{
position: absolute;
top: 35%;
left: 2%;
width: 95%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.CommonButtonPanel
{
position: absolute;
left: 2%;
top: 22%;
width: 94%;
height: 12%;
background-color: Transparent;
}

#grpButtonPanel
{
position: absolute;
top: 0%;
left: 0%;
Height: 100%;
background-color: #E9E9E9;
border: 5px ridge #97B1FF;
width: 95%;
}

.BackButton
{
position: absolute;
top: 55%;
cursor: hand;
left: 5%;
}

.HomeButton
{
position: absolute;
top: 10%;
cursor: hand;
left: 5%;
font-weight: bold;
}

.LogoutButton
{
position: absolute;
top: 68%;
cursor: hand;
left: 5%;
}

.divCopyright
{
position: absolute;
top: 97%;
left: 20%;
height: 10%;
width: 50%;
text-align: center;
font-weight: bold;
font-size: 8pt;
}

/* Style Classes shared by the SearchResults and PensionHistory pages */

#divEmpGrid
{
position: absolute;
top: 37%;
left: 17%;
width: 83%;
height: 63%;
}

/* Style Classes shared by the PensionHistory and PensionHistoryDetail pages */

.grpBox
{
position:absolute;
top: 0%;
left: 0%;
Height: 100%;
Width: 100%;
border: 1px #000000 solid;
border-style: groove;
}

.CreditPanelLabels
{
position: absolute;
left: 3%;
text-align: left;
font-weight: bold;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

.MemberInfo
{
position: absolute;
left: 32%;
width: 70%;
text-align: left;
vertical-align: middle;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

.CreditInfo
{
position: absolute;
left: 32%;
width: 80%;
text-align: left;
vertical-align: middle;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

#divEmployeePanel
{
background-color: #99CCFF;
position: absolute;
left: 17%;
top: 1%;
height: 35%;
width: 40%;
}

#divContentNoHeader
{
top: 2%;
left: 410px;
height: 90%;
width: 590px;
}

#divCreditPanel
{
background-color: #99CCFF;
position: absolute;
left: 58%;
top: 1%;
height: 35%;
width: 25%;
}

.divCopyright
{
position: absolute;
top: 97%;
left: 20%;
height: 10%;
width: 50%;
text-align: center;
font-weight: bold;
font-size: 8pt;
}

}