
.tabPanel {

}

	.tabPanel .tabBar {
		float:left;
		position:relative;
		top: 1px;
		left: 5px;
	}

	.tabPanel .tabTitle {
		float:left;
		border:solid black 1px;
		margin-right: 5px;
		background: #ccc;
	}

		.tabPanel .tabTitle a {
			text-decoration: none;
			color: inherit;
		}

		.tabPanel .tabTitle-over {
			background: blue;
			color: white;
		}

		.tabPanel .tabTitle-active-over,
		.tabPanel .tabTitle-active {
			color: black;
			border-bottom: solid white 1px;
		}

	.tabPanel .tabContentContainer {
		clear                 : both;
		border                : solid #777 1px;
		background            : white;
		border-radius         : 3px;
		-moz-border-radius    : 3px;
		-webkit-border-radius : 3px;
	}

	.tabPanel-offsetHide .tabContent {
		position   : absolute;
		left       : -10000px;
	}
		.tabPanel-offsetHide .tabContent-active {
			position   : static;
			left       : 0;
		}

	.tabPanel-displayHide .tabContent {
		display : none;
	}
		.tabPanel-displayHide .tabContent-active {
			display : block;
		}

	.tabPanel .tabContent-loadingIndicator {
		background:white url(loading.gif) no-repeat scroll left center;
		color:black;
		font-family:arial;
		font-size:15px;
		font-style:italic;
		height:40px;
		margin:20px;
		padding:20px 0 0 40px;
	}


.lsiTabPanel .tabTitle {
	margin-right: 2px;
	font: normal 12px arial;
	padding-left: 10px;
	background: url(tabs-sprite.png)  no-repeat scroll 0 -50px !important;
	border: none !important;
	border-bottom:solid #777 1px !important;
}
.lsiTabPanel .tabTitle a {
	display: block;
	background: url(tabs-sprite.png) no-repeat scroll right -350px !important;
	padding-right: 10px;
	color: black;
	outline: 0 none !important;
}
.lsiTabPanel .tabTitle span {
	padding-bottom: 3px;
	padding-top: 3px;
	display: block;
	background: url(tabs-sprite.png)  repeat-x scroll 0 -200px !important;
}


.lsiTabPanel .tabTitle-over {
	background-position: 0 -100px !important;
}
.lsiTabPanel .tabTitle-over a {
	background-position: right -400px !important;
}
.lsiTabPanel .tabTitle-over span {
	background-position : 0 -250px !important;
}


.lsiTabPanel .tabTitle-active {
	background: url(tabs-sprite.png)  no-repeat scroll 0 0 !important;
	border-bottom:solid white 1px !important;
}
.lsiTabPanel .tabTitle-active a {
	background: url(tabs-sprite.png) no-repeat scroll right -300px !important;
	color: blue;
}
.lsiTabPanel .tabTitle-active span {
	background: url(tabs-sprite.png)  repeat-x scroll 0 -150px !important;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 4px;
}


