@charset "utf-8";

#scrollpanel
{
	float:right;
	width:325px;
	height:230px;
	background:#ffffff;
	padding-left:20px;
	border-left:1px solid #e5e5e5;
}

#scrollpanelNav
{
	width:325px;
	height:20px;
	text-align:right;
	padding-top:8px;
	border-top:1px solid #e5e5e5;
}

#scrollpanelNav a:link,#scrollpanelNav a:visited,#scrollpanelNav a:active
{
	color:#333333;
	text-decoration:none;
	letter-spacing:1px;
	font-size:11px;
	font-weight:normal;
}


#scrollpanelNav .scrollpanelLink
{
	float:left;
	width:28px;
	height:20px;
	text-align:center;
	padding:3px 3px 0px 3px;	
	border-right:#e5e5e5 1px solid;
}

.scrollpanelSelected
{
	background-color:#e5e5e5;
}

#scrollpanelNav a:hover
{
	text-decoration:underline;
	color:#b82027;
}

#scrollpanelNav .options
{
	width:325px;
	letter-spacing:2px;
	vertical-align:middle;
}

#examples
{
	width:325px;
	height:190px;
}