

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 {
	float: left;
	display: block;
	background: url("/images/tabs/navigation_right_off.gif") no-repeat right top;
	height: 44px;
}

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

ul.navTabs li span a {
	display: block;
	height: 30px;	
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}



ul.navTabs li  a {
	margin: 10px 10px 0 0; 
	padding-left: 40px;	
	padding-top:5px;
}

ul.navTabs li.current span.categoryIcon a {
	background: url("/images/navigation_category.jpg") no-repeat;
}
ul.navTabs li span.categoryIcon a {
	background: url("/images/navigation_category_inactive.gif") no-repeat;
}
ul.navTabs li.current span.recipientIcon a {
	background: url("/images/navigation_profile.jpg") no-repeat;
}
ul.navTabs li span.recipientIcon a {
	background: url("/images/navigation_profile_inactive.gif") no-repeat;
}
ul.navTabs li.current span.personalityIcon a {
	background: url("/images/navigation_personality.jpg") no-repeat;
}
ul.navTabs li span.personalityIcon a {
	background: url("/images/navigation_personality_inactive.gif") no-repeat;
	padding-left: 48px;
}
ul.navTabs li.current span.interestIcon a {
	background: url("/images/navigation_interest.jpg") no-repeat;
}
ul.navTabs li span.interestIcon a {
	background: url("/images/navigation_interest_inactive.gif") no-repeat;
}
ul.navTabs li.current span.homeIcon a {
	background: url("/images/icons/home_30h.pngg") no-repeat;
}
ul.navTabs li span.homeIcon a {
	background: url("/images/icons/home_30h_inactive.png") no-repeat;
}





