.tabscontainer {
	width: 100%; /* main width */
	
}

.tabscontainerMDF{

	width:100%; /* main width */

	

}


/* The Tabs -------------------------------------------- */

#tabsmenu a {
	color: #000; /* Link Colour */
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#tabsmenu a:link{
	color: #000; /* Link Colour */
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#tabsmenu a:visited {
	color: #FFF; /* Visited Link Colour */
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#tabsmenu a:hover {
	color: #FFF; /* Hover Link Colour */
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#tabsmenu {
	margin-left: 10px; /* tabs left margin - if centering tabs or using non-rounded corners, you can set to zero */
}

#tabsmenu ul, #tabs ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabsmenu ul {
	padding: 5px 0 5px 0;
	text-align: left; /* align tabs left, right or center */
}

#tabsmenu ul li {
	display: inline;
	margin-right: 0px; /* Gap Between Each Tab */
}

#tabsmenu ul li a {
	background: url(images/tableft.jpg) no-repeat left top;
	text-decoration: none;
	padding: 5px 0;
}

#tabsmenu ul li span {
	background: url(images/tabright.jpg) no-repeat right top;
	padding: 5px 9px 5px 2px; /* Top Right Bottom Left */
	margin: 4px 0 7px 7px;
}

#tabsmenu ul li a:hover span {
	text-decoration: none;
	background-position: 100% -75px;
	color: #FFFFFF;
}

#tabsmenu ul li a:hover {
	background-position: 0 -75px;
	color: #FFFFFF;
}

#tabsmenu #selected a {
	background-position: 0 -150px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.0em;
	
}

#tabsmenu #selected a span {
	background-position: 100% -150px;
	color: #FFFFFF;
	font-weight:bold;
	
}



/* Tabbed Content Default Display -------------------------------------------- */

.tabcontent{
	display: none;
	padding-left: 5px; /* content padding */
}

@media print {
.tabcontent {
	display: block!important;
}
}



/* The MDF Tabs -------------------------------------------- */



#tabsmenuMDF a {

	color: #000; /* Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#tabsmenuMDF a:link{

	color: #000; /* Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#tabsmenuMDF a:visited {

	color: #FFF; /* Visited Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#tabsmenuMDF a:hover {

	color: #FFF; /* Hover Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#tabsmenuMDF {

	margin-left: 0px; /* tabs left margin - if centering tabs or using non-rounded corners, you can set to zero */

}



#tabsmenuMDF ul, #tabs ul li {

	list-style: none;

	margin: 0;

	padding: 0;

}



#tabsmenuMDF ul {

	padding: 10px 0 10px 0;
	margin:0px;
	text-align: left; /* align tabs left, right or center */

}



#tabsmenuMDF ul li {

	display: inline;
	margin-right: 0px; /* Gap Between Each Tab */

}



#tabsmenuMDF ul li a {

	background: #5D75B3;

	text-decoration: none;

	padding: 0;
	color: #fff;
}



#tabsmenuMDF ul li span {

	background: #5D75B3;

	padding:10px; /* Top Right Bottom Left */
	color: #fff;
	margin: 0;

}



#tabsmenuMDF ul li a:hover span {

	text-decoration: none;

	background: #233477;

	color: #fff;

}



#tabsmenuMDF ul li a:hover {

	background: #233477;

	color: #fff;

}



#tabsmenuMDF #selected a {

	background: #fff;

	color: #233477;

	font-weight:bold;

	font-size:1.0em;


	

}



#tabsmenuMDF #selected a span {

	background: #fff;

	color: #233477;
	padding:9px;
	margin-top:2px;
	font-weight:bold;
	border-top:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:2px solid #fff;
	

}






/* Tabbed Content Default Display -------------------------------------------- */



.tabcontent{

	display: none;

	padding-left: 5px; /* content padding */

}



@media print {

.tabcontent {

	display: block!important;

}

}





/* Content with Rounded Corners -------------------------------------------- */

#tabbedcontentrounded {
	background: transparent;
	margin: 0em;
}

.tabtop, .tabbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.tabb1, .tabb2, .tabb3, .tabb4 {
	display: block;
	overflow: hidden;
}

.tabb1, .tabb2, .tabb3 {
	height: 1px;
}

.tabb2, .tabb3, .tabb4 {
	background: #FFFFFF; /* content bg colour */
	border-left: 1px solid #000080; /* border colour */
	border-right: 1px solid #000080; /* border colour */
}

.tabb1 {
	margin: 0 5px;
	background: #000080; /* border colour */
}

.tabb2 {
	margin: 0 3px;
	border-width: 0 2px;
}

.tabb3 {
	margin: 0 2px;
}

.tabb4 {
	height: 2px;
	margin: 0 1px;
}

.tabboxcontent {
	display: block;
	background: #FFFFFF; /* content bg colour */
	border: 0 solid #000080; /* border colour */
	border-width: 0 1px;
	padding: 5px; /* content padding */
}


.tabboxcontentMDF {

	display: block;

	background: #FFFFFF; /* content bg colour */

	padding: 5px; /* content padding */

}
/* Content with Square Corners -------------------------------------------- */

#tabbedcontentsquare {
	border: 1px solid #000080; /* border colour */
	border-left: 0px;
	border-right: 0px;
}

#tabbedcontentsquareMDF {

	border-top: 1px solid #c4c4c4; /* border colour */

	border-left: 0px;

	border-right: 0px;

}

