#tabs_container {
  text-align: center;
  width:772px;
  background: url("../images/tabs/bg.gif") repeat-x bottom;
  line-height:normal;
}

#tabs_container ul {
  margin:0;
  padding:0px 0px 0;
  list-style:none;
}
#tabs_container li {
  display:inline;
  margin:0;
  padding:0;
  cursor: pointer;
}
#tabs_container a {
  float:left;
  background: url("../images/tabs/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:2px solid #ccc;
  color: #7F0645;
}
#tabs_container a span {
  float:left;
  display:block;
  background:url("../images/tabs/right_both.gif") no-repeat right top;
  padding:5px 9px 3px 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 12px;
  white-space:nowrap;
  color: #7F0645;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_container a span {float:none;}
/* End IE5-Mac hack */
#tabs_container a:hover span {
  color:#333;
}
#tabs_container .current a {
  background-position:0 -150px;
  border-width:0;
}
#tabs_container .current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
}
#tabs_container a:hover {
  background-position:0% -150px;
}
#tabs_container a:hover span {
  background-position:100% -150px;
}

.cl_tabs_container {
  text-align: center;
  width:675px;
  background: url("../images/tabs/bg2.gif") repeat-x bottom;
  line-height:normal;
}
 
.cl_tabs_container ul {
  margin:0;
  padding:0 0 0;
  list-style:none;
  position: relative;
  z-index: 1;
}
.cl_tabs_container li {
  display:inline;
  margin:0;
  padding:0;
  cursor: pointer;
}
.cl_tabs_container a {
  float:left;
  background: url("../images/tabs/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:2px solid #ccc;
  /*text-decoration:none;*/
}
.cl_tabs_container a span {
  float:left;
  display:block;
  background:url("../images/tabs/right_both.gif") no-repeat right top;
  padding:5px 15px 3px 6px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 12px;
  white-space:nowrap;
  /*color: #7F0645;*/
  color: #22408C;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.cl_tabs_container a span {float:none;}
/* End IE5-Mac hack */
.cl_tabs_container a:hover span {
  color:#333;
}
.cl_tabs_container .current a {
  background-position:0 -150px;
  border-width:0;
}
.cl_tabs_container .current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
}
.cl_tabs_container a:hover {
  background-position:0% -150px;
}
.cl_tabs_container a:hover span {
  background-position:100% -150px;
}


#panel_container {
  clear: left;
  width:772px;
  border-width: 0px 2px 2px 2px;
  border-color: #cccccc;
  border-style: solid;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 10px 0px;
  /* background:#DAE0D2 url("../images/tabs/bg.gif") repeat-x bottom; */
}

.panel_box {
  /*width:772px;*/
  border: 2px solid #cccccc;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 10px 3px;
}

.step_on {
  border: 2px solid #cccccc;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 10px 3px;
}

.step_off {
  border: 2px solid #cccccc;
  padding: 10px 3px;
}

#panel_container2 {
  clear: left;
  width:675px;
  border-width: 2px;
  border-color: #cccccc;
  border-style: solid;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 0px 0px;
  /* padding: 10px 3px */
  /* background:#DAE0D2 url("images/tabs/bg.gif") repeat-x bottom; */
}

.panel_box2 {
  width:675px;
  border: 2px solid #cccccc;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 10px 3px;
}

.step_on2 {
  border: 2px solid #cccccc;
  background: url("../gif/tile_grey.gif") repeat;
  padding: 10px 3px;
}

.step_off2 {
  border: 2px solid #cccccc;
  padding: 10px 3px;
}