/* evx_family.css - Eventerex Family Style Sheet */
BODY,TD,INPUT,SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
}  
body,html {
  background-color: #effdef;
}
.i_head {
  margin-left: 8px;
  padding-left: 8px;
  left: 8px;
}
.i_body {
  margin: 0 auto;
  text-align:center; /* for IE */
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  background-color: #effdef;
}  
.i_toptable {
  background-color: white;
}
.i_page {
  margin: 0 auto;
  text-align:left; /* for IE */
  left: 0px;
  top: 0px;
  background-color: #effdef;
} 

.i_menu {
  background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #A1C0F5),
	color-stop(1, #1F1FAB)
  );
  background-image: -o-linear-gradient(right, #A1C0F5 0%, #1F1FAB 100%);
  background-image: -moz-linear-gradient(right, #A1C0F5 0%, #1F1FAB 100%);
  background-image: -webkit-linear-gradient(right, #A1C0F5 0%, #1F1FAB 100%);
  background-image: -ms-linear-gradient(right, #A1C0F5 0%, #1F1FAB 100%);
  background-image: linear-gradient(to right, #A1C0F5 0%, #1F1FAB 100%);
  background-image: linear-gradient(to right, #7DCAEA 0%, #5C5CE6 100%);
  // background-color: rgb(161,192,245);
  border-bottom: 1px solid blue;
}
/* This one contains the list section */
#d_recordlist {
  text-align: left;
  margin: 0 auto;
  padding: 2px;
  width:	900px;
  top: 0px;
}
/* This is the list grid */
#nlstMaintenance {
/*  top: 5px;
  width: 900px;
  height: 150px;*/
}
/* Tweak for grid headers */
.ui-jqgrid .ui-jqgrid-htable th div {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  13px;
  text-align: left;
}
.i_recordlist{
  margin: 0 auto;
  text-align:left;
  width: 900px; 
  top: 0px;
}
.i_recordlistlist {
  height: 170px;
}
#d_recordlistbuttons {
  clear: both;
  padding: 2px;
  position: absolute;
  left: 920px;
  top: 5px;
  background-color: #effdef;
}
#d_details {
  padding: 2px;
  width: 900px;
  position: absolute;
  left: 0px;
  top: 170px;
}
#d_details_nl {
  padding: 2px;
  width: 900px;
  position: absolute;
  left: 10px;
  top: 180px;
}
#d_details_nl_nm {
  padding: 2px;
  width: 900px;
  position: absolute;
  left: 10px;
  top: 80px;
}
#d_detailsbuttons {
  padding: 2px;
  position: absolute;
  left: 920px;
  top: 170px;
  height: 300px !important;
}
#d_detailsbuttons_nl {
  padding: 2px;
  position: absolute;
  left: 920px;
  top: 220px;
}
#d_detailsbuttons_nl_nm {
  padding: 2px;
  position: absolute;
  left: 580px;
  top: 80px;
}
.i_caption {
  width: 200px;
}
.i_toptable {
  padding:0;
  text-align:left; 
}
.i_details {
  width: 900px;
}
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: 100px;
  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;
  background-color: #effdef;
}
/* 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;
  background-color: #effdef;
}
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;
}
.ui-tabs .ui-tabs-panel {
  background-color: #effdef;
}
div#tabs {
  width: 98%;
  overflow: hidden;
  background-color: #effdef;
}
.tabFrame {
  height: 94%;
  width: 98%;
  margin: 0 auto;
}
#uploader {
  width: 700px;
}
/* Tweaks for popup */
.ui-button {
  font-family: "MS Shell Dlg 2" !important;
  font-size: 12px !important;
  padding-top: 0px !important;
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  display: none !important;
}
.ui-widget-overlay {
  opacity: 0 !important;
}