@media screen and (min-width: 0px) {
	#rightContainerTop { margin-top: -5px;}
}


p, .description, label, pre 
{
	margin-bottom: 1em;
	font-size: 13px;
	color: #505e9b;
}

a 
{
	outline: none;
	cursor: pointer;
}
strong 
{
  font-weight: bold;
}
input 
{
  outline: none;
}
input:active {
  outline: none;
}

/*---------------------------------  PAGE SPECIFIC */



#leftContainer 
{
	width: 190px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	top: 10px;
}


/*---------------------------------  LEFT CONTAINER */

	#leftContainerMid 
	{
	width: 190px;
	height: 180px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	}
	
	#leftContainer ul 
	{
	width: 190px;
	margin-top: -3px;
	position: absolute;
	top: 0px;
	left: 0px;
	}

	#leftContainer li a 
	{
		display: block;
		color: #505e9b;
		
		font-size: 13px;
		height: 20px;
		line-height: 20px;
		
		position: relative;
		cursor: pointer;
	}
	#leftContainer li a.first {
		background: none;
	}
	#leftContainer li a.selected {
     	background-color:#FF0000;
		color: #fff;
	}
	#leftContainer li a:hover {
		color: #f60;
	}
	#leftContainer li a.selected:hover {
		color: #fff !important;
	}
	
	#leftContainer p {
		margin: 5px -25px 0 0;
		font-size: 11px;
		text-align: center;
	}
	
	#leftContainer p span {
		margin-right: 7px;
		font-spacing: -1px;
	}
	
	#leftContainer p a {
		text-decoration: underline;
		padding-right: 2px;
	}
	#leftContainer p a.selected {
		color: #f60;
		font-weight: bold;
		text-decoration: none;
	}
	
	#leftContainer p a:hover {
		text-decoration: none;
	}


/*---------------------------------  SCROLLBAR */

#scrollbar 
{
	width: 1px;
	height: 180px;
	background-image:url(LineScroll.jpg);
	background-position:right;
	background-repeat:repeat-y;
	position: absolute;
	top: 0px;
	right: 0px;

}
#scrollbar #handler {
	height: 28px;
	background-image:url(scroller_sec.gif);
}