.example-panel
{
	width: 750px;
	height: 303px;
	margin-left: 60px;
	background: transparent url('Images/exampleBg.png') no-repeat 0 0;	
	position:relative;
	z-index:2000;
}





.user-details
{
	position:absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 18px;
}
.user-details span
{
	color:#70ced5;
}

.user-details div
{
	font-size:10px;
	text-align:right;
}

.brant-header
{
	font: 10px 'Segoe UI', Arial;
	color:Black;
	display:block;
}


.item-title
{
	font: 18px/18px 'Segoe UI', Arial;
	color: #fff;
}

.item-title:hover
{
	color:Black;
}


.RadMenu
{
	position:absolute;
	top:0px;
	left:-3px;
}
.RadMenu a
{
	text-decoration:none;
}


div.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 0;
}


div.RadMenu .rmGroup
{
	border: none;
	text-align:left;
}

div.RadMenu .rmGroup li.road
{
	background-image: url('Images/menu-road.png');
	background-repeat:no-repeat;
	width:199px;
	height:56px;
}

div.RadMenu li.road div.rmText
{
    width:130px;
	padding: 12px 0 0 65px;
}


div.RadMenu .rmGroup li.bmx
{
	background: transparent url('Images/menu-bmx.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}

div.RadMenu li.bmx div.rmText
{
    width:130px;
	padding: 12px 0 0 65px;
}

div.RadMenu .rmGroup li.mountain
{
	background: transparent url('Images/menu-mountain.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}

div.RadMenu li.mountain div.rmText
{
    width:130px;
	padding: 12px 0 0 65px;
}

div.RadMenu .rmGroup li.silverlight
{
	background: transparent url('Images/product_07.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}

div.RadMenu li.silverlight div.rmText
{
	padding: 10px 0 0 52px;
}

div.RadMenu .rmGroup li.reporting
{
	background: transparent url('Images/product_08.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}
div.RadMenu li.reporting div.rmText
{
	padding: 7px 0 0 52px;
}
div.RadMenu .rmGroup li.orm
{
	background: transparent url('Images/product_09.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}
div.RadMenu li.orm div.rmText
{
	padding: 7px 0 0 52px;
}
div.RadMenu .rmGroup li.sitefinity
{
	background: transparent url('Images/product_10.png') no-repeat 0 0;
	width: 199px;
	height:56px;
}
div.RadMenu li.sitefinity div.rmText
{
	padding: 7px 0 0 52px;

}

div.RadMenu .rmGroup .support-firstColumn
{
	width:202px !important;
	height: 48px;
	float:left !important;
	clear:left !important;
}

div.RadMenu .rmGroup .support-firstColumn a,
div.RadMenu .rmGroup .support-secondColumn a
{
	font: 15px 'Segoe UI', Arial;
	color: #fff;
}

div.RadMenu .support-firstColumn .rmText,
div.RadMenu .support-secondColumn .rmText
{
	padding: 20px 0 0 60px
}

div.RadMenu .rmGroup .support-secondColumn
{
	width:201px !important;
	height: 48px;
	float:left !important;
	clear:none !important;
}

div.RadMenu .rmGroup li.demos
{
	background: transparent url('Images/Menu-Road.png') no-repeat 0 0;
}

div.RadMenu .rmGroup li.trainer
{
	background: transparent url('Images/support_02.png') no-repeat 0 0;
}

div.RadMenu .rmGroup li.samples
{
	background: transparent url('Images/support_03.png') no-repeat 0 0;
}
div.RadMenu .rmGroup li.documentation
{
	background: transparent url('Images/support_04.png') no-repeat 0 0;
}
div.RadMenu .rmGroup li.video
{
	background: transparent url('Images/support_05.png') no-repeat 0 0;
}
div.RadMenu li.video .rmText,
div.RadMenu li.kb .rmText
{
	padding: 13px 0 0 60px
}
div.RadMenu .rmGroup li.kb
{
	background: transparent url('Images/support_06.png') no-repeat 0 0;
}

div.RadMenu .rmGroup li.webinars
{
	background: transparent url('Images/support_07.png') no-repeat 0 0;
}

div.RadMenu li.webinars .rmText,
div.RadMenu li.code .rmText
{
	padding: 8px 0 0 60px
}
div.RadMenu .rmGroup li.code
{
	background: transparent url('Images/support_08.png') no-repeat 0 0;
}

div.RadMenu .rmGroup .community-firstColumn
{
	width:248px !important;
	height: 61px;
	float:left !important;
	clear:left !important;
}
div.RadMenu .rmGroup .community-secondColumn
{
	width:247px !important;
	height: 61px;
	float:left !important;
	clear:none !important;
}

div.RadMenu .rmGroup .community-firstColumn a,
div.RadMenu .rmGroup .community-secondColumn a
{
	font: 12px/12px 'Segoe UI', Arial;
	color: #fff;
	display:inline-block;
}

div.RadMenu .rmGroup li.style
{
	background: transparent url('Images/community_01.png') no-repeat 0 0;
}
div.RadMenu .rmGroup li.falafel
{
	background: transparent url('Images/community_02.png') no-repeat 0 0;
}

div.RadMenu .rmGroup li.case
{
	background: transparent url('Images/community_03.png') no-repeat 0 0;
}
div.RadMenu .rmGroup li.dilemma
{
	background: transparent url('Images/community_04.png') no-repeat 0 0;
}

div.RadMenu .rmGroup li.style .rmText,
div.RadMenu .rmGroup li.falafel .rmText
{
	padding:21px 0 0 66px;
}

div.RadMenu .rmGroup li.case .rmText,
div.RadMenu .rmGroup li.dilemma .rmText
{
	padding:12px 0 0 66px;
}

div.RadMenu .rmGroup li.login
{
	background: transparent url('Images/loginBg.png') no-repeat 0 0;
	width: 199px;
	height: 121px;

}

div.RadMenu .rmGroup li.login .rmText
{
	padding: 0 7px;
}

div.RadMenu .rmGroup li.login a
{
	font: 10px 'Segoe UI', Arial;
	color: #fff;
	text-decoration:underline;
}

div.RadMenu .rmGroup li.login input
{
	width: 170px;
}

div.RadMenu .rmGroup li.login label
{
	color:#fff;
}

div.RadMenu li.login a.login-button
{
	display:inline-block;
	background: transparent url('Images/login.png') no-repeat 0 0;
	width: 47px;
	height: 20px;
	margin-left: 6px;
	text-align:center;
	color: #000;
	text-decoration:none;
	vertical-align:middle;
	padding-top: 3px;
}

* html div.RadMenu li.login a.login-button
{
	margin-left: 2px;
}