BODY,TD,INPUT,SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
}  
.i_body {
  margin: 0 auto;
  text-align:center; /* for IE */
  padding:0;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  background-color: #ffffca;
}  
.i_page {
  margin: 0 auto;
  text-align:left; /* for IE */
  left: 0px;
  top: 0px;
} 

.i_menu {
  background-color: rgb(161,192,245);
  border-bottom: 1px solid blue;
}
#d_recordlist {
  text-align: left;
  margin: 0 auto;
  padding: 2px;
  width:	600px;
  top: 80px;
}
#lstMaintenance {
  width: 600px; 
  height: 350px;
  top: 120px;
}
.i_recordlist:before{
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  font-weight: bold;
  content: "Record list";
}
.i_recordlist{
  margin: 0 auto;
  text-align:left;
  width: 600px; 
  top: 0px;
}
.i_recordlistlist {
  height: 400px;
}
.i_details:before{
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  font-weight: bold;
  content: "Selected record";
}
#d_recordlistbuttons {
  clear: both;
  padding: 2px;
  position: absolute;
  left: 1180px;
  top: 120px;
}
#d_details {
  padding: 2px;
  width: 400px;
  position: absolute;
  left: 610px;
  top: 120px;
}
#d_details_nl {
  padding: 2px;
  width: 400px;
  position: absolute;
  left: 10px;
  top: 120px;
}
#d_details_nl_nm {
  padding: 2px;
  width: 400px;
  position: absolute;
  left: 10px;
  top: 40px;
}
#d_detailsbuttons {
  padding: 2px;
  position: absolute;
  left: 1180px;
  top: 180px;
}
#d_detailsbuttons_nl {
  padding: 2px;
  position: absolute;
  left: 580px;
  top: 120px;
}
#d_detailsbuttons_nl_nm {
  padding: 2px;
  position: absolute;
  left: 580px;
  top: 40px;
}
.i_toptable {
  padding:0;
  text-align:left; 
}
div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0px;
}
div#footer{
  text-align:center; 
  font-family: Arial, Helvetica, sans-serif;
  color: gray;
  font-size:  10px;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:15px;
}
BUTTON {
  width: 90px;
  height: 25px;
  font-size:  12px;
}
@media screen{
  body>div#header{
    position:fixed;
  }
  body>div#footer{
    position:fixed;
  }
}
* html body{
  overflow:hidden;
} 
* html div#content{
  height:100%;
  overflow:auto;
}
/* Tabs handling */
ul#tabs {
  list-style-type : none; 
  margin: 30px 0 0 0; 
  padding: 0 0 0.3em 0; 
}
ul#tabs li {
  display: inline; 
  height: 25px;
}
ul#tabs li a {
  color : #42454a; 
  background-color: #dedbde; 
  border: 1px solid #c9c3ba; 
  border-bottom: none; 
  padding: 0.3em; 
  text-decoration: none; 
}
ul#tabs li a:hover {
  background-color: #f1f0ee; 
}
ul#tabs li a.selected {
  color: #000; 
  background-color: #f1f0ee; 
  font-weight: bold; 
  padding: 0.7em 0.3em 0.38em 0.3em; 
}
div.tabContent {
  border: 1px solid #c9c3ba; 
  padding: 0.5em; 
  background-color: #f1f0ee;
  height: 500px;
}
div.tabContent.hide {
  display: none; 
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: none;
    background: blue !important;
    color: white !important;
}
/* Tweak for grid headers */
.ui-jqgrid .ui-jqgrid-htable th div {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  text-align: left;
}