.tabs{
  position: relative;
  display: block;
  overflow: hidden;
  height: 21px;
  padding: 0px 0px 0px 10px;
  vertical-align: bottom;
  margin: 10px 0px 10px 0px;
}

.tabs .line{
  position: absolute;
  display: block;
  left: 0px;
  top: 19px;
  width: 100%;
  height: 2px;
  z-index: 2;
  background: #363636;
}

DIV.tab, DIV.atab{
  display: block;
  position: relative;
  z-index: 1;
  float: left;
  width: 110px;  height: 19px;
  margin: 0px;
  vertical-align: bottom;
  margin-right: -8px;
}

DIV.atab{
  z-index: 3;
}

DIV.tab a, DIV.tab a:link, DIV.tab a:active, DIV.tab a:visited, DIV.tab a:hover,
DIV.atab a, DIV.atab a:link, DIV.atab a:active, DIV.atab a:visited, DIV.atab a:hover{
  display: block;
  overflow: hidden;
  height: 19px;
  margin: 0px;
  text-decoration:none;
  margin: 0px 9px 0px 20px; padding: 3px 10px 0px 4px;
  background: transparent url(../images/tabs/tabgbg.png) repeat-x top left;
  color: white;
  
}

DIV.atab a, DIV.atab a:link, DIV.atab a:active, DIV.atab a:visited, DIV.atab a:hover{
  background: transparent url(../images/tabs/tabgbg.png) repeat-x top left;
  font-weight: bold;
}

DIV.tab .l, DIV.atab .l{
  display: block;
  position: absolute; top:0px; left:0px;
  width: 20px; height: 19px;
  background: transparent url(../images/tabs/tabgl.png) no-repeat top left;
}

DIV.tab .r, DIV.atab .r{
  display: block;
  position: absolute; top: 0px; right: 0px;
  width: 9px; height: 19px;
  color: red;
  background: transparent url(../images/tabs/tabgr.png) no-repeat top left;
}


DIV.atab .l{
  background: transparent url(../images/tabs/tabgl.png) no-repeat top left;

}

DIV.atab .r{
  background: transparent url(../images/tabs/tabgr.png) no-repeat top left;
}


/******************************************************************************/

.utabs{
	padding: 4px 15px 0px 5px;
	margin: 0px 0px 15px 0px;
	height: 18px;
	clear: both;
	text-align: left;
	border-bottom:1px solid #eee;
	position:relative;
	top:-1px;
}

TD.utab, TD.utab1,TD.adtab, TD.adtab1 {
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 12px;
	padding: 0px 3px 0px 3px;
	background: url(../images/tabs/bg_tab.png);
	font-weight:bold;
}

TD.utab A, TD.adtab A{
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 12px;
	color: #346D00;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 0pc #ABDC70;
}

TD.utab1 A, TD.adtab1 A{
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: url(../images/tabs/bg_tab_on.png);
}


TD.utab a:hover, TD.utab1 a:hover, TD.adtab a:hover, TD.adtab1 a:hover{
    color: #fff;
	text-shadow: 0px 0px 0pc #346D00;
}
/**************************************************************************************************/
ul.tabbar {
    position:relative;
    top: 1px;
    z-index: 1;
    display: none; /* This is important so the tabbar won't be shown if JavaScript is not available. */
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

ul.tabbar li {
    padding: 0;
    display: inline;
}

.tabbar a {
    display: block;
    float: left;
    margin-right: 2px;
    border-bottom: 0px;
    padding: 0.2em 0.8em;
    font-size: 10px;
    color: #7D7D7D;
    text-decoration: none;
	border:1px solid #848196;
	background:#f9f9f9;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	
}

.tabbar a:hover {
    color: #444;
    background-color: #fff;
}

.tabbar a.highlight {
    background-color: #f4f4f4;
    color: #444;

	border:1px solid #646176;
	border-bottom: 1px solid #f9f9f9;
	background:#f9f9f9;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	z-index:2;
	position:relative;
	top:1px;
}



#boxes {
    clear: both;
    min-height: 300px;
    margin-bottom: 1em 0.4em;
    padding: 20px;
	border:1px solid #646176;
	background:#fcfcfc;
	border-radius:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:2px;
	box-shadow:0px 1px 2px #f8f8f8;
	-moz-box-shadow: 1px 1px 2px #bebebe; 
	-webkit-box-shadow: 0px 1px 2px #f8f8f8; 
}