/ CSS and Images - originally by Tim Scarfe, 2002 - http://www.developer-x.com/projects/tabs/ */

.XPLunaVarWidth_Top_TabStrip {
 margin:0;padding:0;
/* background-color: #fff;*/
 border: none;
 float: left;
 filter: none;
}

.XPLunaVarWidth_Top_TabPage {
 margin-Top: 1px;
 border: none;
 width: 100%;
 background: #fff;
 padding: 2px 2px;
 color: black;
 border: 1px solid rgb( 188, 216, 238 );
 
 clear: both;
}

.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabUnselected #tabcenter {
 cursor: pointer;
 background-image:url("tab.unselected.center.gif");
 background-position: left Top;
 background-repeat: repeat-x;
 position:	relative;
 display: inline;
 float: left;
 overflow: hidden;	
 font: 11px Tahoma;
 color: black;
 white-space: nowrap;
 text-align: center; 
 height: 24px;
 line-height: 24px;
 _Top: 1px;
 border: 0px;
}

.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabUnselected #tabright {
 cursor: pointer;
 background-image:url("tab.unselected.right.gif");
 background-position: left Top;
 background-repeat: no-repeat;
 position:	relative;
 display: inline;
 float: left;
 width: 10px;
  height: 24px;
 line-height: 24px;
 _Top: 1px;
 border: 0px;
 }
 
.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabUnselected #tableft {
 cursor: pointer;
 background-image:url("tab.unselected.left.gif");
 background-position: right Top;
 background-repeat: no-repeat;
 position:	relative;
 display: inline;
 float: left;
 width: 4px; 
 height: 24px;
 line-height: 24px;
 _Top: 1px;
 border: 0px;
 }

.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabSelected #tabcenter {
 cursor: pointer;
 background-image:url("tab.selected.center.gif");
 background-position: left Top;
 background-repeat: repeat-x;
 position:	relative;
 display: inline;
 float: left;
 overflow: hidden;	
 font: 11px Tahoma;
 color: white;
 white-space: nowrap;
 text-align: center; 
 height: 24px;
 line-height: 24px;
 Top: 1px;
 _Top: 2px;
 border: 0px;
 }

.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabSelected #tabright {
 cursor: pointer;
 background-image:url("tab.selected.right.gif");
 background-position: left Top;
 background-repeat: no-repeat;
 position:	relative;
 display: inline;
 float: left;
 width: 10px; 
 height: 24px;
 line-height: 24px;
 Top: 1px;
 _Top: 2px;
 border: 0px;
  }
 
.XPLunaVarWidth_Top_TabStrip .XPLunaVarWidth_Top_TabSelected #tableft {
 cursor: pointer;
 background-image:url("tab.selected.left.gif");
 background-position: right Top;
 background-repeat: no-repeat;
 position:	relative;
 display: inline;
 float: left;
 width: 4px; 
 height: 24px;
 line-height: 24px;
 Top: 1px;
 _Top: 2px;
 border: 0px;
 }