@CHARSET "ISO-8859-1";

/****************************
  Tab panel
****************************/
div.purple-tab-panel div.tab-row{
	 float:left;
	 width:98%;
	 line-height:normal;
	 margin-bottom: 5px;
}

div.purple-tab-panel div.tab-row ul {
	margin:0;
	list-style:none;
	height:24px;
	margin:0 0 10px 0;
	padding:0px;
}
  
div.purple-tab-panel div.tab-row li {
	 float:left;
	 padding:0px;
}
  
div.purple-tab-panel div.tab-row a {
	 background: url(../images/tabs/tabs.png) no-repeat top right;
	 display:block;
	 height:24px;
	 text-decoration:none;
	 line-height:24px;
	 font-weight:bold;
}
  
div.purple-tab-panel div.tab-row li.first a, div.purple-tab-panel div.tab-row li.last a{
	 background: url(../images/tabs/tabEnds.png) no-repeat;
}

div.purple-tab-panel div.tab-row li.first a{
	 background-position:top left;
}

div.purple-tab-panel div.tab-row li.last a {
	 background-position:top right;
}

div.purple-tab-panel div.tab-row  a span {
	display:block;
	height:24px;
	padding:0 20px 0 20px;
}

div.purple-tab-panel div.tab-row li.first a span {
	background: url(../images/tabs/tabs.png) no-repeat top right;
	position:relative;
	left:4px;
}

div.tab-panel {
    clear: left;
}
  
div.purple-tab-panel div.tab-row a:hover  {
	color:#FEBB15;
}

div.purple-tab-panel div.tab-row li.selected a, div.purple-tab-panel div.tab-row li.selected a span{
     color:#000;
	 background-position:bottom right;
}

div.purple-tab-panel div.tab-row li.first.selected a{
	 background-position:bottom left;
}



div.purple-tab-panel div.tab-row li.last.selected a {
	 background-position:bottom right;
}
  
div.purple-tab-panel div.tab-row li.selected a {
	 color:#FFFFF;
}


/****************************
  Halo Panel Tabs
****************************/

div.haloTabs div.tab-row {
	height:35px;
	width:98%;
	background:url(../images/tabs/haloTabsUppeBar.png) repeat-x top left;
	margin:0px;
}

div.haloTabs div.tab-row  span.upper {
	background:url(../images/tabs/haloTabsUppeBar.png) repeat-x top right;
	height:35px;
	width:20px;
	display:inline-block;
	float:right;
	position:relative;
	right:-8px;
}

div.haloTabs div.tab-row ul{
	list-style:none;
	padding:0px;
	margin:0px;
	border:0px;
	float:left;
}

div.haloTabs div.tab-row ul li {
	 float:left;
	 margin:0 20px 0 0;
	 padding:0px;
}

div.haloTabs  div.tab-row ul li a, div.haloTabs  div.tab-row ul li.first a, div.haloTabs  div.tab-row ul li.last a{
	 background: url(../images/tabs/haloTabsTitleBlock.png) no-repeat top left;
	 display:block;
	 height:35px;
	 text-decoration:none;
}

div.haloTabs  div.tab-row li a span{
	margin-left:6px;
	padding:0 20px 0 6px;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
    color:#FFFFFF;
	background: url(../images/tabs/haloTabsTitleBlock.png) no-repeat top right;
	display:block;
	height:35px;
	line-height:26px;
	position: relative;
	left:8px;
}

div.haloTabs  div.tab-row ul li.first a, div.haloTabs  div.tab-row ul li.first a span {
	background-image: url(../images/tabs/haloTabsTitle.png);
}
  
div.haloTabs  div.tab-row ul li.selected a,div.haloTabs  div.tab-row ul li.first.selected a,div.haloTabs  div.tab-row ul li.last.selected a {
     color:#FFF;
	 background-position:left -43px;
}

div.haloTabs  div.tab-row li.selected a span,div.haloTabs  div.tab-row li.first.selected a span{
     color:#FFF;
	 background-position:right -43px;
}

div.haloTabs  div.tab-panel {
	width:98%;
    background: url(../images/tabs/haloTabsInnerLeft.png) repeat-y top left;
}

div.haloTabs  div.tab-panel div.inner-panel {
    background: url(../images/tabs/haloTabsInnerRight.png) repeat-y top right;
	width:100%;
	position:relative;
	left:8px;
}

div.haloTabs  div.tab-panel span.base {
	display:block;
	background: url(../images/tabs/haloTabsBase.png) no-repeat top left;
	height:6px;
	position:relative;
	top:6px;
	left:-8px;
}

div.haloTabs  div.tab-panel span.base  span{
	display:block;
	background: url(../images/tabs/haloTabsBase.png) no-repeat top right;
	height:6px;
	width:20px;
	float:right;
	position:relative;
	right:-8px;
}

/****************************
  Vertical Halo Panel Tabs
****************************/

div.haloTabs.vertical {
	padding-left:140px;
}

div.haloTabs.vertical .tab-row {
	width:140px;
	float:left;
	height:100%;
	margin-left:-140px;
}

div.haloTabs.vertical .tab-row ul{
	margin:0px;
	padding:10px 0 0 0;
	list-style:none;
}

div.haloTabs.vertical .tab-row ul li a {
	display:block;
	height:40px;
	width:135px;
	color:#fff;
	text-decoration:none;
	line-height:40px;
	padding-left:5px;
	font-weight:bold;
} 

div.haloTabs.vertical  .tab-panel {
	float:left;
	clear:none;
	color:#fff;
	background-color: #3E4649;
	height:100%;
}

div.haloTabs.vertical div.tab-row {
	background:none;
}

div.haloTabs.vertical  div.tab-row ul li a,div.haloTabs.vertical  div.tab-row ul li.first a, div.haloTabs.vertical  div.tab-row ul li.last a {
	 background-image: url(../images/tabs/vhaloTabs.png);
}

div.haloTabs.vertical  div.tab-row li a span, div.haloTabs.vertical  div.tab-row ul li.first a span {
	background-image: url(../images/tabs/vhaloTabs.png);
}

div.haloTabs.vertical div.tab-row span.upper {
	display:none;
}

div.haloTabs.vertical div.nestedContent {
	padding:0 0 0 5px;
}


div.haloTabs.vertical  div.tab-panel span.top {
	display:block;
	background: url(../images/tabs/haloTabsTop.png) no-repeat top left;
	height:6px;
	position:relative;
	left:-8px;
	top:-6px;
}

div.haloTabs.vertical  div.tab-panel span.top  span{
	display:block;
	background: url(../images/tabs/haloTabsTop.png) no-repeat top right;
	height:6px;
	width:20px;
	float:right;
	position:relative;
	right:-8px;
}