/* pbar structure 

<div class='mew-pbar'>
	<ul id='mew-pbar'>
		<li class='mew-pbar-item'><h1><a href="#">Blog</a></h1>
			<ul>
				<li><h1><a href="#">My Favorites</a></h1></li>
				<li><h1><a href="#">Public</a></h1></li>
				<li><h1><a href="#">Private</a></h1>
					<ul>
						<li><h1><a href="#">Account Data</a></h1></li>
						<li><h1><a href="#">Preferences</a></h1></li>
					</ul>
				</li>
			</ul>
		</li>
		<li class='mew-pbar-item'><h1><a href="#">Tech Posts</a></h1>
			<ul>
				<li><h1><a href="#">Programming</a></h1>
					<ul>
						<li><h1><a href="#">PHP</a></h1></li>
						<li><h1><a href="#">Java</a></h1></li>
						<li><h1><a href="#">Visual Basic</a></h1></li>
						<li><h1><a href="#">Delphi</a></h1></li>
					</ul>
				</li>
				<li><h1><a href="#">History</a></h1></li>
			</ul>
		</li>
	</ul>
</div>
*/

/* global properties */
div.mew-pbar {
	background-color: #FFFFFF;								/* Pbar_Background */
  width: 200px;																/* Pbar_Width */
  
	overflow: hidden;
}

ul#mew-pbar, ul#mew-pbar ul {
  list-style-type:none;
  margin: 0;
  padding: 0;

}

ul#mew-pbar h1 {
  margin: 0;
  padding: .5em;
	font-family: Arial;											/* Pbar_FontFamily */
	font-size: 12px;													/* Pbar_FontSize */
}

ul#mew-pbar a {
	display: block;  
  text-decoration: none;	
}

ul#mew-pbar li {
  margin: 0;
	padding: 0;
	list-style-type:none;
}

/* first level */
ul#mew-pbar > li > h1 {
	background-color: #0099FF; 									/* Level1_Color */
  border-top: 1px solid #0099FF;											/* Level1_BorderWidth */ /* Level1_BorderStyle */ /* Level1_TopColor */
  border-right: 1px solid #0099FF;									/* Level1_RightColor */
  border-left: 1px solid #0099FF;										/* Level1_LeftColor */
  border-bottom: 1px solid #0099FF;										/* Level1_BotColor */
}

ul#mew-pbar > li > h1 > a {
	margin-left: 0px;
  padding-left: 12px;																	/* if image, moves text over */
  color: #000000;													/* Level1_TextColor */
	font-weight: normal; 											/* Level1_TextWt */
  text-decoration: none;								/* Level1_TextStyle */
	background: transparent [Level1_BackgroundImage];		/* Level1_BackgroundImage */ /* Level1_BackgroundImageRepeat */  /* Level1_BackgroundImagePosition */
}

/* first level hover */
ul#mew-pbar > li > h1:hover {
	background-color: #99CCFF; 							/* Level1Over_Color */
  border-top: 1px solid #99CCFF;									/* Level1Over_BorderWidth */  /* Level1Over_BorderStyle */  /* Level1Over_TopColor */
  border-right: 1px solid #99CCFF;							/* Level1Over_RightColor */
  border-left: 1px solid #99CCFF;								/* Level1Over_LeftColor */
  border-bottom: 1px solid #99CCFF;								/* Level1Over_BotColor */
}

ul#mew-pbar > li > h1 > a:hover {
  color: #000000;											/* Level1Over_TextColor */
	font-weight: normal; 									/* Level1Over_TextWt */
  text-decoration: none; 						/* Level1Over_TextStyle */
	background: transparent [Level1Over_BackgroundImage]; /* Level1Over_BackgroundImage */  /* Level1Over_BackgroundImageRepeat */ /* Level1Over_BackgroundImagePosition */
}

