﻿#mainNavMenu
{
	display:inline-block;
	
	line-height: initial;

	vertical-align: middle;

	position: absolute;
	top:6px;
	left: 6px;

}

	#mainNavMenu .itemcontainer
	{
		margin-left: 0px;
		margin-top: 5px;

		text-align: left;
	}

#staticTopBar .button
{
	
	display: inline-block;
	padding: 8px 15px;
	margin: 0px;
	border: 1px solid #333; 
	box-shadow: inset 0 1px 0 rgba(225,240,255, .25);
	
	vertical-align: middle;

	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	text-shadow: 0px 0px 3px #000;

	background: rgb(109,109,109);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(109,109,109,1) 0%, rgba(58,58,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,109,109,1)), color-stop(100%,rgba(58,58,58,1)));
	background: -webkit-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#3a3a3a',GradientType=0 );

	cursor: pointer;
	-webkit-user-select: none;

}

	#staticTopBar .button:hover
	{
		background: rgb(81,81,81);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(81,81,81,1) 0%, rgba(30,30,30,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(30,30,30,1)));
		background: -webkit-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: -o-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: -ms-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: linear-gradient(to bottom, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#1e1e1e',GradientType=0 );
	}

	#staticTopBar .button:active, #staticTopBar .button.selected
	{
		background: rgb(30,30,30);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(30,30,30,1) 0%, rgba(81,81,81,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(81,81,81,1)));
		background: -webkit-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: -o-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: -ms-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: linear-gradient(to bottom,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#515151',GradientType=0 );
	}

	
	#staticTopBar #prevNextNavigation
	{
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 5px;
		left: 50%;
		margin-left: 85px; /* half the width of the logo */

		text-align:right;
	}

	#staticTopBar #prevNextNavigation:before
	{
		content:'';
		display:inline-block;
		height: 100%;
		line-height: 100%;
		vertical-align: middle;
		margin-right:-.5em;
	}

		#staticTopBar #prevNextNavigation #mainNavPrev, #staticTopBar #prevNextNavigation #mainNavNext
		{
			text-align:center;
			vertical-align: middle;
		}

		#prevNextNavigation .button .icon
		{
			display:inline-block;
			width: 20px;
			height: 20px;
			vertical-align: middle;

			border-radius: 10px;
			background-color: rgba(0,0,0,.5);
			box-shadow: 0px 0px 2px 0px #aaa inset;

			margin-right: 5px;

			background-image: url('/themes/default_v2/images/btn-nav-leftright-icon.png');
			background-repeat: no-repeat;
			background-position-x: 6px;
			background-position-y: 5px;
		}
		
		#prevNextNavigation #mainNavNext .icon
		{
			margin-right: 0px;
			margin-left: 5px;
			background-position-x: -13px;
			
		}