/* Site.Master Contents -----------------------*/


/* --------------- Site.Master ------- topMenu & bottomMenu------ */
.topmenu, .bottommenu, .socialmenu {
	margin: 0;
	padding: 0px;
	list-style: none;
	background: none;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	position:relative;
}
	.topmenu hr, .bottommenu hr {
		border-width: 1px 0px 1px 0px;
		border-style: Solid;
		padding: 0px;
		margin: 0px;
		border-top-color: #FDFDFD;
		border-bottom-color: #E4E4E4;
		
	/*border: 1px inset #f1f1f5;
	padding: 0px;
	margin: 0px -2px;
	border-bottom-width: 0px;*/
}
	/* main level link */
	.socialmenu > li {
		background-color:#fff;
		padding: 6px 12px 2px 12px;
		position: relative;
		list-style: none;
		border: 1px solid #DDD;
		/*border-radius: 0px 0px 4px 4px;*/
		border-top-width: 0px;	
		border-bottom-width: 0px;	
	}
	.socialmenu > li:hover {
		border-radius:0px;
	/* see .bg_light_3_2*/
	}
	.socialmenu > li > a > img {
		width:32px;
	}
		.socialmenu > li > ul {			
			z-index: 1103;
			list-style: none;	
					
			margin: 0px 0px 0px -1px;;
			padding: 0px;
			
			display: none;					
			position: absolute;	
		
			top: 45px;
			left: 0px;					
			border-radius: 0px 0px 4px 4px;
			border: 1px solid #DDD;
			border-top-width: 0px;
			
			
			
			/*box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
			

			box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .15);*/
		}
				
		/* menu level: activated */
		.socialmenu > li:hover > ul {
			display: block;
		}
			.socialmenu > li > ul > li {
				margin:0px;	
				padding:6px 12px;
				line-height:0px;
				position:relative;
				text-align:center;
				
				background-color:#fff;
				
				border-bottom: 1px solid #FDFDFD;
				border-top: 1px solid #E4e4e4;
			}
			.socialmenu > li > ul > li:last-child {
				
				border-radius: 0px 0px 4px 4px;
			}
			.socialmenu > li > ul > li:hover {
				/* see .bg_light_3_2*/
			}	
				
				
				
	
	.topmenu > li,
	.bottommenu > li {
		position: relative;
		list-style: none;
		height:20px;
		font-size: 11px;
		word-spacing: 2px;
		text-transform:uppercase;
	}
		
	.topmenu > li {
		float: left;	
	}
	.topmenu > li:last-child {
		margin-left:40px;	
	}

	.topmenu > li > div {
		padding: 7px 24px 10px 12px;
		border:1px solid transparent;
		z-index:1110;		
	}

		.topmenu > li:hover > div {
			border-radius: 2px 2px 0px 0px;
			background-color: #fff;
			border:1px solid #E4e4e4;
			border-bottom-width:0px;
			/*box-shadow: 0px px 10px 0px rgba(0,0,0,.1);*/
		}
		.topmenu > li > div > div.down_black {
			right: 10px;
			top: 13px;
		}
			.topmenu > li > div > div.logoutExternal > a  {
				padding-right:12px;
			}
				.topmenu > li > div > div.logoutExternal > a > img  {
					float:right;
					margin-top: -5px;
				margin-right: -9px;
				}

		.topmenu > li[tag=nochild] > div {
			padding: 6px 10px 6px 10px;
		}

		.topmenu > li[tag=nochild]:hover > div {
			border-radius:2px;
			padding: 6px 10px 6px 10px;
			border-bottom-width:1px;
			/*box-shadow: 0px -1px 10px 0px rgba(0,0,0,.1);*/
		}
			.topmenu > li:hover > div > div.logoutExternal > a,
			.topmenu > li:hover > div > a.current,
			.topmenu > li:hover > div > a {
				/*color:#FFF !important;
				text-shadow:0px 1px 0px rgba(255,255,255, 0);*/
			}
			.topmenu > li > div > div.logoutExternal > a:hover,
			.topmenu > li > div > a.current:hover,
			.topmenu > li > div > a:hover {
				color:#0096FF !important; /*color:#B9CBFF !important;*/
				text-shadow:0px 1px 0px rgba(0,0,0, .1);
			}
			
		.topmenu > li[tag=loginExternal] {
			margin-left:10px;
		}
		.topmenu > li[tag=loginExternal] > div {
			padding: 6px;
		}

		.topmenu > li[tag=loginExternal]:hover > div {
			padding: 6px;
			border-radius:2px;
			/*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);*/
		}
			.topmenu > li[tag=loginExternal] > div > a  {
				display:block;
				margin-top:-1px;
			}


		/*.topmenu > li[tag=subscribed] {
	 		border-radius:2px 2px 2px 2px;
	 		padding: 2px 18px 4px 18px;
	 		margin:4px auto 2px auto;
	 		margin-right:330px;
	 		margin-top: -8px;
	 		
			background: #0096ff;
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0cf), to(#0096ff));
			background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#0cf), to(#0096ff));
			background: -moz-linear-gradient(center top, #0cf, #0096ff);
		}
		.topmenu > li[tag=subscribed] > div {
			background-image: url('/images/Site/arrows.png');
			background-repeat: no-repeat;
			background-position: -9px -418px;
			display: inline-block;
			width: 9px;
			height: 9px;
			position: absolute;
			right: 4px;
			top: 9px;
			content: "";
		}
		.topmenu > li[tag=subscribed]:hover {
			box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .5);
			background:#f1f1f5;
		}*/


		/* dropdown 1 st level */
		.topmenu > li > ul {			
			z-index: 1103;
			list-style: none;	
					
			margin: 0px;
			padding: 0px;
			width: 240px;
			
			display: none;					
			position: absolute;	
		
			top: 35px;
			left: 0px;					
			border-radius: 0px 2px 2px 2px;
			border:1px solid #E4e4e4;
			
			/*box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
			-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
			-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.1);*/


			/*box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .15);*/
		}
		.topmenu > li:nth-last-child(2) > ul,
		.topmenu > li:last-child > ul {
			left:auto;
			right: 0px;
			border-radius: 2px 0px 2px 2px;
			text-align:right;
		}
				
		/* menu level: activated */
		.topmenu > li:hover > ul {
			display: block;
		}
			.topmenu > li > ul > div {
				background-color: #7c808c;
				height:24px;
				width:100%;
			}
			.topmenu > li > ul > li {
				float: none;
				margin:0px;	
				padding:6px 0px;
				font-size: 12px;
				line-height:32px;
				text-transform: none;
				text-align: left;
				font-weight: normal;
				position:relative;
				
				background-color:#fff;
				
				border-top: 1px solid #FDFDFD;
				border-bottom: 1px solid #E4e4e4;	
			}
			.topmenu > li:nth-last-child(2) > ul > li,
			.topmenu > li:last-child > ul > li {
				text-align:right;
			}	
			.topmenu > li:last-child > ul > li {
				line-height:18px;
			}	

				
			/* sub levels link hover */
			.topmenu > li > ul > li:hover {
				width:100%;				
				/* for backgroung-image: refer .bg_light_5 */
			}

			.topmenu > li > ul > li:first-child,
			.topmenu > li > ul > li:first-child:hover {
				border-radius: 0px 2px 0px 0px;
				border-top-width: 0px;


			}
			.topmenu > li:last-child > ul > li:first-child,
			.topmenu > li:last-child > ul > li:first-child:hover {
				border-radius: 2px 0px 0px 0px;
			}

			.topmenu > li > ul > li:last-child,
			.topmenu > li > ul > li:last-child:hover {
				border-radius: 0px 0px 2px 2px;
				border-bottom-width: 0px;
			}
			.topmenu > li > ul > li:only-child,
			.topmenu > li > ul > li:only-child:hover {
				border-radius: 0px 2px 2px 2px;
			}
			.topmenu > li:last-child > ul > li:only-child,
			.topmenu > li:last-child > ul > li:only-child:hover {
				border-radius: 2px 0px 2px 2px;

			}
			.topmenu > li > ul > li.nopadding {
				padding: 0px;
			}
				.topmenu > li > ul > li > a  {	
					margin: 4px 12px 4px 20px;
				}
				.topmenu > li > ul > li:hover > a {
					text-shadow: 0px 1px 0px rgba(255, 255, 255, .7);
				}
				.topmenu > li > ul > li > img {
					height:24px;
					width:24px;
					float:right;
					margin-top:-2px;
					cursor:pointer;
				}
				.topmenu > li > ul > li > div.buttonSocialLogin {
					text-align:left !important;
					padding-right:48px !important;				
				}

				.topmenu > li > ul > li > div.left_grey {
					left: 6px;
					top: 18px;
				}
				.topmenu > li > ul > li > .ui_nav_item_right {
					padding: 8px 0px 0px 8px;
					right: 10px;
					position: absolute;
					cursor: pointer;
					top: 8px;
					height: 16px;
					width: 16px;
					border-radius: 2px;
					border: 1px solid #DDD;
				}
				.topmenu > li > ul > li > .ui_nav_item_right:hover {
					background-color: #E2E2EA;border: 1px solid #CFCFCF;
				}
			
				.topmenu > li:last-child > ul > li > div {
						cursor:pointer;
						height:32px;
				}
					.topmenu > li:last-child > ul > li > div > img {
							height:32px;
							display:inline-block;
							float:right;
							padding:0px 12px;
							border-left: 1px solid #E4e4e4;
					}
					.topmenu > li:last-child > ul > li > div > span {
							display:inline-block;
							float:right;
							line-height:32px;
							padding:0px 12px;
							border-right: 1px solid #FDFDFD;			
					}

			
				/* sideway 2nd level*/
				.topmenu > li > ul > li > ul {		
					z-index: 1103;
					list-style: none;	
							
					margin: 0px;
					padding: 0px;
					width: 200px;
					
					left: -200px;
					margin-top:-40px;	
					
					display: none;					
					position: absolute;		
									
					border-radius: 3px 0px 3px 3px;

				}
				.topmenu > li > ul > li:hover > ul {
					display: block;
				}
					.topmenu > li > ul > li > ul > li {
						float: none;
						margin: 0px;
						padding: 6px 0px;
						font-size: 12px;
						text-align: left;
						font-weight: normal;
						position: relative;
						text-transform: none;
						
						margin-left:-1px;
						
						border: 1px solid #E4e4e4;
						border-bottom-color: #FDFDFD;	
						
						background-color: #FFF;
					}
					.topmenu > li > ul > li > ul > li:hover {
						width:100%; 
						/* for backgroung-image: refer .bg_light_5 */
					}
					.topmenu > li > ul > li > ul > li:first-child,
					.topmenu > li > ul > li > ul > li:first-child:hover {border-top-left-radius: 3px;}

					.topmenu > li > ul > li > ul > li:last-child,
					.topmenu > li > ul > li > ul > li:last-child:hover {
						border-bottom-left-radius: 3px;
						border-bottom-right-radius: 3px;

						border-bottom-color:#E4e4e4;
					}
					.topmenu > li > ul > li > ul > li:only-child {}
					.topmenu > li > ul > li > ul > li:only-child:hover {border-color: #e0e0e0;}


						.topmenu > li > ul > li > ul > li > a  {	
							display:inline-block;
							margin-left:20px;
						}
						
						.topmenu > li > ul > li > ul > li > .ui_nav_item_left {
							display:inline-block;
							margin: 4px 0px 0px 10px;
							padding: 6px 0px 0px 6px;
							cursor: pointer;
							height: 16px;
							width: 16px;
							border-radius: 2px;
							border: 1px solid #DDD;
							float:left;
						}
						.topmenu > li > ul > li > ul > li > .ui_nav_item_left:hover {background-color: #E2E2EA;border: 1px solid #CFCFCF;}

						

			/* clearfix */
			.topmenu:after	{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
			
			html[xmlns] .topmenu {display: block;}
			* html .topmenu {height: 1%;}


	.bottommenu > li { display:inline-block;}
	.bottommenu > li > div {padding: 0px 10px 0px 10px;	background: url(/images/Template/footer-nav-li-bg.gif) no-repeat left center;}

	.bottommenu > li:first-child > div {background: none;}
	.bottommenu ul {overflow-x:hidden;overflow-y:hidden;}