/* 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 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabsmenu ul  { text-align: left; padding: 0px 0 }

#tabsmenu ul li {
	margin: 0 0px 0 0; /* gap between each tab */
}

#tabsmenu ul li a  { text-decoration: none; text-transform: none; padding: 0px 0 }

#tabsmenu ul li span   { margin-right: 0; margin-left: 4px; padding-right: 6px; padding-left: 2px }

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

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

#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;
  list-style: none;
}
/**/
/*\*/
* 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: #131B24; /* content bg colour */
	border: 0 solid #000000; /* border colour */
	border-width: 0 1px;
	padding: 5px; /* content padding */
}


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

#tabbedcontentsquare  { border-top: 1px solid #000; border-right: 0px none; border-bottom: 1px solid #000; border-left: 0px none }