/* Site.Master Contents ---------------------------------------- 
----- z-index for the site elements is in the range of 1 and 299 ----*/

/* Site.Master Common components ----*/

.site {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 2;
	
	/*background-color: rgba(122, 122, 139, .6); #212121*/
	background-color: rgba(177, 167, 187, 1);
	
	background-image: url('/images/Content/Pages/index/bg-9.jpg');
	background-position: center top;
background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-image: url('/images/content/Background/Background.png');*/
}

	/* Container --------------------------------------*/
	/* for SiteContainer, see winz.masters.sitecontent.css ---*/
	.site .container_fixed {
		width: 1024px;
		margin:0px auto;
	}
	
		/* Wrap to Expand -----------------------*/
		.site .container_fixed > .container_wrap {
			width:100%;
			/*margin:0px 30px;
			toggle width and margin. both wouldn't work together*/
		}



	/* nav props -----------------------*/
	.site nav {
		position: relative;
	}
	
	.site .bar_background {
		top:0px;
		height: 100%;
		display: inline;
		position: fixed;
		width: 150px;
		background-color:rgba(159, 146, 189, 0.95);
		opacity:0;
		/*background: url('/images/Sidebar/sidebar_background.png') repeat center center;*/
		text-align:center;
		z-index: 3;
	}
	.site .bar_background#sports_bar_background {
		left:-125px;
		text-align:right;
	}
	.site .bar_background#series_bar_background {
		right:-125px;
		text-align:left;
	}
		
	/*-- .site > .header definition fits here -- */
	
	/*-- .site > .content definition fits here -- */
	
	/*-- .site > .footer definition fits here -- */
	
			
/* Site Header ---------------------------------------- */

	/*.site header {}*/
	.site > .header {
		position: relative;
		height: 45px;
		width:100%;
		z-index: 10;
		/* For background: winz.site.base.common.css : .header_background */
	}
	
		.site > .header > .container_fixed,
		.site > .header > .container_fixed > .container_wrap,
		.site > .header > .container_fixed > .container_wrap > .logo,
		.site > .header > .container_fixed > .container_wrap > .header_nav  {
			height:100%;
			vertical-align:middle;
			position:relative;
		}
		.site > .header .logo {
			padding: 0px; /*internet explorer hack to align item below this object */	
			width:270px;
			float:left;
			display:none;	
		}
			.site > .header .logo img {
				padding-top: 8px; /*internet explorer / FireFox hack to align item below this object */
				cursor:pointer;
			}
			

		.site > .header .logo_text {
	 		position:relative;
	 		color:#000;
	 		text-shadow:0px 1px 0px rgba(255,255,255, .4);
			/*font-variant:small-caps;*/
			float:left;
			font-family: myDin, Arial, Helvetica, sans-serif;
			height: 45px;
			font-size: 22px;
			line-height: 50px;	
			text-transform:uppercase; 				
			width: 234px;
			text-align: center;
			margin-left: -30px;
			overflow: hidden;		
		}
			.site > .header .logo_text a,
			.site > .header .logo_text a:link {
				color:#53535e;
			}
			.site > .header .logo_text a:hover {
				color:#0096ff;
			}
					
		
		.site > .header .alpha {
			padding: 0px 24px 0px 24px;
			margin: 0px 0px 0px 10px;
			position: relative;
			float: left;
			font-family: myDin, Arial, Helvetica, sans-serif;
			height: 45px;
			font-size: 14px;
			line-height: 47px;
			/*border: 1px dotted #0096FF;
			border-top-width: 0px;
			border-bottom-width: 0px;*/	
			text-transform:uppercase;
		}
		/*.site > .header .alpha:hover {
			border-top-width: 0px !important;
			border-bottom-width: 0px !important;
		}

		.site > .header .alpha:hover a {
			color: #E9E9E9;
			text-shadow: 0px 1px 0px rgba(0,0,0, .4);
		}
		.site > .header .alpha:hover a:hover {
				color:white;	
		}*/

			.site > .header .alpha div.popout_blue {
				right: 2px;
				top: 2px;
				cursor: pointer;
				width: 16px;
				height: 16px;
				border-radius:2px;
				background-position: -202px -111px;
			} 
			.site > .header .alpha div.popout_blue:hover {
				background-position: -300px -111px;
				background-color: #0096ff;
			}



		.site > .header .learnmore {
			padding: 2px 18px 4px 18px;
	 		margin-left:12px;
	 		margin-top: 16px;
	 		position:relative;
	 		display:none;

			float:left;
			border-radius:2px;
	 		
		}
		.site > .header .learnmore:hover {
			box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .1);
			background:#fff;
		}
		
			.site > .header .learnmore div.popout_white {
				right: 4px;
				top: 8px;
			} 
			.site > .header .learnmore:hover div.popout_white {
				background-position: -205px -114px;
			} 			
			

			/*max-height:45px;  padding-top + height should be less than or equal to header height;*/

		.site > .header .header_nav {
			float:right;
			display:inline-block;
			padding-top: 9px;		
		}    	        
			
			.site > .header .header_nav nav {			
				position:relative;
		
			}
				/*.site > .header .header_nav nav .topmenu {
					 Refer to nav topmenu 
				}*/
				
		
		
		.site > .header .social_nav {
			padding: 0px 0px 0px 10px;
			float:right;
			display:inline-block;
			position:relative;		
		}
			.site > .header .social_nav nav {			
				position:relative;		
			}

				/*.site > .header .social_nav > nav > .buttons_placeholder {
					refer to .site .buttons_placeholder
				} */


