#toolbar {
	height: 37px;
	width: 100px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;
	float:left;
	overflow:hidden;
	visibility:hidden;
	}
	
#toolbar li {
	position: absolute;
text-indent: -9999px;
	top: 0;
	}
	
#toolbar li a {
	height: 37px;
	display: block;
	}
	
#toolbar li.active {
	/*border-bottom: 1px solid #f2f2f2;*/
	background-position: bottom;
	height: 37px;
	z-index: 10;
	}

#toolbar li.inactive {
	background-position: top;
	border-bottom: 1px solid #ccc;
	}
	
#toolbar li:hover {
	background-position: bottom;
	}
		
#toolbar li#new-tab {
	left: 0;
	width: 101px;
	background-image: url(../slider/tab-1.gif);

	}
	
#toolbar li#sites-tab {
	left: 104px;
	width: 84px;
	background-image: url(../slider/tab-2.gif);
	}

#toolbar li#files-tab {
	left: 192px;
	width: 112px;
	background-image: url(../slider/tab-3.gif);
}

#toolbar li#editor-tab {
	left: 307px;
	width: 58px;
	background-image: url(../slider/tab-4.gif);
	}

#toolbar li#preview-tab {
	left: 368px;
	width: 92px;
	background-image: url(../slider/tab-5.gif);
	}

#toolbar li#css-tab {
	left: 463px;
	width: 77px;
	background-image: url(../slider/tab-6.gif);
	}

#toolbar li#more-tab {
	left: 543px;
	width: 129px;
	background-image: url(../slider/tab-7.gif);
	}
	
#toolbar li#right {
	left: 676px;
	width: 16px;
	background-image: url(../slider/button-r.gif);
	}



#tab-container {
float:left;
padding:0px 0px 0px 0px;
width:695px;
}


.tab-area {
float:left;
padding:0px 5px 0px 5px;
width:685px;
font: 9pt "Trebuchet MS";
/*overflow:hidden;*/
/*position:relative;*/
}

.tab-inner-area {
width:auto;
height:auto;
padding:0 0 0 20px;
}




h3 {
font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
padding:0px 0 0 0;
}

.tab-inner-area ul {
margin:0;
padding:13px 0;
}


.tab-inner-area ul li{
background:url(../images/red-triangle-bullet.gif) no-repeat left;
font:8pt Tahoma;
line-height:22px;
padding:0 0 0 15px;
}

	
/* The slide-y content box thingy */

/*#frame, #frame div.button, #scroller, .section { height: 57em; }*/

#frame {
overflow: hidden;
float:left;
padding:0px 0px 3px 10px;
width:690px;
height:auto;
font: 9pt "Trebuchet MS";
position:relative;
text-align: left;margin: 0 auto;
	}
	
div.button {
	position: absolute;
	top: 0px;
	}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {
	width:690px;
	margin: 0px 0 0 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
	float:left;
	}

#content {
	width: 5250px;
	padding:10px 0;
	}
	
.section {
	width: 670px;
	margin:0 20px 0 0 ;
	float: left;
	}

#tab-inner-container, .tab-inner-container {
width: 670px;
height:auto;
padding:0 0 0 0px;
float:left;
}	

.tab-inner-area {
width:520px;
height:auto;
padding:0 0 0 20px;
float:left;
}




h3 {
font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
padding:0px 0 0 0;
}

.tab-inner-area ul {
margin:0;
padding:13px 0;
}


.tab-inner-area ul li{
background:url(../images/red-triangle-bullet.gif) no-repeat left 7px;
font:8pt Tahoma;
line-height:20px;
padding:0 0 0 15px;
float:none;
width:auto!important;
}
	
.tab-menu{
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	height: 37px;
	list-style: none;
}

.tab-menu li{
	float:left;
	padding:0 2px 0 0;
	margin-right:2px;
}

.tab-menu li a{
	float: left;
	display: block;
	color:#2d2d2d;
	text-decoration: none;
	font: 8pt "Tahoma";
	padding:0 0 0 6px; /*Padding to accomodate left tab image. Do not change*/
	height: 37px;
	text-align: center;
	cursor: pointer;
	line-height: 37px;
}

.tab-menu li a span{
	float:none;
	display: block;
	padding: 0 10px 0 4px; /*Padding of menu items*/
}

.tab-menu li a{
	color: #2d2d2d;
	background: url(../slider/images/tab-left.gif) no-repeat 0 0; /*left tab image path*/
}

.tab-menu li a:hover{
	color: #2d2d2d;
	background: url(../slider/images/tab-left.gif) no-repeat; /*left tab image path*/
	background-position: bottom left;
	font: bold 8pt "Tahoma";
}

.tab-menu li a.selected {
	color: #2d2d2d;
	background: url(../slider/images/tab-left.gif) no-repeat; /*left tab image path*/
	background-position: bottom left;

}

.tab-menu li span{
	color: #2d2d2d;
	background: url(../slider/images/tab-bg.gif) no-repeat right top; /*right tab image path*/
}

.tab-menu li a:hover span{
	color: #2d2d2d;
	background: url(../slider/images/tab-bg.gif) no-repeat right bottom; /*right tab image path*/

}

.tab-menu li a.selected span{
	color: #2d2d2d;
	background: url(../slider/images/tab-bg.gif) no-repeat right bottom; /*right tab image path*/
}