/* This page is rendered in quirks mode */
body{
  background: #293a5a url(../img/login_curves.jpg) top left no-repeat;
  margin: 0;
  font-family: Arial, Verdana, Tahoma, Helvetica;
  font-size: 11px;
  color: #036;
  overflow: hidden;
}
#logo{
  width: 334px;
  height: 50px;
  position: absolute;
  top: 220px;
  left: 140px;
  z-Index: 2;
}
body>#logo{
/*  background: url(../img/AE41_login_logo.png) left center no-repeat;*/
  background: url(../img/PHILogo_trans.gif) left center no-repeat;
}
#icons{
  width: 139px;
  height: 26px;
  position: absolute;
  top: 230px;
  left: 575px;
  z-Index: 2;
}
body>#icons{
/*  background: url(../img/AE41_login_icons.png) left center no-repeat;*/
}
.message{
  color: red;
  font-weight: bold;
}
form{
  display: block;
  background: #eee;
  height: 160px;
  margin: 0;
  padding: 0;
  border: 1px solid #eee;
}
form p{
  width: 250px;
  margin-top: 15px;
  margin-left: 100px;
  text-align: right;
}
form .field{
  display: block;
  font-weight: bold;
  margin: 5px 0;
}
form .field input{
margin-left: 10px;
border: 1px solid;
font-size: 11px;
color: #333;
border-color: #ccc #666 #666 #ccc;
}
input.iBlueButton{
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 10px 0;
  margin-left: 20px;
  height: 21px;
  text-align: center;
  cursor: pointer;
  background: #88b1d6 url(../img/ibluebutton.gif);
  border: 1px solid #4671a0;
}
a{
  color: #69c;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  margin: 3px 0;
}
.spacer{
  height: 220px;
}
.topBar{
width: 100%;
background-color: #ffffff;
filter: alpha(Opacity: 60);
opacity:0.4;
height: 60px;
}
.bottomBar{
width: 100%;
height: 50px;
background-color: #8b93a2;
filter: alpha(Opacity: 60);
opacity:0.6;
}
.verticalBar, .meta{
  position: absolute;
  top: 0;
  left: 520px;
  height: 100%;
}
.verticalBar{
  background: #404e69;
  width: 250px;
  filter: alpha(Opacity: 50);
  opacity:0.5;
}
.meta{
width: 240px;
margin: 0 5px;
top: 330px;
font-weight: bold;
text-align: right;
}
.hr{
  height: 1px;
  overflow: hidden;
  margin: 5px 0;
  background-color: #888;
}
