/********************************************************/
/*** Template Div Tags **********************************/
/********************************************************/

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

div.clickTabBox ul.clickTabNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url(tab-border.gif) bottom repeat-x;
	height: 21px;
}

div.clickTabBox ul.clickTabNav li {
	display: block;
	float: left;
	text-align:center;
	margin-right: 1px;
}

div.clickTabBox ul.clickTabNav li a {
	display: block;
	float: left;
	line-height: 21px;
	text-decoration: none;
	padding: 0px 12px;
	color: #666666;
	font-weight: normal;
	cursor: pointer;
}

/* Active Link Styles
div.clickTabBox ul.clickTabNav li.activeTab a {
	color: #FFFFFF;
}*/

div.clickTabBox div.clickTab {
	clear: both;
	color: #666666;
}

div.clickTab-inner {
	padding: 12px;
}

div.clickTabBox div.hideTab {
	display: none;
}

div.clickTabBox ul.clickTabNav li div {
	float: left;
	height: 100%;
}


/********************************************************/
/*** Template Div Tags **********************************/
/********************************************************/

div.tabWrapper1, div.tabWrapper2, div.tabWrapper3 {
	width: 100%;
	height: 100%;
}

div.tabNavWrapper6 {
	background: url(tab-inactive-tl.gif) top left no-repeat;
}

div.tabNavWrapper5 {
	background: url(tab-inactive-tr.gif) top right no-repeat;
}

div.tabNavWrapper4 {
	background: url(tab-border.gif) bottom repeat-x;
}

div.tabNavWrapper3 {
	background: url(tab-inactive-border.gif) top right repeat-y;
}

div.tabNavWrapper2 {
	background: url(tab-inactive-border.gif) top left repeat-y;
}

div.tabNavWrapper1 {
	background: #f00 url(tab-inactive-bg.gif) repeat-x 50% top;
}

li.activeTab div.tabNavWrapper6 {
	background: url(tab-active-tl.gif) top left no-repeat;
}

li.activeTab div.tabNavWrapper5 {
	background: url(tab-active-tr.gif) top right no-repeat;
}

li.activeTab div.tabNavWrapper4 {
	background: none;
}


li.activeTab div.tabNavWrapper1 {
	background: url(tab-active-bg.gif) #FFFFFF top repeat-x;
}

div.tabWrapper1 {
	background: url(tab-border.gif) left repeat-y;
}

div.tabWrapper2 {
	background: url(tab-border.gif) right repeat-y;
}

div.tabWrapper3 {
	background: url(tab-border.gif) bottom repeat-x;
}

