html,body {  }
body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  font-size: 12px;
  background-color: #ECF7FF;
}
@media (max-width:479px) {
  .nav {
    width:420px;
    height:22px;
    margin:0 auto 0 auto;
    background-color:#1E55A2;
    color:#FFFFFF;
  }
  .content {
    width:420px;
    margin:0 auto 0 auto;
    clear:both;
    background-color:#FFFFFF;
   }
   .footer {
    width:420px;
    margin:0 auto 0 auto;
    clear:both;
   }
   .tabledetail {
    width: 395px !important;
   }
}
@media (max-width:599px) {
  .nav {
    width:520px;
    height:22px;
    margin:0 auto 0 auto;
    background-color:#1E55A2;
    color:#FFFFFF;
  }
  .content {
    width:520px;
    margin:0 auto 0 auto;
    clear:both;
    background-color:#FFFFFF;
   }
   .footer {
    width:520px;
    margin:0 auto 0 auto;
    clear:both;
   }
   .tabledetail {
    width: 500px !important;
   }
}
@media (min-width:767px) {
  .nav {
    width:920px;
    height:22px;
    margin:0 auto 0 auto;
    background-color:#1E55A2;
    color:#FFFFFF;
  }
  .content {
    width:920px;
    margin:0 auto 0 auto;
    clear:both;
    background-color:#FFFFFF;
   }
   .footer {
    width:920px;
    margin:0 auto 0 auto;
    clear:both;
   }
   .tabledetail {
    width: 800px !important;
   }
}


select,input {
 font-size: 10px;
}
.btn {
 padding-left:0px;
 padding-right:0px;
}

.title {
 color: #FFFFFF;
 background-color: #123361;
}
.row {

}
.title2 {
 color: #FFFFFF;
 background-color: #1E55A2;
}

#navbar {
   margin: 0;
   padding: 0;
}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #1E55A2;
   text-align:left;
   color: #fff;
   text-decoration: underline; }
#navbar li:hover a {
   background-color: #367BDA;
}
#navbar li ul {
   display: none;
   width: 10em; /* Width to help Opera out */
   z-index: 10;
   background-color: #1E56A3;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #1E56A3;
   border-bottom: 1px solid #fff;
   color: #FFFFFF; }
#navbar li li a:hover {
   background-color: #367BDA; }
}

div {
  background-color: #FFFFFF;
}

.tight {
 white-space:nowrap;
 width:1px;
}

a.whitelink:link, a.whitelink:visited {
  color: #FFFFFF;
  margin-left: 5px;
  padding-right: 20px;
}