body { padding-top: 50px; padding-right: 50px; background-color: #2a2a2b !important; color:white !important}
.content { padding: 40px 15px; text-align: center; }
#cost { margin-top:75px;}
.table { font-family:Consolas, sans-serif; }
#total { font-weight:bold; text-align:center; }
#hp, #hc, #startDate, #endDate { text-align:center; }
#chart_div {height:500px;}
#chart_detail_div {height:440px;/*600px;*/}
.buttonCenterBar{ position: absolute; left: 50%; padding-top:5px; transform: translate(-50%, 0); z-index:10000 }
.top-container {width: 300px; height: 200px; float: left }
#container-console {background: rgba(0,0,0,0.3); border: 1px solid #ccc; color: #ccc; display: block; padding: 5px; height: 180px; font-size:11px; margin:10px 0; font-family:consolas }
#tail {list-style-type: none; padding: 0 }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(images/loader-128x/Preloader_2.gif) center no-repeat #fff; }

/* JQUERY UI RESTORE STYLE */
.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}

.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-controlgroup-item {
   font-size: .8em !important;
}
/*************************/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #AAA!important;
  background: #000 50% 50% repeat-x!important;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border-color: #555!important;
}


.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: red;
  background-color: #080808;
  *background-color: #080808;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}