/*==================================
TAB CONTENT CSS 
==================================*/
.tabcontent{
	display:none;
	}
/* TABS STYLE = 2
---------------------------------*/
.tabs {
	font-weight:bold;
	position:relative;
	padding:6px 0 0 15px;
	height:24px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
.tabs li{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	}
.tabs li a {
	text-decoration:none;
	position:relative;
	z-index:1;
	padding:4px 15px;
	display:block;
	float:left;
	margin-right:5px;
	color: #ffffff;
	font-size:100%;
	}	
.tabs li a:hover {
	background-position:0 -29px;
	color:#ffffff;
	}
.tabs li #tab1 {
	
	}
.tabs li #tab2 {
	
	}
.tabs li .selected{ /*selected main tab style */
	position: relative;
	padding:6px 10px;
	margin-top:0px;
	background-color:#dfdfdf;
	color:#ff0000;
	background-position:left -24px;
	}
/* TABS STYLE = 2
---------------------------------*/
.tabs1 {
	font-weight:bold;
	position:relative;
	padding:0px 0 0 0px;
	height:24px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
.tabs1 li{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	}
.tabs1  a {
	text-decoration:none;
	position:relative;
	z-index:1;
	padding:0px;
	display:block;
	float:left;
	margin-right:1px;
	color:#ffffff;
	font-size:100%;
	background-color:#ff0000;
	background-image:none;

	}	
.tabs1 li #tab1 {
	}
.tabs1 li #tab2 {
	}
.tabs1 li .selected{ /*selected main tab style */
	position: relative;
	padding:6px 0px;
	margin-top:-4px;
	background-color:#ffffff;
	color:#FFFFFF;
	background-position:0 -29px;
	}