/*
* Default CSS for Moobot Tabs Plugin
*/

/*
* Style for the tab container
*/
#tabs.mootools_container {
}

/*
* The wrapper around all tab content
*/
.tab-wrapper
{
	padding:				1em 1.5em;
	border:					1px solid #eee;
}

/*
* The menu strip with the individual tabs
*/
.tab-menu
{
	list-style:				none;
	padding:				2px 0;
	clear:					both;
	line-height:			17px;
	font-size:				12px;
}

/*
* The individual tabs
*/
.tab-menu li
{
	display:				inline;
	margin:					0 2px;
}

.tab-menu li a
{
	padding:				1px 5px;
	background-color:		#f5f5f5;
	color:					#222;
	font-weight:			bold;
	text-decoration:		none;
}

.tab-menu li a:hover,
.tab-menu li a:focus
{
	background-color:		#D1DCED;
	border-bottom-color:	#999;
}

.tab-menu li a:hover
{
	background-color:		#D1DCED;
	border-bottom-color:	#999;
}

.tab-menu li.tab-selected a
{
	background-color:		#55788A;
	color:				#DCE6F1;
	list-style-image:		 none;
}