@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; overflow:hidden;}

body { height:100%; overflow: hidden; margin:0px; padding:0px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ffffff; }


#Menu {
	float:left;
	width:250px;
	height:100%;
	background-color:#ffffff;
}

#logo {
	display:block;	
	margin:20px 20px 20px 20px;
	background-color:#ffffff;
}

#logo img {
	width:100%;
	height:auto;
}

#MenuText {
	float:left;
	width:234px;
	font-weight:bold;
	margin:0 0px 8px 0px;
	padding:8px;
	font-size:16px;
	background-image:url('../images/menu_header.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
}

#MenuText .highlight {
	font-size:22px;	
}

#MenuFooter {
	position:absolute;
	bottom:14px;
	left:4px;
	width:242px;
	padding-top:8px;
	font-size:16px;
	border-top:1px solid #000000;
}

#MenuFooter a {
	color:#0ba9c6;
	text-decoration:none;
}

#MenuFooter a:hover {
	text-decoration:underline;
}

#spinMenu {
	float:left;
	margin:0 9px 0 9px;
}

a.mItem { 	
	float:left;
	width:232px;
	font-size:16px;
	max-width:202px;
	padding:4px 10px 4px 20px;
	
	background-color:#ff6700;
	color:#ffffff;
	text-decoration:none;
	line-height:22px;
	margin:0 0 4px 0;
	
}
		
a.mItem:hover {
	color:#ff6700;
	background-color:#ffffff;
}


a.mItem2 { 	
	display:block;
	color:#000000;
}
		
a.mItem2:hover {
	text-decoration:underline;
}

a.mgroup {	
}

a.mgroup:hover {
}

a.groupclosed {
}

a.groupopen {
}

#spinPlayer{
	float:left;
	width: 100%;
	height:100%;	
	border:none;
}

sup { vertical-align: top; font-size: 0.6em; }