body
{ background: #FFF;
  color: #000;
  background-image:url('../img/bgcolor.png');
  font-family:verdana,helvetica,arial,sans-serif; 
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  min-height:100%; }
button {
font-family:verdana,helvetica,arial,sans-serif; 
}

.clear
{ clear:both; }

#content
{ width:980px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding: 5px;
  background-color: lightgrey;
  border-radius:8px;
  behavior: url(/pie/PIE.htc); }
  
#form
{ border-radius:10px;
  padding:5px;
}

#table{
 width:1000px;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
}
.even { background-color:#bbb; }
.odd { background-color:#888; }
.even:hover { color:#000; cursor:pointer; background-color:#999; }
.odd:hover { color:#000; cursor: pointer;  }

.login_form
{ position: absolute;
  left:50%;
  top: 50%;
  width: 280px;
  height: 200px;
  margin: -100px 0 0 -140px;
}

.form_msg {
  float:right;
  background-color:BlanchedAlmond;
  text-align:center;
  padding: 5px;
  border-radius: 5px;
  border: 1px #ccc solid;  
  behavior: url(/pie/PIE.htc);
}

.form_head {
 border-radius: 5px 5px 0 0;    
 background-image: url("../img/bgmenu.png"); 
 border: 1px solid transparent;
 padding: 0;
 margin: 0 0 0 -1px;
 width: 100%;
 height: 20px;
 behavior: url(/pie/PIE.htc);
}

.form_head h1
{ font-size: 13px;
  color: whitesmoke;
  font-weight: bold; 
  padding: 2px 0 0 5px;
  margin:0px;   
  float: left;
}

.form_head h2
{ font-size: 13px;
  color: whitesmoke;
  font-weight: bold; 
  padding: 2px 10px 0 5px;
  margin:0px;   
  float: right;
}

.head_add 
{ float:right;
  background-image: url("../img/add_button.png"); 
  background-repeat: no-repeat;
  padding: 0px;
  margin: 2px 5px 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.form_head h2:hover
{ color: white; } 

.form_body 
{ border-radius: 0 0 5px 5px;    
  background-color:whitesmoke;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 0;
  margin: 0 0 0 -1px;
  width: 100%;
  behavior: url(/pie/PIE.htc);
  overflow:hidden;
}

.form_body table
{ width:100%; 
  margin-top:-1px;
  border-collapse:collapse;
  border-spacing:0;
  behavior: url(/pie/PIE.htc);
}
.require
{ color: FireBrick !important; }

.remark {
 margin: 10px 0 0 0;
 text-align:center;
}

table.list_elem thead
{ background-color:Wheat;
  font-weight:bold; 
  text-align:center;
}

table.list_elem thead>tr>td
{ border:1px solid DarkGray;
  padding:0 2px;
  height:20px; 
}

table.list_elem tbody>tr>td
{ border:1px solid DarkGray;
  padding:0 2px;
  height:20px;
}

table.list_elem tbody tr:nth-child(even) {background: #E2ECF1}
table.list_elem tbody tr:nth-child(odd) {background: #FFF}
table.list_elem tbody tr:hover { background-color:lightgray; }

table.list_elem tfoot>tr>td
{ border:1px solid DarkGray;
  background-color:#eee;
  padding:0 2px;
  height:20px;
}

.but_txt
{ height: 22px; 
  margin: 1px;
  padding-right:2px;
  border: 1px solid gray;
  background:#dff;
  background-position:2px center;
  background-repeat: no-repeat;
  cursor: pointer; /* hand-shaped cursor */
  border-radius: 5px;
  text-indent:14px;
}

.but_img
{ height: 16px; 
  width: 16px;
  margin: 1px;
  padding: 0;
  border: 0;
  background:none;
  background-position:center center;
  background-repeat: no-repeat;
  cursor: pointer; /* hand-shaped cursor */
}

.but_up     { background-image: url("../img/sort_up.gif");   height:8px; margin:0;}
.but_down { background-image: url("../img/sort_down.gif"); height:8px; margin:0; }
.but_edit { background-image: url("../img/b_edit.png"); }
.but_del   { background-image: url("../img/b_drop.png"); }
.but_ok     { background-image: url("../img/b_success.png"); }
.but_cancel { background-image: url("../img/b_cancel.png"); }
.but_active     { background-image: url("../img/status-active.gif"); }
.but_inactive { background-image: url("../img/status-inactive.gif"); }
.but_browse { background-image: url("../img/b_browse.png"); }
.but_print  { background-image: url("../img/b_print.png"); }

.but_search 
{ width: 20px;
  height: 20px;
  background-image: url("../img/b_search.png"); 
  background-repeat: no-repeat;
  background-position: center center;
  display:inline-block;
  vertical-align:bottom;
  cursor:pointer;
}

#but_arrow:hover
{ background-image: none; 
  background-color: gray; }
  
#but_mini
{ height:15px; 
  display:block; 
  padding:2px; 
  margin:1px;  
  border-radius:5px; 
 /* background-image: url("../img/box-head.jpg"); */
  background-color:darkgray;
  border: 1px solid #30576e;
  color: whitesmoke;
  text-align:center;
  text-decoration:none;
  font-size:12px;
  font-weight: bold;
  behavior: url(/pie/PIE.htc);
}

#but_mini:hover
{ background-image: none; 
  background-color: gray; }