/* Contains the entire tabbed section */
.tabbed {
	height:153px;
	~height:151px;
	overflow:hidden;

}

.tabbedcontentButtonMiddle {
	color:white;
}

/* List of tabs */
.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;	
}

.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	cursor:hand;
}

.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 0 0px 0 0;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}

.tabbed ul.tabs li a:hover {

}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	display:block;
	background-image:url(/fileadmin/agripers/images/icons/whiteArrorLeft.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-position-y:10px;
	font-weight:bold;
	padding:4.5px 20px;
	~padding-top:5px;
}

/* The content shown when a tab is selected */
.tabbed div {
	/*
	float: left;
	display: block;
	width: 100%;
	*/
}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
}

.tabbed li {
	width:25%;
	~width:24.999%;	
}

.tabbed li .t1 {
	background-color:#C3D021;
	font-size:16px;
	color:white;
}

.tabbed li .t2 {
	background-color:#00A850;
	font-size:16px;
	color:white;
}

.tabbed li .t3 {
	background-color:#9D3194;
	font-size:16px;
	color:white;
}

.tabbed li .t4 {
	background-color:#0072BB;
	font-size:16px;
	color:white;
}

.tabbed div.t1, .tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	width:535px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
/* Content for inside your tabs' divs */
.tabbed div ul {

}
.tabbed div p {

}
.tabbed div div {

}