/**
 * MenuBar.css
 *
 * Copyright 2008 RealPatterns, Inc. All rights reserved.
 */

.MenuBar {

  margin: 0px auto;
  padding: 5px 0;
  font: normal 12px sans-serif;
  background: #c0bebe;
  display: inline-block;
  width: 100%;
  
}
.MenuBar ul {

  margin: 0px auto;
  padding: 0px;
  list-style: none;
}

.MenuBar ul li a {
  color: #ffffff;
  font: lighter  11px sans-serif;
  text-decoration: none;
  padding: 0px 3px 0px 3px;
}
.MenuBar ul li a[href='syndication.jsp'] {

  padding-left: 27px;
  background: transparent url('../../../../images/gadgets/MenuBar/feed_01.png') no-repeat 12px 50%;
}

.MenuBar ul.LHS {

  width: 50%;
  float: left;
}
.MenuBar ul.RHS {

  width: 50%;
  float: left;
  text-align: right;
}
.MenuBar ul li {

  display: inline;
}

.MenuBar ul.LHS li:first-child, .MenuBar ul.LHS li:nth-child(2){
	display: none;
}

.MenuBar ul.LHS li::after{

	color: #ffffff;
	content: " | ";
}
.MenuBar ul.LHS li:last-child:after{

	color: #ffffff;
	content: "";
	display: none;
}
.MenuBar ul.RHS li::after{

	color: #ffffff;
	content: " | ";
}
.MenuBar ul.RHS li:last-child:after{

	color: #ffffff;
	content: "";
	display: none;
}
.MenuBar ul li:first-child {

  background-image: none;
}

@media only screen and (max-width: 750px) {
	#MenuBar_1{
		width: 25%;
		float: left;
		padding: 0px;
		min-height: 47px;
		background: #ffffff;
		position: absolute;
		z-index: 100;
	}
	
	#WelcomePage_1 #MenuBar_1, #GoodbyePage_1 #MenuBar_1{
		width: 100%;
		display: none;
	}
	
	.MenuBar ul{
	}
	
	.MenuBar ul li{
		display: block;
		margin-bottom: 0px;
		padding: 11px 0px 8px 0px;
		background: #ffffff;
		border-bottom: 1px dotted #666666;
		border-right: 1px solid #666666;
	}
	
	.MenuBar ul li a{
		display: block;
		color: #666666;
	}
	
	.MenuBar ul.LHS li:first-child{
		background: #c0bebe;
		color: #ffffff;
		height: 24px;
		max-height: 47px;
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 14px;
		border: 0;
	}
	
	.MenuBar ul.LHS li:nth-child(2){
		background: #c0bebe;
		color: #ffffff;
		max-height: 47px;
		padding: 0px;
		    padding-top: 10px;
    padding-bottom: 14px;
		border: 0;
	}
	
	.MenuBar ul.LHS li:first-child a, .MenuBar ul.LHS li:nth-child(2) a{
		font-size: 18px;
	}
	
	.MenuBar ul.LHS li, .MenuBar ul.RHS li{
		display: none;
	}
	
	.MenuBar ul.LHS li:first-child{
		display: block;
	}
	
	.MenuBar ul.LHS li::after, .MenuBar ul.RHS li::after{
		display: none;
	}
	
	
	.MenuBar ul.LHS	{
		width: 100%;
		text-align: center;
		border-bottom: 0;
	}
	.MenuBar ul.RHS	{
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}
	.MenuBar ul.RHS	li:last-child{
		border-bottom: #666666 solid 1px;
	}	
}