body {
  margin:0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background:#def;
  width:100%;
  height:100%;
}
*{

    border-radius:0px;
}
.menu td{
    text-align: center;
    vertical-align:middle;
}
.menu a{
    width: 100%;
}
.menu1{
    width: 160px;
    height: 70px;
    border: solid 1pt gray;
}
.menu2{
    width:160px;
    height: 40px;
    border: solid 1pt gray;
}
.menuA{
    background-color: #00B7FF;    
}
.menuB{
    background-color: orange;
}
.menuC{
    background-color: #00CC00;
}
.data-btn{
    display: inline;
}
.page-data{
    display: inline;
    float: left;
}
.navmenu{
    width:72pt;
    float: left;
    display: inline;
}
.navmenu td{
    background-color: #cccccc;
    width:80px;
    text-align: left;
    padding-left: 5pt;
    padding:3pt;
    border-radius:25px;
}
.navmenu td:hover {
    border-radius:25px;
    background:#FF9900;
    opacity: 1;
}
.navmenu a {
    text-decoration: none;
}
.listdata td{
    border: solid 1pt gray;
    padding: 2pt;
}
.listdata th{
    border: solid 1pt gray;
    padding: 2pt;
}
.listdata{
    border-collapse: collapse;
}
.viewdata{
    border-collapse: collapse;
}
.viewdata td:first-child{
    background-color: seashell;
    font-size: small;
    padding: 2pt;
}
.viewdata td:nth-child(2){
    padding: 2pt;
    padding-left: 20px;
}
.paging {
    width: 600pt;
    margin: 5pt;
    text-align: center;
}

input{    
    border:1px solid #ddd;
    height:26px;
}
input[type="password"]{    
    border:1px solid #ddd;
    height:26px;
}
input:focus{  
    background-color:#e6dfbd;
}
input[type]:required {
    border:solid 1pt pink;
}
input[type="text"]:read-only {
    background: #eeeeee;
    border:solid 1pt #dddddd;
}
input[type="file"] {
    width: 160pt;
}

#wrapper{
    
    margin-top:30px;
    width:90%;
    min-height:600px;
    margin-left:5%;
    border:1px solid #ddd;
    background:#fff;
   
}

.page-container{padding:20px;}
.page-data{padding:10px;}
.page-data span{
    font-size: 16pt;
}
.page-header{
    padding:2px;
    padding-left:40px;
    background:#8089be;
    color:#FEFFFD;
}
.page-header-super{
    padding:2px;
    padding-left:40px;
    background:#665847;
    color:#FEFFFD;
}
.page-header-super img{
    float: right;
    padding:7pt;
    opacity: 0.3;
}
.page-header td:first-child img{
    width:60pt;
    height: 40pt;
    padding-right: 30pt;
    padding-left: 30pt;
    margin-left: 0;
}
.page-header td:nth-child(2){
    width:100%;
}
.page-header img.right{
    padding:7pt;
    opacity: 0.3;
    width:40pt;
}
img.currentpage{
    border-radius:25px;
    opacity: 1;
}
.page-header-super img:hover {
    border-radius:25px;
    background:#FF9900;
    opacity: 1;
}
.page-header img:hover {
  border-radius:25px;
  background:#FF9900;
  opacity: 1;
}
.data-btn{padding-left:8px}
.data-btn button{
    padding:10px 20px;background:#FF9900;border:1px solid #fff;
    color:#FEFFFD;font-weight:bold;
}

.data-table{padding-left:10px;}
.data-table table{border-collapse:collapse;border:1px solid #ddd;width:100%}
.data-table th{border:1px solid #ddd;}
.data-table td{border:1px solid #ddd;}
.data-table2{padding-left:10px;}
.data-table2 table{border-collapse:collapse;display:inline;}
.data-table2 th{border:1px solid #ddd;}
.data-table2 td{border:1px solid #ddd;}
.a-inside{padding:4px 10px;border:1px solid #fff;text-decoration:none;}
.a-inside.edit{background-color:#00CC00;color:#fff;}
.a-inside.delete{background-color:#D23641;color:#fff;}
input[type="password"]:focus{  
    background-color:#e6dfbd;
}
select{
    border:1px solid #ddd;
    height:26px;
    width:120px;
}
select:focus{  
    background-color:#e6dfbd;
}
textarea:focus{  
    background-color:#e6dfbd;
}
input[type="submit"]{
    width:60pt;
    height: 22pt;
    border:1px solid #6599FF;
    color:#fff;
    font-weight:bold;
    background:#6599FF;
}
input[type="button"]{
    width:60pt;
    height: 22pt;
    padding:0px;
}
.cancel{
    background-color:#D23641;color:#fff;
    border:1px solid #d32132;color:#fff;
    padding:8px 35px;font-weight:bold;
}
.act{
    border:1px solid #6599FF;color:#fff;
    padding:8px 35px;font-weight:bold;
    background:#6599FF;
}
textarea{ border:1px solid #ddd;width:296px;}
.label{font-weight:normal;}

#footer{
    margin-left:82%;
 /*   margin-top:10%;   */
}
#StartRequestData{
    width:96%;
}
#StartRequestData input[type=text]{
    width:100%;
}
#StartRequestData select{
    width:100%;
}
.labelRequestData{
    width:40%;
}
.embedhelp{
    background-color: #eee;
    border-radius:10px;
    padding: 10pt;
    border:1px solid #ccc;
    margin-top: 5pt;
    margin-bottom: 5pt;
}
.none{
    display: none;
}