/* containers */

body, p, td, th, div, span, ul, ol, textarea, input, select {
	font-family : Verdana, Arial, sans-serif;
	font-size : 12pt;
}

h1 {
	font-size :18pt;
}

h2 {
	font-size : 12pt;
}

html, body {
	height:100%;	
	width:100%;
	padding:0;
	margin:0;
	background-color: #ebf1f7;	
}

div.fakecolumn {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:250px;
	height:100%;
	border-right: 1px solid #06335f;
}
div.container {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
}

div.headerarea{
	width:100%;
	border-bottom:1px solid #06335f;
	background-color: #ebf1f7;	
}

div.menuarea {
	float:left;
	vertical-align:top;
	width:250px;	
}

div.contentarea{
	vertical-align:top;
	margin-left:250px;
	border-left: 1px solid #06335f;
}

div.simple-content {
	 width:auto;
	 height:100%;
	 padding:20px;
}

/* menu */
div.vmenu.collapsed div.vmenu_subnodes {
	display: none;
}

div.vmenu, div.vmenu_label{
	width:100%;
}

div.vmenu_label.hover{
	color:red;
}
div.vmenu.selected div.vmenu_label{
	color: orange;
}

div.vmenu div.vmenu_label span{
	cursor: default;
	padding:2px;
}
			
div.vmenu.level1{
	background-color: #89b1d9;
}

div.vmenu_label.level1{
	border-bottom: 1px solid #06335f;
	border-top: 1px solid #ebeff2 ;
	border-left: 1px solid #ebeff2;
}

div.vmenu_subnodes.level1{
	border: 1px solid #06335f;
	border-top: none;
	border-right:none;
	margin-left:1px;
}
			
div.vmenu.level2{
	background-color: #ebf1f7;
}

/* menu specific*/
div#testForm\:menu{
	height:100%;
}

pre.code{
	font-family: courier; 
	font-size : 10pt;
	border:1px solid black; 
	background-color:#DDDDDD; 
	margin: 30px; 
	padding:10px; 
	overflow:auto;
}

p.infobox{
	border: 1px solid #06335f;
	margin:20px;
	width:600px;
	min-height: 54px;
	padding: 10px;
	padding-left:70px;
	background: #ffffcb url(images/info_icon.png) no-repeat center left;
}