﻿
/*The top list*/
.list
{
	/* Give the list the same image as the menu items*/
	/*background-image: url(../images/bg_menuitem.gif);
	margin-bottom: 10px;*/
}

/*The margin to the first menu item*/
#navbar
{
	margin-left: 10px;
}


/*Below styles concerns the menus*/

.StaticMenuStyle, .StaticMenuItemStyle
{
	padding: 0px;
	margin: 0px;
	width:162px;
    height: 22px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    background: url(../images/bg_menuitem.gif) repeat-x;
    border-right: solid 1px #ffffff;
   
}

.DynamicMenuStyle
{
	padding: 0px;
	margin: 0px;
	width:162px;
    	color: #fff;
    	font-size: 11px;
    	font-weight: normal;
    	background: url(../images/bg_menuitem.gif) repeat-x;
    	border-right: solid 1px #ffffff;
	z-index: 100;   /*ie8 bug*/
}


.DynamicMenuItemStyle
{
	padding: 0px;
	margin: 0px;
	width:162px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    background: url(../images/bg_menuitem.gif) repeat-x;
    border-right: solid 1px #ffffff;
    height: 22px;    
}



.StaticHoverStyle, .DynamicHoverStyle
{
    	color: #BF0218;
	background-image: none; 
	background-color:#DC931A;	
}
.StaticSelectedStyle, .DynamicSelectedStyle
{
    	color: #fff;
	background-color:#BF0218;	
}

.StaticMenuItemStyle a, .DynamicMenuItemStyle a
{
	padding: 3px;
	background-image: none; 
	background-color: transparent;

}
.StaticMenuItemStyle a:visited, .DynamicMenuItemStyle a:visited
{ 
	color: #fff;
}

.StaticMenuItemStyle a:hover, .DynamicMenuItemStyle a:hover
{
	color: #BF0218;
}


/* the panel on the left side*/
#contentlefttop
{
    display: none;
	visibility:hidden; /*HAS TO BE CHANGED TO DISPLAY THE PANEL*/
	float: left;
	margin-top:0px;
	margin-left:0px;
	vertical-align: top;
	width: 0px;	/*HAS TO BE ADAPTED TO THE WIDTH IN THE ABOVE #CONTENT SECTION*/
	height:0px;
	background-color: #fff;
	font-weight: normal;
	padding: 3px;
	color: #003399;
	border-style:solid;
	border-color: #D8D8D8;
	border-width: thin;
}
#contentleft
{
    display: none;
	visibility:hidden; /*HAS TO BE CHANGED TO DISPLAY THE PANEL*/
	float: left;
	margin-top:0px;
	margin-left:0px;
	vertical-align: top;
	width: 0px;	
	height:0px;
	background-color: #fff;
	font-weight: normal;
	padding: 3px;
	color: #003399;
	border-style:solid;
	border-color: #D8D8D8;
	border-width: thin;
}
#contentleftbottom
{
    display: none;
	visibility:hidden; /*HAS TO BE CHANGED TO DISPLAY THE PANEL*/
	float: left;
	margin-top:0px;
	margin-left:0px;
	vertical-align: top;
	width: 0px;	/*HAS TO BE ADAPTED TO THE WIDTH IN THE ABOVE #CONTENT SECTION*/
	height: 0px;
	background-color: #fff;
	font-weight: normal;
	padding: 3px;
	color: #003399;
	border-style:solid;
	border-color: #D8D8D8;
	border-width: thin;
	z-index:2;
}