/* 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: #FFFFFF;
}

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

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