/*------------------------------------------------------------------
						- Style Sheet -
  ------------------------------------------------------------------
	File Name	:	menu.css
	Purpose		:	style sheet for menu
  ------------------------------------------------------------------
	Owner		:	Aakriti Technologies
	Email		:	aakriti.technologies@gmail.com
  ------------------------------------------------------------------
	Modification History : Change log								
  ------------------------------------------------------------------
	Date		Change Code		Programmer Name		QA Checker	
  ------------------------------------------------------------------
	09/05/14	*INIT*			Gaurav Gupta		F.llllllllllll
	   DESC:	New Implementaion	 
  ------------------------------------------------------------------*/	

	.menu {
		text-align: left;
		margin-left:auto;
		margin-right:auto;
		/*border:1px solid green;*/
	}

	.menu_bg {
		background-color:#ffffff;
	}

	/*style the main menu*/
	.myMenuFixInner {
		margin:0;
		padding:0;
	}

	.myMenuFixInner li {
		list-style:none;
		display:inline-block;
		font:menu;
		font-size:13px;
		font-weight: bold;
		letter-spacing:1px;
		width:100px;
		padding: 10px 3px 10px 3px;
		text-align:center;
		color:#f5f5f5;
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid #ffffff;
		zoom: 1;
		*display: inline;
	}
	
	.myMenuFixInner li a {
		display:block;
		text-decoration:none;
		margin:0;
		color:#494949;
	}
	
	.myMenuFixInner li:hover {
		color: #ffffff;
		background-color:#ff0000;	
		border-top: 5px solid #ff0000;
		border-bottom: 5px solid #fc8a0c;
	}
	
	.myMenuFixInner li:hover a {
		color:#ffffff;
	}

	/*style the sub menu*/
	.myMenuFixInner li .menuContainer {
		position:absolute;
		visibility:hidden;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		padding:0;
		left:0;
		background-color:#ffffff;
		text-align:center;
		border-bottom:2px solid #d5d5d5;
	}

	.myMenuFixInner li .menuContainer .menuCategory {	
		width:150px;
		color:#494949;
		vertical-align:top;
		border-right:1px solid #f9f9f9;
	}
	
	/*style the main simple menu*/
	.myMenuSimple {
		margin:0;
		padding:0;
	}

	.myMenuSimple li {
		list-style:none;
		display:inline-block;
		font:menu;
		font-size:13px;
		letter-spacing:1px;
		text-align:center;
		color:#ffffff;
		/*border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		*display: inline;*/
	}

	.myMenuSimple li a {
		display:block;
		text-decoration:none;
		margin:0;
		color:#ffffff;
		padding: 5px 0px 5px 0px;
		
	}
	
	.myMenuSimple li:hover {
		color: #ffffff;
		/*background-image:url('/share/img/bg/bg_menu.png'); 
		background-repeat:repeat-x;
		background-position:top;*/
		/*border-top: 2px solid transparent;
		border-bottom: 2px solid #fc8a0c;*/
	}
	
	.myMenuSimple li:hover a {
		color:#ffffff;
	}
	
	/*style the sub menu*/
	.myMenuSimple li ul {
		position:absolute;
		visibility:hidden;
		/*margin-top:2px;*/
		background-color:#5B8D25;
		padding-top:5px;
		padding-bottom:5px;
		z-index:9999;
		border-top: 2px solid #fc8a0c;
		border-bottom: 2px solid transparent;
	}

	.myMenuSimple li ul li {
		display:inline;
		float:none;
		font:menu;
		font-size:12px;
		letter-spacing:1px;
		text-align:left;
		margin:0;
		padding:0;

	}

	.myMenuSimple li ul li a {
		display:block;
		text-decoration:none;
		margin:0;
		color:#ffffff;
		padding:10px 5px 10px 10px;
	}
	
	.myMenuSimple li ul li:hover {
		color: #ffffff;
		background-color:#ff0000;	
	}
	
	.myMenuSimple li ul li:hover a {
		color:#ffffff;
		background-image:url('/share/img/bg/bg_menu.png'); 
		background-repeat:repeat-x;
		background-position:top;
	}
	
	.transparentSubNemu {				
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		
		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=90);
		
		/* Older than Firefox 0.9 */
		-moz-opacity:0.9;
		
		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0.9;
		
		/* Modern!
		/* Firefox 0.9+, Safari 2?, Chrome any?
		/* Opera 9+, IE 9+ */
		opacity: 0.9;
	}		
	
	/*
		Dropdown
	*/
	.dropdown {
		position: relative;
		display: inline-block;
	}	
	
	.dropbtn {
		background-color: #4CAF50;
		color: #FFFFFF;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
	}
	
	.dropbtn:hover, .dropbtn:focus {
		background-color: #3e8e41;
	}
	
	.dropimg {
		border: none;
		cursor: pointer;
	}
	
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #5B8D25;
		min-width: 165px;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		border-top: 2px solid #fc8a0c;
		border-bottom: 2px solid transparent;
	}

	.dropdown-content a {
		color: #FFFFFF;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align:left;
		font-weight:normal;
		font-size:12px;
	}

	.dropdown a:hover {
		color:#ffffff;
		background-image:url('/share/img/bg/bg_menu.png'); 
		background-repeat:repeat-x;
		background-position:top;
	}

	.dropdown-show {display:block;}