body 
{
    background-color: #B2D6FF;
}
.pwdFrame
{
    width:300px;height:260px;
    margin-top:200px;margin-left:auto;margin-right:auto;
    border:5px solid white;border-radius:10px;
    text-align :center;font-family :Verdana;font-size:1.8em;color:#366df2;
    letter-spacing :2px;

}

.loginArea
{
    width:250px;height:150px;
    margin-top:10px;margin-left:auto;margin-right:auto;
    border:0px solid black;
}

.main
{
    width:1024px;height:1000px;
    border:0px solid black;
    margin-left:auto;margin-right:auto;
}
.title
{
    width:100%;height:100px;margin-top:15px;margin-bottom:15px;
    text-align :center;line-height:100px;font-family: arial;font-size :1.8em;color:white;
    background-color:#233ac6;
}

.selectionArea
{
    float:left;width:1024px;height:50px;border:0px solid black;
    text-align:right;
}
.reportArea
{
    float:left;
    width:1024px;height:800px;
    border:0px solid black;
}

.button {
  background-color: #366df2; /*#4CAF50;  Green */
  width:100%;
  border:3px;border-color :white;
  border-radius :5px;
  color: white;
  padding: 10px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}

.textfield {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #ededed;
  border-radius: 4px;
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #808080;
  border-radius: 4px;
}