.RadPanelBar
{
	text-align: left;
	width: 234px !important;
}

.RadPanelBar .rpLink
{
    font-size: 16px;
	font-weight: 300;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5 !important;
	padding: 15px 0 !important;
	overflow: hidden;
	border-left: 5px solid #20a6a8 !important;
}

.RadPanelBar .rpLink:hover, .RadPanelBar .rpLink:focus, .RadPanelBar .rpExpanded
{
    color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	background: #20a6a8;
	border-bottom: 0 !important;
}

.rpOut { padding: 0 !important; }

.rpExpandHandle {background:url(/images/sideNavArrow.png) no-repeat; width: 16px; height: 12px; margin-right: 10px !important;}

/* Sub Pages */

.RadPanelBar .rpLevel1 { background: #20a6a8; }

.RadPanelBar .rpLevel1 a.rpLink
{
	font-size: .9em !important;
	font-weight: normal;
	color: #ffffff;
	border: 0 !important;
	padding: 7px 0 7px 15px!important;
	background: url(/images/btmArrow.png) 12px 12px no-repeat !important;
	border-top: 1px solid #27bbbc !important;
	border-bottom: 1px solid #0f7a7c !important;
}

.RadPanelBar .rpLevel1 a.rpLink:hover
{
    color: #ffffff;
    padding: 7px 0 7px 15px!important;
	border-top: 1px solid #0f7a7c !important;
	background: url(/images/btmArrow.png) 12px 12px no-repeat #0f7a7c !important;	
}

.RadPanelBar .rpLevel1 .rpFirst a.rpLink {border-top: 0 !Important;}
.RadPanelBar .rpLevel1 .rpLast a.rpLink {border-bottom: 0 !Important;}


.RadPanelBar .rpLevel2 {background: #333; }

.RadPanelBar .rpLevel2 a.rpLink
{
	font-size: .9em !important;
	font-weight: normal;
	color: #e5e5e5;
	border: 0 !important;
	padding: 7px 0 7px 15px!important;
	background: url(/images/btmArrow.png) 12px 12px no-repeat !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.RadPanelBar .rpLevel2 a.rpLink:hover
{
    color: #ffffff;
    padding: 7px 0 7px 15px!important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: url(/images/btmArrow.png) 12px 12px no-repeat !important;	
}

.RadPanelBar .rpLevel2 .rpFirst a.rpLink {padding-top: 15px !important; border-top: 0 !Important;-webkit-box-shadow: inset 0px 5px 5px 0px #000; box-shadow: inset 0px 5px 5px 0px #000;
                                          background: url(/images/btmArrow.png) 12px 20px no-repeat !important;}
.RadPanelBar .rpLevel2 .rpLast a.rpLink {border-bottom: 0 !Important; padding-bottom: 15px !important;}

@media only screen and (max-width: 800px)
{
    .RadPanelBar {width: 100% !important;}
}