/***************************************************************************************************
* Description:
* Style definition for the solarmax diagramm tabs
* 
* Versions:
* Initial		19.10.2011		Beat Schilbach (Steckborn)	
***************************************************************************************************/


/**************************************************************************
* Tabs Formatting
**************************************************************************/
/* tabs basic definition */
ul.tabs
{
	margin: 		0;
	padding: 		0;
	float: 			left;
	list-style: 	none;
	height: 		26px;
	border-bottom: 	1px solid #999;
	border-left: 	1px solid #999;
	width: 			100%;
	font-size:		10px;
	text-decoration: none;
}
ul.tabs li 
{
	float: 			left;
	margin: 		0;
	padding: 		0;
	height: 		26px;
	line-height: 	26px;
	border: 		1px solid #999;
	border-left: 	none;
	margin-bottom: 	-1px;
	background: 	#e0e0e0;
	overflow: 		hidden;
	position: 		relative;
	text-decoration: none;
}
ul.tabs li a 
{
	text-decoration: none;
	color: 			#000;
	display: 		block;
	font-size: 		1.2em;
	padding: 		0 20px;
	border: 		1px solid #fff;
	outline: 		none;
}
ul.tabs li a:hover 
{
	background: 	#ccc;
	text-decoration: none;
}	

/* active tab */
html ul.tabs li.active, html ul.tabs li.active a:hover  
{
	background: 	#fff;
	border-bottom: 	1px solid #fff;
	font-weight: 	bold;
}


/*** tab container
**************************************************************************/
.tab_container 
{
	border: 		1px solid #999;
	border-top: 	none;
	clear: 			both;
	float: 			left; 
	width: 			100%;
	background: 	#fff;
}
.tab_content 
{
	padding: 		20px;
}


/*** tab content tags
**************************************************************************/
/* tab content title */
.tab_content h2 
{
	font-weight: 	bold;
	padding-bottom: 10px;
	border-bottom: 	1px dashed #ddd;
}
/* more styles may be added locally or above styles may be overwritten 
   in separate style sheets */
   
   
/**************************************************************************
* BLOG Formatting
**************************************************************************/
/*** blog title
**************************************************************************/
div.blogTitle
{
	margin-top:		20px;
}
div.blogTitle h2
{
	color:			#000;
	font-weight: 	bold;
	font-size: 		14px;
	margin:			0px;
}
div.blogTitle h2 a
{
	text-decoration: none;
}
div.blogTitle h3
{
	color:			#ccc;
	font-weight: 	bold;
	font-size: 		12px;
	margin: 		5px 0px 10px 0px;
}

/*** blog comments
**************************************************************************/
div.blogCommentInfo
{
	font-size: 		10px;
	margin:			0px;
	margin-top:		10px;
}
div.blogCommentInfo a
{
	color:			#000;
	font-size: 		0.5e;
	text-decoration:none;
}

/*** blog history
**************************************************************************/
div.blogHistory {
	margin:			0px;
	margin-top:		20px;
	padding:		5px;
}
div.blogHistory h2 {
	font-weight:	bold;
	font-size:		12px;
	margin:			0px;
	margin-bottom:	10px;
}
div.blogHistory ul {
	margin:			0px;
	list-style-type: none;
	list-style-position: inside;
}
div.blogHistory ul li span {
	color:			gray;
	font-size:		0.8em;
}

/*** blog history
**************************************************************************/
div.blogNavigation {
	margin:			0px;
	margin-top:		20px;
	margin-bottom:	20px;
	padding:		5px;
	height: 		16px;
	vertical-align:	middle;
}

/*** blog comment form
**************************************************************************/
div.blogCommentForm
{
	margin:			0px;
	margin-top:		20px;
	padding:		0px;
}
div.blogCommentForm h2
{
	color:			#000;
	font-size:		12px;
	font-weight:	bold;
	margin:			0px;
	padding-bottom:	2px;
	margin-bottom:	15px;
	border:			0px;
	width:			80%;
}
div.blogCommentForm h3
{
	color:			#000;
	font-size:		12px;
	font-weight:	bold;
	margin:			25px;
	padding-bottom:	2px;
	margin-bottom:	15px;
	border:			0px;
	width:			80%;
}
div.blogCommentForm div
{
	margin:			0px;
	margin-bottom:	15px;
	margin-left:	25px;
	border:			0px;
	width:			100%;
}