/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	text-transform:uppercase;
	width:620px;

}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 

}



/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:9.8pt;
	font-family:Arial Black;

	width:137px;	height: 24px;  
	line-height:24px;
	
	text-align:left;

	text-decoration:none;
	padding:0px; margin:0px;	
	background-color:#585555;
	color:#F8EF22;
	margin-right:5px;
	padding-left:13px;	
	position:relative;

	display:block;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	background-color:#F8EF22;
	color:#000000;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {

	cursor:pointer !important; 
	color:#000 !important;
		background-color:#F8EF22;


}



/* initially all panes are hidden */ 
div.panes
{
width:615px;
height:390px;


}


div.contentpane 
{
	font-size:10pt;

	margin-top:30px;
width:615px;
	position:absolute;
	top:0;
	left:0;		
	overflow:hidden;
	display:none;

}



div.controlbar	{
	width:635px;
	height:24px;
	margin-top:2px;
padding:0px;
}





div.control	{
	width:541px;
	height:22px;
	padding:0px;
float:left;

}

div.controlspace	{
	width:541px;
	height:22px;
float:left;

}
a:link.closetablink, a:visited.closetablink {


color:#F8EF22;
text-align:center;
line-height:22px;
font-family:Arial Black;
font-size:9.8pt;
	margin:0px;	padding:0px;
	width:72px; height:22px;
	display:block;
	}
	
a:hover.closetablink
{
	background-image:none;
	background-color:#585555;
	color:#F8EF22;

}
div.closetab{
	width:72px;
	height:22px;
	float:left;
	margin-left:2px;

}


div.column {
	width:267px;
	float:left;
	padding:20px;
	height:310px;
	overflow:hidden;


}
div.widecolumn {
	width:595px;
	float:left;
height:334px;
overflow:hidden;
margin:10px;
margin-right:11px;


}


div.columnholder 
{
	
width:25000px;
height:350px;
}





a:link.previous, a:visited.previous {
	background-image:url(images/arrow-left-off.png);
margin: 3px 7px 0px 20px; padding:0px;
	width:16px; height:16px;
	float:left;
display:block; 
	}
	
a:hover.previous	{
	background-image:url(images/arrow-left-on.png);
}



a:link.next, a:visited.next {
	background-image:url(images/arrow-right-off.png);
margin: 3px 7px 0px 0px; padding:0px;
	width:16px; height:16px;
	float:left;
display:block; 
	}
	
a:hover.next	{
	background-image:url(images/arrow-right-on.png);
}


a:link.page, a:visited.page {
	background-image:url(images/control-bar-off.png);
margin: 3px  3px 0px 0px; padding:0px;
	width:22px; height:16px;
	float:left;
display:block; 
	}
	
a:hover.page	
{
		background-image:url(images/control-bar-hover.png);


}





a:link.currentpage, a:visited.currentpage {
	background-image:url(images/control-bar-on.png);
margin: 3px  3px 0px 0px; padding:0px;
	width:22px; height:16px;
	float:left;
display:block; 
	}
	
a:hover.currentpage	{
	background-image:url(images/control-bar-on.png);
}