/* menu styles */

#leftMenu 
{
  float: left;
  margin: 0;
  padding: 0;
  width: 20%;
  height: 100%;
  border: 0px solid red;
  color: white;
}

#leftMenu ul {
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent;
	z-index: 100;	
	border-top: 1px solid;
}

#leftMenu ul li 
{
	font-weight: normal;
	text-align: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;	
	border-bottom: 1px solid;
	font-weight: bold;		
	padding: 0.3em 0.5px 0em 0em;	
}

#leftMenu ul li a {
  text-decoration: none;
  color: white;
}

#leftMenu ul li.level0
{
   border-top: 1px solid; 
   border-bottom: 0; 
   padding-top: 0.5em;
   font-weight: bold;
   font-size: 0.9em;
}

#leftMenu ul li.level0 span
{
	padding-left: 1em;
	padding-bottom: 0.5em;
	display: block;
}

#leftMenu ul li.level1
{
   font-weight: normal;
   font-size: 0.95em;
   /* padding-left: 1em; */
}

#leftMenu ul li.level1 a
{  
   padding-left: 1em;    
   padding-bottom: 0.1em;
   display: block;    
   width: 80%;
   height: 1.55em; 
   white-space: nowrap;
}

#leftMenu ul li.level1 a span
{
   vertical-align: top;
   display: inline; 
   padding-left: 0.5em;
   /*padding-left: 10%;*/
}

#leftMenu ul li.level1 a img
{
   height: 1.3em;    
   width:  1.4em;
   padding: 0;
   margin: 0; 
   border: 0;
   display: inline; 
}

#leftMenu ul li.level1 div
{
   padding-left: 1em;
   display: block;   
   vertical-align: top;
   width:  80%;
   cursor: hand;
   white-space: nowrap;
}

#leftMenu ul li.level1 div input
{
   height: 1.3em;
   width:  1.4em;
   margin: 0;
   padding: 0;
}

#leftMenu ul li.level1 div label
{
   vertical-align: top;   
   padding-left: 0.5em;
   display: inline-block;
   width:  90%;
}

#leftMenu ul li.menuTab
{
  background: transparent url('roh2-Green.gif') right top no-repeat;
}

#leftMenu ul li.WorkflowForm
{
  background: transparent url('roh2-Orange.gif') right top no-repeat;
}

#leftMenu ul li.InactiveLink
{
	font-style:italic;  
}

#leftMenu ul li.InactiveLink a
{
	color:gray;
	cursor:arrow;
}

#leftMenu ul li.menuButton
{
  background: transparent url('roh2-Yellow.gif') right top no-repeat;
}

#leftMenu ul li.menuButton:hover
{

}

#leftMenu ul li.menuLink
{
  background: transparent url('roh2-Red.gif') right top no-repeat;
}

#leftMenu ul li.menuLink:hover
{

}

#leftMenu ul li.menuStart
{
  background: transparent url('roh2-Blue.gif') right top no-repeat;
}

#leftMenu ul li.menuStart:hover
{

}

#leftMenu ul li.menuPrint
{
  background: transparent url('roh2-Red.gif') right top no-repeat;
}

#leftMenu ul li.menuPrint:hover
{

}

#leftMenu ul li.menuHelp
{
  background: transparent url('roh2-Blue.gif') right top no-repeat;
}

#leftMenu ul li.menuHelp:hover
{

}

#leftMenu ul li.selected
{

}

/* --- BACKGROUND COLORS --- */

#leftMenu 
{
  background-color: #185B96;
}

#leftMenu ul {
	border-top-color: #8CADCB;
}

#leftMenu ul li 
{
	border-bottom-color: #8CADCB;
}

#leftMenu ul li.level0
{
   border-top-color: #8CADCB; 
}

#leftMenu ul li.menuTab:hover
{
  background-color: #007387;
}

#leftMenu ul li.WorkflowForm:hover
{
  background-color: #AC6E2D;
}

#leftMenu ul li.menuButton:hover
{
  background-color: #b6b132; /*#104778;*/
}

#leftMenu ul li.menuLink:hover
{
  background-color: #be5c3c; /*#B55400;*/
}

#leftMenu ul li.menuStart:hover
{
  background-color: #125186; /*#104778;*/
}

#leftMenu ul li.menuPrint:hover
{
  background-color: #be5c3c; /*#B55400;*/
}

#leftMenu ul li.menuHelp:hover
{
  background-color: #125186; /*#104778;*/
}

#leftMenu ul li.selected
{
   /* background-color: #286BA6; */
   background-color: #1C4A73;
}

#leftMenu ul li.selected a span
{
   color: #F6EF1A;
}