/*-----------------------------------------------------------------------------
Overlapping CSS Navigation
version:   1.0
date:      09/12/06
author:    george ornbo
email:     george at shapeshed dot com

Licensed under a 2.0 Creative Commons License

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------

Define the width of the nav div

-----------------------------------------------------------------------------*/


#nav_myaccount
	{ 
	width:690px; 
	height: 23px;
	
	
	}

	
#nav_myaccount ul 
	{
	list-style:none;
	width: 690px;
	height: 23px;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:-20px;
	}

#nav_myaccount li 
	{

    list-style: none;
	display: inline;
	text-align:center;
	}

#nav_myaccount li a 
	{
	text-decoration: none;
	display:block;
	float:left;
	background-image:url(../images/menu2.png);
	background-repeat:no-repeat;	
	no-repeat;
	text-indent:-15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:500;
	line-height:21px;
	
	
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#task_stat a {
	width:124px;
	height:23px;
	text-align:center;
		}
li#plan_stat a {
	width:113px;
	height:23px;
	text-align:center;
	text-indent:-23px;
	 }
li#pay_detail a {
	width:112px;
	height:23px;
	text-indent:-25px;
	text-align:center;
	 }
li#your_assoc a {
	width:112px;
	height:23px;
	text-align:center;
	text-indent:-25px;
	 }
li#give_feedbk a {
	width:124px;
	height:23px;
	text-align:center;
	text-indent:-32px;
	 }
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	



li#task_stat a:link, li#task_stat a:visited {	
	background-position: -0px -0px;
	}
	
li#task_stat a:hover, li#task_stat a:focus,ul.nav_myaccount li#task_stat a.active {	
	background-position: -0px -25px;
	
	}
	
li#plan_stat a:link, li#plan_stat a:visited {	
	background-position: -347px -0px;
	}
li#plan_stat a:hover, li#plan_stat a:focus,ul.nav_myaccount li#plan_stat a.active{	
	background-position: -336px -225px;
	width: 124px;
	margin-left: -11px;
	text-align:center;
	text-indent:-12px;
	}	
	
	
li#pay_detail a:link, li#pay_detail a:visited {	
	background-position: -348px -0px;
	text-align:center;
	}
	
li#pay_detail a:hover, li#pay_detail a:focus,ul.nav_myaccount li#pay_detail a.active {	
	background-position: -336px -225px;
	width: 124px;
	margin-left: -12px;
	text-align:center;
	text-indent:-13px;
	}	
	
li#your_assoc a:link, li#your_assoc a:visited {	
	background-position: -348px -0px;
	
	
	}
	
li#your_assoc a:hover, li#your_assoc a:focus,ul.nav_myaccount li#your_assoc a.active {	
	background-position: -336px -225px;
	width: 124px;
	margin-left: -12px;
	text-align:center;
	text-indent:-13px;
	}
	
li#give_feedbk a:link, li#give_feedbk a:visited {	
	background-position: -460px -0px;
	
	}
	
li#give_feedbk a:hover, li#give_feedbk a:focus, ul.nav_myaccount li#give_feedbk a.active{	
	background-position: -448px -300px;
	width: 124px;
	margin-left: -12px;
	text-align:center;
	text-indent:-8px;
	
	}	
	

/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/
/*ul li a.active{
background-image:url(../images/menu2.png);	
	background-position: -0px -25px;
	}

.task_stat-page li#plan_stat a:hover, .task_stat-page li#plan_stat a:focus {	
	background-position: -113px -50px;
	width: 121px;
	margin-left: -11px;
	text-align:center;
	text-indent:-12px;
	}


body#task_stat-page li#task_stat a:link, body#task_stat-page li#task_stat a:visited {	
	background-position: -0px -25px;
	}

body#task_stat-page li#plan_stat a:hover, body#task_stat-page li#plan_stat a:focus {	
	background-position: -113px -50px;
	width: 124px;
	margin-left: -11px;
	text-align:center;
	text-indent:-12px;
	}

body#plan_stat-page li#plan_stat a:link, body#plan_stat-page li#plan_stat a:visited {	
	background-position: -113px -75px;
	width: 124px;
	margin-left: -11px;
	text-indent:-10px;
	}

body#plan_stat-page li#task_stat a:hover, body#plan_stat-page li#task_stat a:focus {	
	background-position: -0px -125px;
	overflow: auto;
	position: relative;

	}

body#plan_stat-page li#pay_detail a:hover, body#plan_stat-page li#pay_detail a:focus {	
	background-position: -224px -100px;
	width: 124px;
	margin-left: -12px;

	}

body#pay_detail-page li#pay_detail a:link, body#pay_detail-page li#pay_detail a:visited {	
	background-position: -224px -150px;
	width: 124px;
	margin-left: -12px;
	text-indent:-15px;
	
	}


body#pay_detail-page li#plan_stat a:hover, body#pay_detail-page li#plan_stat a:focus {	
	background-position: -336px -325px;
	width: 124px;
	margin-left: -11px;
	overflow: auto;
	position: relative;
	}
	
body#pay_detail-page li#your_assoc a:hover, body#pay_detail-page li#your_assoc a:focus {	
	background-position: -336px -175px;
	width: 124px;
	margin-left: -12px;
	position: relative;
	}
	
body#your_assoc-page li#your_assoc a:link, body#your_assoc-page li#your_assoc a:visited {	
	background-position: -336px -225px;
	width: 124px;
	margin-left: -12px;
	text-indent:-10px;
	}

body#your_assoc-page li#pay_detail a:hover, body#your_assoc-page li#pay_detail a:focus {	
	background-position: -224px -275px;
	width: 124px;
	margin-left: -12px;
	overflow: auto;
 	position: relative;
	}
	
	body#your_assoc-page li#give_feedbk a:hover, body#your_assoc-page li#give_feedbk a:focus {	
	background-position: -448px -250px;
	width: 124px;
	margin-left: -12px;
	position: relative;
	text-indent:-8px;
	}
	
body#give_feedbk-page li#give_feedbk a:link, body#give_feedbk-page li#give_feedbk a:visited {	
	background-position: -448px -300px;
	width: 124px;
	margin-left: -12px;
	text-indent:-12px;
	}

body#give_feedbk-page li#your_assoc a:hover, body#give_feedbk-page li#your_assoc a:focus {	
	background-position: -336px -325px;
	width: 124px;
	margin-left: -12px;
	overflow: auto;
 	position: relative;
	}

	*/
/*-----------------------------------------------------------------------------

Styles for the demo page

-----------------------------------------------------------------------------*/