/* Site Header Shadow  ---------------------------------------- */

	.site > .header_shadow_bottom {
		background-image: url('/images/Site/Header/Site_Header_Shadow_Bottom.png');
		background-repeat: repeat-x;
		background-position: center top;
		height: 10px;
		width: 100%;
		position:relative;
		z-index:5; /* less than header and Contents - but more than sidebars background */
	}
	

/* Site Contents Header  ---------------------------------------- */
	.site > .contentheader {
		z-index:10;
		position:relative;
		width:100%;
		margin-top:-10px;
		padding-bottom:10px;
	}
		.site > .contentheader > .container_fixed,
		.site > .contentheader > .container_fixed > .container_wrap {
		 	position:relative;
		}
			.site > .contentheader .contentheader_container {
				width:100%;
				position:relative;
			}	


/* Site SettingBar  ---------------------------------------- */
	.site > .settingbar {
		z-index:12;
		position: fixed;
		top: 50%;
		bottom:50%;
		height: 170px;
		margin-top:-85px;
		min-height:170px;
		right: 124px;
		width:36px;
		padding: 0px;
		display:none; /*initially hidden */
		opacity:0.2;
		text-align:center;
		
		/*border-radius in winz.base.common.css */
		
		/* same as .site > .content > .container_fixed > .container_wrap > .container, but extended to right */
		/*-webkit-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, .3);
		-moz-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, .3);
		box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, .3);*/
		
		/*-webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, .2);
		-moz-box-shadow:  2px 0px 2px 0px rgba(0, 0, 0, .2);
		box-shadow:  2px 0px 2px 0px rgba(0, 0, 0, .2);*/
		
		-webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, .1);
		-moz-box-shadow:  1px 0px 1px 0px rgba(0, 0, 0, .1);
		box-shadow:  1px 0px 1px 0px rgba(0, 0, 0, .1);
	}
	.site > .settingbar:hover,
	.site > .settingbar:focus {	
		opacity:1;
	}
		/* See winz.masters.site.settingbar.css 
		.site > .settingbar > .settingbar_placeholder  {
		
		}*/



/* Site Content  ---------------------------------------- */
.site > .content {z-index:10;	position:relative;width:100%;margin-top:14px;margin-bottom:24px;}
.site > .content > .container_fixed, .site > .content > .container_fixed > .container_wrap {position:relative;}
.site > .content > .container_fixed > .container_wrap > .container {height: auto;width:100%;position:relative;}
/* border-radius: see .shadow_container *//* border-radius: see .radius_container */

/* ----- SiteGeneral Master  ---- *//* ----- SiteContent Master  ---- *//* ----- SiteGuest Master  ---- *//* ----- SiteUser Master  --- */			
.site > .content > .container_fixed > .container_wrap > .container > .sitecommon {margin:0px;	padding:12px;position:relative;	background-color:#F1F1F5;} /*border-radius: .radius_container */
				





/* Site Footer Shadow  ---------------------------------------- */
	.site > .footer_shadow_top {
		background-image: url('/images/Site/Footer/Site_Footer_Shadow_Top.png');
		background-repeat: repeat-x;
		background-position: center top;
		height: 10px;
		width: 100%;
		position:relative;
		z-index:5; /* same as header shadow */
		display:none;
	}



/* Site Footer ---------------------------------------- */
	/*site footer {}*/
	.site > .footer {
		position: relative;
		min-height:45px;
				height:100%;
		z-index: 10; /* same as header, content_top and contents */
		width:100%;
		/* For Background:  winz.site.base.common.css :  .footer_background */
	}
		.site > .footer .footer_contents {
			font-size: 0.9em;
			padding:5px 0px;
			float:left;
		}
		.site > .footer .footer_nav {
			padding: 5px 0;
			float:right;
		}
			
			
			
			
/*---- Compatability Message ---- */

.compatibilitymessage_button {
	position:absolute;
	top:0px;
	left:0px;
	z-index:40;
}
	.compatibilitymessage_button > div {
	   	border-radius:3px;
	   	padding:6px;
	   	cursor:pointer;
	   	vertical-align:middle;
	}
	.compatibilitymessage_button > div > img {
		height:33px;
	}
			
			
			
			
						
/* ------- Setting Placeholder for Setting Bar-- */


.settingbar_placeholder {
	background-color:#f1f1f5;

	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	
	/*border-radius in winz.base.common.css */

}
	.settingbar_placeholder .settingbar_container {
		height:100%;
	}
		.settingbar_placeholder .settingbar_scroll {
			list-style:none;
			margin:0px;
			text-align:center;
			height:100%;
			vertical-align:middle;
		}

			.settingbar_placeholder .settingbar_container .settingbar_scroll > li {
				position:relative;
				display:block;
			}
				.settingbar_placeholder .settingbar_container .settingbar_scroll > li > a {
					position:relative;
					display:block;
				}
					 .settingbar_placeholder .settingbar_container .settingbar_scroll > li > a > img {
						padding:4px;
						cursor: pointer;
						display:block;
						position:relative;
					}


		
		
		
		.settingbar_placeholder .scroll_container > img {
			visibility:hidden;
		}


			.settingbar_placeholder .viewpoint_container > img:hover,
			.settingbar_placeholder .scroll_container > img:hover  {
				-webkit-transform: scale(1) translateY(0px);
				-moz-transform: scale(1) translateY(0px);
				-o-transform: scale(1) translateY(0px);
				transform: scale(1) translateY(0px);
				/*transition: .transition_field*/
			}