.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  float: left;
  width: 100%;
  color:#fff;
  border-bottom:1px solid #7e0037;
}

.tabs li {
  display: block;
  float: right;
  background: #b5b5b5;
  border-left:1px solid #fff;
  text-align:center;
  font-size:17px; font-weight:bold;
}

.tabs li a {
  text-decoration: none;
  padding: 15px 20px;
  display: inline-block;
  color:#fff;
}

.tabs li a:hover {
  color: #F4f4f4;
  background: #7e0037;
}

.tabs li.active a { background: #7e0037; }

.tab-content {
  float: left;
  width: 100%;
  background-color: #fff;
}

.tab-pane {
  padding: 30px 10px;
  display: none;
}

.tab-pane.active { display: block; }

.fade.in { opacity: 1; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear 0s;
}

.toggle-tab-menu {
  background: url("../images/bar.png") no-repeat scroll 10px center #121212;
  color: #FFFFFF;
  margin: 0;
  padding: 10px 0 10px 45px;
  text-align: left;
  display: none;
  cursor: pointer;
}

#history { float:left;font-size:13px; padding:0; margin:0 0 0 50px }
#history li {display:inline; list-style:none;}
#yn { float:left; width:90px; font-size:25px; font-weight:bold; color:#7e0037; padding-top:13px;}
#hw { float:left; text-align:left; background:url(/img/hbg.gif)5px 0px repeat-y; }
#hw ul{ margin:20px 0 20px;}
#hw li.dt{ padding-right:15px; font-weight:bold; color:#7e0037; background:url(/img/hicon.gif)0px 2px no-repeat; overflow:visible; padding-left:35px; }