:focus
{
	outline: 0; 
}

html, body
{
	padding: 0px;
	margin: 0px;
}

#supercontainer
{
	position: relative;
}

#top
{
	height: 60px;
	padding: 0px 2%;
	text-align: right;
}

#top #userinfo, #top #userinfo a
{
	text-decoration: none;
}

#top #userinfo
{
	float: left;
	height: 40px;
	margin-left: 224px;
	padding-left: 40px;
	padding-top: 5px;
/*	padding-top: 19px;*/
	z-index: 20;
}

#top #userinfo img
{
	vertical-align: middle;
}

#top #userinfo a:hover
{
	text-decoration: underline;
}

#top #quicksearch
{
	padding-top: 15px;
}

#top #quicksearch input.text
{
	width: 200px;
	color: gray;
}

#top #quicksearch #quicksearchModules
{
	z-index: 10;
	width: 335px;
	position: absolute;
	top: 100%;
	right: 0px;
	text-align: left;
	padding: 5px;
}

#top #quicksearch #quicksearchModules label
{
	display:block;
}

#top #quicksearch #quicksearchModules label.floating
{
	width: 110px;
	float: left;
}

#container
{
	background-color:white;
	margin: 0px 2%;
	position: relative;
	border-bottom: 1px solid black;
}

/* ===================== MENU ======================== */
#menu {
	float:left;
	width:220px;
	margin-top:150px;
	line-height:21px;
	border-right:4px solid black;
	margin-right:-4px;
	padding-bottom:60px;
}

#menu ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#menu li.level1 {
	padding:0 10px; 
	position:relative;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;	
}
#menu a {
	display:block;
	text-decoration:none;
	padding-left:20px;
	font-size:10px;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:left center;
	width:auto;
}
#menu a.selected {font-weight:bold;}
#menu a.level1 {
	color:black;
	padding-left:20px;
	line-height:26px;
	height:26px;
}
#menu li.level1:hover {
	border-top:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
	background-color:#f8f8f8; 
	z-index:100;
}
#menu a:hover {text-decoration:underline;}

#menu li.hasSubmenu {background:url("../../core/images/submenubackground.png") no-repeat 200px center;}

/* ------------------- SUBMENU ------------------- */
#menu ul.level1 {
	position:absolute;
	top:-13px;
	left:150px;
	background:#f8f8f8;
	padding:12px 0;
	z-index:10;
	width:160px;
	border:#bbb 1px solid;
 	-moz-box-shadow:2px 2px 2px 1px #ddd;
  	-webkit-box-shadow:2px 2px 2px 1px #ddd;
  	box-shadow:2px 2px 2px 1px #ddd;	
}
#menu li.level2 {padding:0 10px; width:100%;}
#menu li.level2:first-child {border-left:#fcfcfc 1px solid; margin-left:-1px;}
#menu a.level2 {
	color:#555; 
	padding:5px 0; 
	line-height:16px;
	width:140px;
}
#menu li.level2:hover {background-color:transparent;}

/* ------------------- SUBMENU SELECTED ------------------- */
#menu li.selected ul.level1 {
	position:static;
	background:none;
	padding:0;
	z-index:10;
	width:200px;
	border:none;
 	-moz-box-shadow:none;
  	-webkit-box-shadow:none;
  	box-shadow:none;	
}
#menu ul li.level1.selected:hover {
	background:none;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;		
}
#menu ul li.selected li.level2:first-child {border:none; margin-left:0;}
#menu ul li.selected li.level2 {padding:0;}
#menu ul li.selected a.level2 {padding-left:30px; width:auto;}
#menu li.hasSubmenu.selected {background:none;}

/* ------------------- SUBMENU FLYOUT / SELECTED ------------------- */
#menu ul.level1 {display:none;}
#menu ul.level0 li.selected ul.level1, #menu ul.level0 li.level1:hover ul.level1 {display:block;}

/* ------------------- MENU SEPARATOR ------------------- */
#menu ul.level0 li.horizontalseperator {
	border-bottom:#dde0ef 2px solid;
	height:10px;
	margin-bottom:10px;
}
#menu ul.level0 li.horizontalseperator:hover {background:none;}

#info
{
	border-top: 4px solid black;
	border-bottom: 4px solid black;
	border-left: 4px solid black;
	height: 60px;
	margin-left: 220px;
	padding: 20px 40px;
	overflow: hidden;
}

#info #description
{
	margin-top: 5px;
	padding-left: 53px;	
}

#info .infobutton
{
	float: right;
	text-align: center;
}

#info h1
{
	color: gray;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}

#info, #info a
{
	color: gray;
}

#content
{
	border-left: 4px solid black;
	margin-left: 220px;
	padding: 40px;
}

#cmslogo
{
	position: absolute;
	top: 0px;
	left: 2%;
	background-color:white;
	height: 200px;
	width: 220px;
	border-bottom: 4px solid black;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#cmslogo #websites
{
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#cmslogo #websites select
{
	width: 182px;
	color: gray;
}

#cmslogo #websites img, #cmslogo #websites select
{
	vertical-align: middle;
}

#cmslogo #websites img
{
	margin: 2px 2px 2px 4px;
}

#cmslogo #websites ul, #cmslogo #websites li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cmslogo #websites ul
{
	float: right;
}

#cmslogo #websites ul ul
{
	display: none;
	float: none;
	position: absolute;
	top: 100%;
	left: -24px;
	width: 220px;
	background-color: white;
	border: 4px solid black;
	padding: 5px 10px;
}

#cmslogo #websites ul li:hover ul
{
	display: block;	
}

#footer
{
	margin: 0px 2%;
}

#footer, #footer a
{
	color: gray;
	font-size: 10px;	
}

#footer .debug
{
	font-style: italic;
}