/* second level */
ul#mew-pbar li ul > li > h1 {
	background-color: #0099FF; 									/* Level2_Color */
  border-top: 1px solid #0099FF;											/* Level2_BorderWidth */  /* Level2_BorderStyle */  /* Level2_TopColor */
  border-right: 1px solid #0099FF;									/* Level2_RightColor */
  border-bottom: 1px solid #0099FF;										/* Level2_BotColor */
  border-left: 1px solid #0099FF;										/* Level2_LeftColor */
}

ul#mew-pbar li ul > li > h1 > a {
	margin-left: 12px;
  padding-left: 14px;																	/* if image, moves text over */
  color: #000000;													/* Level2_TextColor */
	font-weight: normal; 											/* Level2_TextWt */
  text-decoration: none; 								/* Level2_TextStyle */
	background: transparent [Level2_BackgroundImage];		/* Level2_BackgroundImage */  /* Level2_BackgroundImageRepeat */ /* Level2_BackgroundImagePosition */
}

/* second level hover */
ul#mew-pbar li ul > li > h1:hover {
	background-color: #99CCFF; 							/* Level2Over_Color */
  border-top: 1px solid #99CCFF;									/* Level2Over_BorderWidth */  /* Level2Over_BorderStyle */  /* Level2Over_TopColor */
  border-right: 1px solid #99CCFF;							/* Level2Over_RightColor */
  border-bottom: 1px solid #99CCFF;								/* Level2Over_BotColor */
  border-left: 1px solid #99CCFF;								/* Level2Over_LeftColor */
}

ul#mew-pbar li ul > li > h1 > a:hover {
  color: #000000;											/* Level2Over_TextColor */
  font-weight: normal; 									/* Level2Over_TextWt */
  text-decoration: none; 						/* Level2Over_TextStyle */
  background: transparent [Level2Over_BackgroundImage]; /* Level2Over_BackgroundImage */  /* Level2Over_BackgroundImageRepeat */  /* Level2Over_BackgroundImagePosition */
}

/* third level */
ul#mew-pbar li ul > li > ul > li > h1 {
	background-color: #0099FF; 									/* Level3_Color */
  border-top: 1px solid #0099FF;											/* Level3_BorderWidth */  /* Level3_BorderStyle */  /* Level3_TopColor */
  border-right: 1px solid #0099FF;									/* Level3_RightColor */
  border-bottom: 1px solid #0099FF;										/* Level3_BotColor */
  border-left: 1px solid #0099FF;										/* Level3_LeftColor */
}

ul#mew-pbar li ul > li > ul > li > h1 > a {
	margin-left: 24px;
  padding-left: 12px;																	/* if image, moves text over */
  color: #000000;													/* Level3_TextColor */
	font-weight: normal; 											/* Level3_TextWt */
  text-decoration: none; 								/* Level3_TextStyle */
	background: transparent [Level3_BackgroundImage];		/* Level3_BackgroundImage */  /* Level3_BackgroundImageRepeat */  /* Level3_BackgroundImagePosition */
}

/* third level hover */
ul#mew-pbar li ul > li > ul > li > h1:hover {
	background-color: #99CCFF; 							/* Level3Over_Color */
  border-top: 1px solid #99CCFF;									/* Level3Over_BorderWidth */  /* Level3Over_BorderStyle */  /* Level3Over_TopColor */
  border-right: 1px solid #99CCFF;							/* Level3Over_RightColor */
  border-bottom: 1px solid #99CCFF;								/* Level3Over_BotColor */
  border-left: 1px solid #99CCFF;								/* Level3Over_LeftColor */
}

ul#mew-pbar li ul > li > ul > li > h1 > a:hover {
  color: #000000;											/* Level3Over_TextColor */
	font-weight: normal; 									/* Level3Over_TextWt */
  text-decoration: none; 						/* Level3Over_TextStyle */
	background: transparent [Level3Over_BackgroundImage];  /* Level3Over_BackgroundImage */  /* Level3Over_BackgroundImageRepeat */  /* Level3Over_BackgroundImagePosition */
}