/* 
	File: menus.css 
*/


/* Mainmenu (located in the sidebar) */

div#sidebar div#mainmenu {
	padding: 5px 15px 0 15px;
	/*background: transparent url(/images/menus/mainmenu/right-shadow.png) 100% 0 no-repeat;*/
}

	div#sidebar div#mainmenu h2 {
		margin: 0 -15px .3em;
		padding: 1em 1em .7em 1.6em;
		background: #f0efef url(/images/menus/mainmenu/header-bg.png) 0 0 repeat-x;
		border-top: 1px solid #ececec;
		color: #555;
		text-transform: uppercase;
	}
	
	div#sidebar div#mainmenu ul {
		margin-bottom: 3em;
	}

		div#sidebar div#mainmenu ul li {
			padding-bottom: 1px;
			background: transparent url(/images/menus/mainmenu/separator.png) 0 100% repeat-x;
		}
	
			div#sidebar div#mainmenu ul li a {
				display: block;
				padding-left: 3px;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 1.9em;
				color: #333;
				text-decoration: none;
			}
		
				div#sidebar div#mainmenu ul li a:hover {
					color: #999;
				}
		
			div#sidebar div#mainmenu ul li.selected a {
				color: #43A1D4;
				background: transparent url(/images/menus/mainmenu/arrow.png) 100% 50% no-repeat;
			}




/* Submenu (located in the header) */
div#header ul#submenu {
	position: absolute;
	bottom: 5px;
	z-index: 1;
	left: 20.4em; /* Align with content below */
}


	div#header ul#submenu li {
		float: left;
		margin: 1px 2px 0 0;
		padding: 0 6px 0 0;
		list-style: none;
		text-indent: 0;
		background: transparent url(/images/menus/submenu/tabs.png) 100% 0 no-repeat;
	}
	
	div#header ul#submenu li.welcome {
		margin-right: 3em;
	}
	
		div#header ul#submenu li a {
			float: left;
			display: block;
			padding: .3em 6px .25em 10px;
			font-size: 1.1em;
			font-weight: bold;
			color: #333;
			background: transparent url(/images/menus/submenu/tabs.png) 0 0 no-repeat;
			text-decoration: none;
		}
		
			div#header ul#submenu li a:hover {
				color:#e56445;
			}
			
	div#header ul#submenu li:hover {
		background-position: 100% -150px;
	}
	
		div#header ul#submenu li:hover a {
			background-position: 0 -150px;
			color: #333;
		}
		
	div#header ul#submenu li.selected {
		background-position: 100% -300px;
		margin-bottom: 0 !important;
	}
	
		div#header ul#submenu li.selected a {
			background-position: 0 -300px;
			color: #43A1D4;
		}
		
		div#header ul#submenu li.selected a:hover {
			color: #333;
		}


	/* Extended menu - Q & D */
	/* TODO: Find better solution for when submenu exceeds the header width */
	body.extended div#header ul#submenu {
		left: 20em;
		width: 710px;
		bottom: 8px;
	}
	
		body.extended div#header ul#submenu li {
			margin: .5em 0 0;
			background: none;
		}
		
			body.extended div#header ul#submenu li a {
				padding: 3px 5px;
				font-size: 1em;
				background: #bebebe;
				line-height: 14px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			
				body.extended div#header ul#submenu li a:hover {
					background: #dfdfdf;
				}

			body.extended div#header ul#submenu li.selected a {
				background: #43A1D4;
				color: #fff;
			}


/* Switcher */
div.switcher {
	overflow: auto;
	zoom: 1.0;
	margin: 1.5em 0 1em;
	padding-left: 8px;
	background: transparent url(/images/menus/switcher/bg.png) 0 0 no-repeat;
}

	div.switcher ul {
		float: left;
		display: inline;
		margin: 0 9px 0 0;
		padding-right: 9px;
		background: transparent url(/images/menus/switcher/bg.png) 100% 0 no-repeat;
	}

		div.switcher ul li {
			float: left;
			padding: 0 8px 0 0;
			list-style: none;
			background: transparent url(/images/menus/switcher/bg.png) 100% -24px no-repeat;
		}

			div#content div.switcher ul li a {
				float: left;
				display: block;
				height: 24px;
				padding: 0 10px 0 15px;
				background: transparent url(/images/menus/switcher/bg.png) 0 -24px no-repeat;
				text-decoration: none !important;
				color: #444;
				line-height: 24px;
				font-size: .9em;
				font-weight: bold;
			}

			div#content div.switcher ul li.selected {
				background-position: 100% -48px;
			}

				div#content div.switcher ul li.selected a {
					color: #fff !important;
					background-position: 0 -48px;
				}
	
			div#content div.switcher ul li:hover a,
			div#content div.switcher ul li a:hover {
				color: #43A1D4;
			}
			

/* Submenu 2 (experimental content menu) */
div#content div#submenu {
	margin: -18px -25px 1.5em;
	background: #f0efef url(/images/menus/submenu/shadow.png) 0 0 repeat-x;		
	border-top: 1px solid #dadada;
}

	div#content div#submenu ul {
		overflow: auto;
		padding: 2px 25px 0;
		background: transparent url(/images/menus/submenu/border-bottom.gif) 0 100% repeat-x;	
	}
	
	div#content div#submenu li {
		float: left;
		margin: 1px 2px 0 0;
		padding: 0 4px 0 0;
		list-style: none;
		text-indent: 0;
	}

	div#content div#submenu li.welcome {
		margin-right: 3em;
	}

		div#content div#submenu li a {
			float: left;
			display: block;
			padding: .3em 4px 3px 8px;
			font-size: 1em;
			font-weight: bold;
			color: #333;
			text-decoration: none;
		}

			div#content div#submenu li a:hover {
				color: #43A1D4;
			}



	div#content div#submenu li.selected {
		margin-bottom: 0 !important;
		background: transparent url(/images/menus/submenu/tabs-small.png) 100% 0 no-repeat;
	}

		div#content div#submenu li.selected a {
			background: transparent url(/images/menus/submenu/tabs-small.png) 0 0 no-repeat;
			color: #43A1D4;
		}