﻿/* ----SiteContent -----  .sitecontentlearn_contentheader Contents  -----*/
.site .contentheader .contentheader_container .sitecontentlearn_contentheader {
	position:relative;
	z-index:1000;
	height:46px;
}
	.sitecontentlearn_contentheader .sitecontentlearn_contentheader_placeholder  {	
		top:0px;
		padding:0px;
		font-family: Arial, Helvetica, sans-serif, myDin;
		text-transform:uppercase;
		word-spacing:2px;
		z-index:1010;
		margin: 0px -30px 0px -30px;
		position:relative;
		height:100%;	
	}    
	.sitecontentlearn_contentheader_placeholder .sportinfo_container,
	.sitecontentlearn_contentheader_placeholder .userinfo_container {
		background-position: left top;
		text-align: center;
		background-repeat: no-repeat;	
		z-index:1020;
		width: 234px;
		height:100%;				
		vertical-align:middle;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:hidden;
		position:absolute;

	}    		
	.sitecontentlearn_contentheader_placeholder .sportinfo_container {
		background-image: url('/images/Menu/Section/Background_SectionMenu_Left.png');
		left:0px;
		color:#6857AC; 
	}
		.sitecontentlearn_contentheader_placeholder .sportinfo_container .sportinfo {
			width: 190px;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: hidden;
			position: absolute;
			height: 100%;	
			top:0px;
			left:22px;
			right:22px;
			text-align:center;
		}
			.sitecontentlearn_contentheader_placeholder .sportinfo_container .sportinfo .sportname {
				display: block;
				overflow: hidden;
				overflow-x: hidden;
				overflow-y: hidden;
				height: 20px;
				line-height: 20px;
				width: 100%;
				text-align: center;
				font-size:14px;		
			}
			.sitecontentlearn_contentheader_placeholder .sportinfo_container .sportinfo a,
			.sitecontentlearn_contentheader_placeholder .sportinfo_container .sportinfo .sportmessage {
				display:block;
				font-size: 9px;
				text-align: center;
				width: 100%;
			}
			.sitecontentlearn_contentheader_placeholder .sportinfo_container .sportinfo .sportmessage  {
				color: #53565E;
			}
			

	.sitecontentlearn_contentheader_placeholder .userinfo_container {
		background-image: url('/images/Menu/Section/Background_SectionMenu_Right.png');
		right:0px;
		text-align:left;
	}
		.sitecontentlearn_contentheader_placeholder .userinfo_container .contentimageurl{
			height:32px;
			width:32px;
			position: absolute;
			left: 30px;
			top: 4px;
			border-radius:2px;
		}
		.sitecontentlearn_contentheader_placeholder .userinfo_container .userinfo {
			vertical-align: middle;
			width: 140px;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: hidden;
			position: absolute;
			height: 100%;
			left: 72px;		
		}
			.sitecontentlearn_contentheader_placeholder .userinfo_container .userinfo .firstname {
				color: #6857AC;
				font-size: 14px;
				position: absolute;
				top: 2px;
				overflow: hidden;
				overflow-x:hidden;
				overflow-y:hidden;
				height: 20px;		
			}	
			.sitecontentlearn_contentheader_placeholder .userinfo_container .userinfo .greeting {
				color: #53565E;
				position: absolute;
				bottom: 6px; 
				font-size: 9px;
			}




/* ----SectionMenu----------------------
Currently Used in SiteContentLearn.Master  
-----*/


