@charset "utf-8";

#pagetabsdiv {										/* container for the list */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #444;
	margin: 4px 5px 0 170px;						/* must match mainContent left margin, as this div is not contained within that div */
}

#pagetabs {												/* the list */
	height:15px;
	list-style:none;
	padding:0;											/* to space the tabs away from the left, use e.g.: padding:0 0 0 10px; */
	margin:0 0 1px 0;
}

#pagetabs a {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

#pagetabs a:hover {
	text-decoration: underline;
}

.tabsli {													/* each item in the list */
	float:left;
	height:15px;  /****YES****/
	margin:0px;
}

.tabsdiv {												/* container for the label on the tab */
	padding:1px 1em 0px 0.5em;
}

.tabslibehind {
	background:url(pagetabs-behind-right.gif) no-repeat scroll right top;
}

.tabsdivbehind {
	background:url(pagetabs-behind-left.gif) no-repeat scroll left top;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;					/* separates tab from page */
	border-color:#777777; 
	height:14px;											/* 14 plus border = 15 to match front */
}

.tabsnotab {											/* fills space to right of tabs */
	position:static;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;					/* separates tab from page */
	border-color:#777777; 
	height:15px;											
}

.tabslifront {
	background:url(pagetabs-front-right.gif) no-repeat scroll right top;
}

.tabsdivfront {
	background:transparent url(pagetabs-front-left.gif) no-repeat scroll left top;
	font-weight:bold;
	top:0px;
	white-space:nowrap;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;					/* separates tab from page */
	border-color:#ffffff; 
	height:14px;
}