/* 
    Document   : main_menu
    Created on : 02.02.2012, 09:45:32
    Author     : Stefan Höterkes
    Description:
        The new main menu
*/

#main_menu
{
    margin: 0px auto;
    position: relative;
    width: 620px;
	/*width: 940px;*/
	
	text-align: center;
}

#main_menu h2
{
	text-align: center;
}

#main_menu .main_menu_collumn_container
{
	width: 300px;
	
	float: left;
}

#main_menu ul
{
	width: 300px;
	
	list-style-type:none; 
	margin:0; 
	padding:0;
	
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

#main_menu .main_menu_spacer
{
	margin-left: 20px;
}

#main_menu li.menu_spacer_top
{
	margin-bottom: 1px;
    list-style: none;
    background: url(images/button-bg.png) repeat-x; 
    border: none; 
    color: white; 

    text-shadow: 0 1px 1px #666; 
	/*
    -moz-border-radius-topleft: 2px; 
    -moz-border-radius-topright: 2px; 
    -webkit-border-radius: 2px; 
    -webkit-box-shadow: 0 1px 3px #999; 
	*/
	
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	
    font: bold 16px Helvetica;
    
    text-align: center;
	
	padding: .4em 15px .4em 15px;
}

#main_menu li.menu_spacer_top_grey
{
	margin-bottom: 1px;
    list-style: none;
    background: url(images/bg_dither_medium.png) repeat-x; 
    border: none; 
    color: white; 

    text-shadow: 0 1px 1px #666; 

	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	
    font: bold 16px Helvetica;
    
    text-align: center;
	
	padding: .4em 15px .4em 15px;
}

#main_menu li.menu_spacer
{
	padding-top: 15px;
	background: url(images/button-bg.png) repeat-x; 
}

#main_menu li.menu_spacer_grey
{
	padding-top: 15px;
	background: url(images/bg_dither_medium.png) repeat-x; 
}

#main_menu li.last_entry
{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#main_menu li.active
{
	border-right-width: 1px;
	border-left-width: 1px;

	display: block;
	margin: 0;
	position: relative;
	overflow: visible;

	border-width: 0;
	border-top-width: 1px;

	cursor: pointer;

	font-family: Helvetica,Arial,sans-serif;
	font: bold 16px Helvetica;
	text-decoration: none;
	
	text-align: left;

	/*border: 1px solid #CCC;*/
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 1px #F6F6F6;

	background: #EEE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
	background-image: -webkit-linear-gradient(#fdfdfd,#eee);
	background-image: -moz-linear-gradient(#fdfdfd,#eee);
	background-image: -ms-linear-gradient(#fdfdfd,#eee);
	background-image: -o-linear-gradient(#fdfdfd,#eee);
	background-image: linear-gradient(#fdfdfd,#eee);
	border-image: initial;

	border-top: 1px solid white;
	border-bottom: 1px solid #ccc;
	/*border-color: rgba(255, 255, 255, .3);*/

}

#main_menu li.active:hover
{
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ccc));
	background-image: -webkit-linear-gradient(#fafafa,#ccc);
	background-image: -moz-linear-gradient(#fafafa,#ccc);
	background-image: -ms-linear-gradient(#fafafa,#ccc);
	background-image: -o-linear-gradient(#fafafa,#ccc);
	background-image: linear-gradient(#fafafa,#ccc);
	
}


#main_menu li.inactive
{
	text-align: right;
	
	cursor: default;
	color: #ccc;

	font-family: Helvetica,Arial,sans-serif;
	font: bold 16px Helvetica;
	text-decoration: none;

	font-weight: bold;

	text-shadow: 0 0px 0px #F6F6F6;

	padding: .7em 15px .7em 15px;
	
	border-bottom: 1px solid #ccc;


}


#main_menu a
{
	padding-right: 30px;

	padding: .7em 15px .7em 15px;
	display: block;
	color: #444;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	font-weight: bold;

	text-shadow: 0 1px 1px #F6F6F6;
}


#main_menu li.switch_off
{
	text-align: right;
	
	cursor: default;
	color: #444;
	background: #EEE;

	font-family: Helvetica,Arial,sans-serif;
	font: bold 16px Helvetica;
	text-decoration: none;

	font-weight: bold;

	text-shadow: 0 0px 0px #F6F6F6;

	padding: .7em 15px .7em 15px;
	
	border-bottom: 1px solid #ccc;
}

#main_menu li.switch_on
{
	text-align: right;
	
	cursor: default;
	color: #000;
	background: #0E0;

	font-family: Helvetica,Arial,sans-serif;
	font: bold 16px Helvetica;
	text-decoration: none;

	font-weight: bold;

	text-shadow: 0 0px 0px #F6F6F6;

	padding: .7em 15px .7em 15px;
	
	border-bottom: 1px solid #ccc;


}