/* ---- sectionmenu ------*/

	.sitecontentlearn_contentheader_placeholder .sectionmenu_container {
		margin:0px -22px 0px -22px;
		z-index:1030;
				
		height:100%;		
		position:absolute;
		width:auto;
		left:234px;
		right:234px;
	}
		.sectionmenu_container .sectionmenu_left {
		   position:absolute;
			background: url('/images/Menu/Section/SectionMenuItem_BG_L.png') center center no-repeat;
			width: 32px;
			height: 100%;
			left: 0px;
			top: 0px;
		}
		.sectionmenu_container .sectionmenu_content {
		 position:absolute;
			background: url('/images/Menu/Section/SectionMenuItem_BG_M.png') center center repeat-x;
			height: 100%;
			width: auto;
			left: 32px;
			right: 32px;
			top: 0px;		
		}
		.sectionmenu_container .sectionmenu_right {
		    position:absolute;
			background: url('/images/Menu/Section/SectionMenuItem_BG_R.png') center center no-repeat;
			width: 32px;
			height: 100%;
			right: 0px;
			top: 0px;
		}
		/*.sectionmenu_container:hover .sectionmenu_left {
			background: url('/images/Menu/Section/SectionMenuItem_BG_L_hover.png') center bottom no-repeat;
		}
		.sectionmenu_container:hover .sectionmenu_content {
			background: url('/images/Menu/Section/SectionMenuItem_BG_M_hover.png') center bottom repeat-x;
		}
		.sectionmenu_container:hover .sectionmenu_right {
			background: url('/images/Menu/Section/SectionMenuItem_BG_R_hover.png') center bottom no-repeat;
		}*/
			.sectionmenu_content .sectionmenu {
				margin: 0px;
				padding: 0px;
				border: none;
				z-index: 2050;
				width:100%;
				height:100%;
				position:relative;
				list-style: none;
				text-align: center;
				font-size: 15px;
				line-height: 22px;
				font-family:myDin, Helvetica, Arial, sans-serif;
				text-transform:uppercase;
			}		
			.sectionmenu > li {
				display:inline-block;
				margin:0px;
				padding: 13px 11px 11px 11px;
				text-align:center;
				z-index: 2060;
				position:relative;	
			}
			/*.sectionmenu > li.current {
				padding:13px 11px 10px 11px;
				background: url('/images/Menu/Section/SectionMenuItem_BG_M_current.png') center center repeat-x;
			}*/
			
			.sectionmenu > li:hover,
			.sectionmenu > li.current,
			.sectionmenu > li.current:hover {
				background: url('/images/Menu/Section/SectionMenuItem_BG_M_hover.png') center center repeat-x;
				padding:13px 11px 10px 11px;
			}
			.sectionmenu > li.current {
				background: url('/images/Menu/Section/SectionMenuItem_BG_M_current.png') center center repeat-x;
			}


				.sectionmenu > li > a {
					/*color: #53565E;	*/
					color:#919191;									
				}
				/*.sectionmenu > li.current > a {
					font-weight:bold;													
				} */
				
 
				.sectionmenu > li:hover > a,
				.sectionmenu > li:hover > a:hover,
				.sectionmenu > li.current > a,
				.sectionmenu > li.current:hover > a,
				.sectionmenu > li.current:hover > a:hover {
					color:#ffffff !important;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
				}
	

					.sectionmenu > li > ul {
						/*background: #E2E2EA;*/
						/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2EA', endColorstr='#F1F1F5');*/
						/*background: -webkit-gradient(linear, left top, left bottom, from(#E2E2EA), to(#F1F1F5));*/
						
						/*background-image: url('/images/Coach/Sectionmenu_Background.png');
						background-repeat: repeat-y;
						background-position: center center;
						background-color: #0096ff;
						background-origin:content-box;
						background-clip:content-box;*/
						
						background-color: #FFF;
		
						
						box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .15);
						border-radius:0 0 2px 2px;
						
						z-index: 1070;
						list-style: none;	
								
						margin: 0px;
						padding:0px 0px 0px 0px;
						width: 200px;
						text-align:left;
						
						top: 44px;
						left: 0;
						
						display: none;	
						position:absolute;	
						
						font-size:12px;
						line-height:26px;
						word-spacing:2px;
						
						text-transform:none;
						
						font-family: Arial, sans-serif, Arial, Helvetica, sans-serif;
					}
					.sectionmenu > li:hover > ul {
						display:block;
					}
					.sectionmenu > li:first-child > ul {
					}
					.sectionmenu > li:last-child > ul {
							left:auto;
							right: 0;
					}
						.sectionmenu > li > ul > li {
							padding:6px 16px;
							/*text-shadow: 0px 1px 0px rgba(0, 0, 0, .3);*/
						}
						.sectionmenu > li > ul > li[tag=title] {
							font-size:18px;
							text-transform:uppercase;
						}

							/*.sectionmenu > li > ul > li > a {
								color:#ffffff;
								text-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
							}
							.sectionmenu > li > ul > li[tag=title] > a {
								color:#C9FF79;
							}
							.sectionmenu > li > ul > li:hover a {
									color:#ff5;
							}*/

						.sectionmenu > li > ul > li > div.ui_nav_item_right {
							padding: 8px 0px 0px 8px;right: 10px;position: absolute;cursor: pointer;top: 6px;height: 16px;width: 16px;
							border-radius: 2px;border: 1px solid #DDD;
						}
						.sectionmenu > li > ul > li > div.ui_nav_item_right:hover {background-color: #E2E2EA;border: 1px solid #cfcfcf;}


