/* the tabs -------------------------------------------- */

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

.tabscontentcontainer {
	width: 99%; /* IE6 compatability */
}

#tabsmenu {
	margin-left: 10px; /* tabs left margin - if centering tabs or using non-rounded corners, you can set to zero */
	padding: 0em 0 0;
	font-size: 1.0em; /* tabs title font size, relative to your default font size */
	/* font-size: 12px; */
	font-weight: bold;
}

#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: 0 0px 0 0; /* gap between each tab */
}

#tabsmenu ul li a {
	background: url(tableft.gif) no-repeat left top;
	color: #FFFFFF;
	text-transform: none; /* none, uppercase or lowercase */
	text-decoration: none;
	padding: 5px 0;
}

#tabsmenu ul li span {
	background: url(tabright.gif) no-repeat right top;
	padding: 5px 6px 5px 2px;
	margin: 4px 0 4px 4px;
}

#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: #FFFF90;
}

#tabsmenu #selected a span {
	background-position: 100% -150px;
	color: #FFFF90;
}

/* Hacks for consistency - do not remove! */
/*\*//*/
#tabsmenu ul li a {
display: inline-block;
white-space: nowrap;
width: 1px;
}
#tabsmenu ul {
padding-bottom: 0;
margin-bottom: -1px;
}
/**/
/*\*/
* html #tabsmenu ul li a {
	padding: 0;
}
/**/


/* 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 */
}


/* content with square corners -------------------------------------------- */

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