#content #tabContainer{
		clear:both;
		margin-top:2em;
	}
	#content #tabContainer .tabList {
			background-color:#fff;
			list-style:none;
			margin:0;
			padding:0;
		}
	#content #tabContainer .tabList li {
    display:inline;
    margin-right:1px;
	}
	#content #tabContainer .tabList li a {
			background-color:#660066;
			color:#fff;
			padding:5px 10px 2px 10px;
			text-decoration:none;
		}
	#content #tabContainer .tabList a:hover,
	#content #tabContainer .tabList a:focus,
	#content #tabContainer .tabList a:active{
			background-color:#ccccaa;
			color:#222;
			cursor: pointer;
			outline: none; /* @ Firefox 1.5, remove ugly dotted border */
		}
	#content #tabContainer .tabList .tabSelected a {
			background-color:#ccccaa;
			color:#222;
			cursor:text;
			font-weight:bold;
		}
	#content #tabContainer .tabPanel {
			border:solid #ccccaa;
			border-width:15px 1px 1px 1px;
			margin:0;
    	padding:1em;
		}
		#content #tabContainer .tabPanel li{
				background-image:url(img/arrowBullet.gif);
				background-position:0 7px;
				background-repeat:no-repeat;
				list-style:none;
				margin:0.5em 0;
				padding-left:12px;
			}
/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .tabPanel {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .tabList {
        display: none;
    }
}