ul.tabs {
	margin: 0;
	padding: 0 10px 0 5px;
	list-style: none;
}

ul.tabs li {
	float: left;
	background: url("/images/tabs/left.gif") no-repeat left top;
	margin: 0 0 8px 2px;
	padding: 0 0 0 9px;
}

ul.tabs a {
	float: left;
	display: block;
	background: url("/images/tabs/right.gif") no-repeat right top;
	padding: 10px 15px 3px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	height: 20px;
}

/* Frame */

.tabs .tr {
	margin-left:8px;
	padding:0 13px 0pt 0pt;	
}

div.tabs .br {
	margin-left:8px;
	padding:12px 13px 0pt 0pt;
}
div.tabs .mr {
	margin-left:15px;
	padding:10px 15px 5px 0px;
}
div.tabs .tl {
	background:transparent url(/images/tabs/tabs_tl.gif) no-repeat scroll left bottom;
}
	
div.tabs .tr {
	background:transparent url(/images/tabs/tabs_tr.gif) no-repeat scroll right bottom;
}
div.tabs .ml {
	background:transparent url(/images/tabs/tabs_ml.gif) repeat-y scroll left top;
}

div.tabs .mr {
	background:transparent url(/images/tabs/tabs_mr.gif) repeat-y scroll right top;
}

div.tabs .bl {
	background:transparent url(/images/tabs/tabs_bl.gif) no-repeat scroll left bottom;
} 

div.tabs .br {
	background:transparent url(/images/tabs/tabs_br.gif) no-repeat scroll right bottom;
}



/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a {
	float: none;
}

/* End IE5-Mac hack */


.tabs .current {
	background-image: url("/images/tabs/left_on.gif");
}

.tabs .current a {
	background-image: url("/images/tabs/right_on.gif");
	padding-bottom: 5px;
}

/* Navigation tabs */
ul.navTabs {
	position: absolute;
	top: 120px;
	margin: 0;
	padding: 0 10px 0 5px;
	list-style: none;
}

ul.navTabs li {
	float: left;
	background: url("/images/tabs/navigation_left_off.gif") no-repeat left top;
	margin: 0 0 0 4px;
	padding: 0 0 0 8px;
	height: 44px;
}

ul.navTabs li.current {
	background: url("/images/tabs/navigation_left.gif") no-repeat left top;
	height: 50px;
}

ul.navTabs li span.tabSpan {
	float: left;
	display: block;
	background: url("/images/tabs/navigation_right_off.gif") no-repeat right top;
	height: 44px;
}

ul.navTabs li.current span.tabSpan {
	background: url("/images/tabs/navigation_right.gif") no-repeat right top;
	height: 50px;
}

ul.navTabs li  a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

ul.navTabs div.navText {
	float: left;
	padding: 16px 10px 0 3px;	
}

ul.navTabs div.navIcon {
	float: left;
	margin-top: 8px;
	background: url('/images/navigation_sprites.png');
	width: 40px;
	height: 30px;
}

ul.navTabs li.current div.recipientIcon,
ul.navTabs a:hover div.recipientIcon  {
	background-position: 0px -240px;
}
ul.navTabs div.recipientIcon  {
	background-position: 0px -280px;	
}

ul.navTabs li.current div.categoryIcon, 
ul.navTabs li a:hover div.categoryIcon {
	background-position: 0px 0px;	
}
ul.navTabs div.categoryIcon  {
	background-position: -0px -40px;
}


ul.navTabs li.current div.personalityIcon,
ul.navTabs li a:hover div.personalityIcon  {
	background-position: 0px -160px;
}
ul.navTabs li div.personalityIcon {
	background-position: 0px -200px;
}
ul.navTabs li#tabPersonality div.navText {
    padding-left: 7px;
}

ul.navTabs li.current div.interestIcon,
ul.navTabs li a:hover div.interestIcon  {
	background-position: 0px -80px;
}
ul.navTabs li div.interestIcon {
	background-position: 0px -120px;
}

ul.navTabs li.current div.homeIcon,
ul.navTabs li a:hover div.homeIcon  {
	background-position: 0px -320px;
}
ul.navTabs li div.homeIcon {
	background-position: 0px -360px;
}