/* Site.Master Sidebars Contents ---------------------------------------- 
----- z-index for the sidebars is 10. same as header and other key containers----*/	
	.sports, .series {
		position:fixed;
		top:70px;
		bottom:70px;
		height:auto;
		width:150px;
		z-index: 25;
		text-shadow: none;
	}
	.sports {
		left:-125px;
		-moz-border-radius:0 0.5em 0.5em 0;
		-webkit-border-radius:0 0.5em 0.5em 0;
		-o-radius: 0 0.5em 0.5em 0;
		-chrome-radius: 0 0.5em 0.5em 0;
		-ms-radius: 0 0.5em 0.5em 0;
		-khtml-radius: 0 0.5em 0.5em 0;
		border-radius: 0 0.5em 0.5em 0;
	}
	.series {
		right:-125px;
		-moz-border-radius:0.5em 0 0 0.5em;
		-webkit-border-radius:0.5em 0 0 0.5em;
		-o-radius: 0.5em 0 0 0.5em;
		-chrome-radius: 0.5em 0 0 0.5em;
		-ms-radius: 0.5em 0 0 0.5em;
		-khtml-radius:0.5em 0 0 0.5em;
		border-radius: 0.5em 0 0 0.5em;
	}
		.sports img, .series img {
			cursor:pointer;
		}
		.bar_open_container {
			position:absolute;
			padding:0px;
			top: 0px;
			width:25px;
		}		
		.sports .bar_open_container {
			right:0px;
		}		
		.series .bar_open_container {
			left:0px;
		}			
			.bar_open_container .bar_open {
				padding:5px;	
			}
			.bar_open_container .bar_open {
			 /* transition: .transition_field *//*disabled for now */
			}
			/*.sports .bar_open_container .bar_open:hover {
				-webkit-transform: scale(1.1) translateX(0px);
				-moz-transform: scale(1.1) translateX(0px);
				-o-transform: scale(1.1) translateX(0px);
				transform: scale(1.1) translateX(0px);
			}
			.series .bar_open_container .bar_open:hover {
				-webkit-transform: scale(1.1) translateX(0px);
				-moz-transform: scale(1.1) translateX(0px);
				-o-transform: scale(1.1) translateX(0px);
				transform: scale(1.1) translateX(0px);
			}*/

			.bar_open_container .bar_title {
				margin-top:10px;
			}
		.bar_placeholder {		
			position: absolute;
			top:0px;
			bottom:0px;
			margin:0px;
			padding:0px;
			height:auto;
			width:150px;
			text-align:center;
				
		}	
		.site .sports .bar_placeholder {
			left:-125px;
		}	
		.site .series .bar_placeholder {
			right:-125px;	    
		}
		
			.bar_placeholder .bar_close_container {
				display:block;
				height:30px;
				position:absolute;	
				width:100%;			
			}
			.sports .bar_placeholder .bar_close_container {
				text-align:left;				
			}
			.series .bar_placeholder .bar_close_container {
				text-align:right;
			}
				.bar_placeholder .bar_close_container img {
					margin:5px 15px;
				}
				/*.sports .bar_container .bar_close_container img:hover {
					-webkit-transform: scale(1.1) translateX(0px);
					-moz-transform: scale(1.1) translateX(0px);
					-o-transform: scale(1.1) translateX(0px);
					transform: scale(1.1) translateX(0px);
				}
				.series .bar_container .bar_close_container img:hover {
					-webkit-transform: scale(1.1) translateX(0px);
					-moz-transform: scale(1.1) translateX(0px);
					-o-transform: scale(1.1) translateX(0px);
					transform: scale(1.1) translateX(0px);
				}*/
				.bar_placeholder .bar_close_container .bar_close {
				}
				.sports .bar_placeholder .bar_close_container .bar_close {
					float: left;
				}
				.series .bar_placeholder .bar_close_container .bar_close {
					float:right;
				}
				.bar_placeholder .bar_close_container .bar_loading {
				}
				.sports .bar_placeholder .bar_close_container .bar_loading {
					float:right;
				}
				.series .bar_placeholder .bar_close_container .bar_loading {
					 float: left;
				}
				.bar_placeholder .bar_close_container > span {
					color: white;
					padding: 5px 0px;
					line-height: 18px;
					font-family: myDin, Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					text-transform: uppercase;
				}
				.sports .bar_placeholder .bar_close_container > span {
					float: left;
				}
				.series .bar_placeholder .bar_close_container > span {
					float: right;
				}


			.bar_placeholder .bar_search_container {
				margin:0px;
				padding:5px 15px;;
				font-size: 11px;
				position:absolute;
				top:30px;
				left:0px; right:0px;				
			}
				/*.bar_placeholder .bar_search_container .bar_searchbox,
				.bar_placeholder .bar_search_container .watermarked  {
					width:auto !important;			
				}	*/
				/*.bar_placeholder .bar_search_container .bar_searchclear {
					float: right;
					margin-top: -27px;
					margin-right: 10px;
					display: block;
					opacity: 0.6;
					background-color: #f1f1f5;
					text-align:center;
				}
				.bar_placeholder .bar_search_container .bar_searchclear:hover {
						opacity:1;
				}*/
				
				
			.bar_placeholder .bar_container {
				width: 100%;
				text-align:center;  
				line-height: 0px;
				position: absolute;
				margin: 0px;
				padding: 0px;
				top: 82px;
				bottom: 0px;
				height: auto;
			}	
			
				.bar_placeholder .bar_container .bar_contents {
					overflow:hidden;
					 overflow-y:hidden;
					 overflow-x:hidden;	
					z-index: 40;
					margin: 0px;
					position: absolute;
					top: 0px;
					bottom: 0px;				
				}
				.sports .bar_placeholder .bar_container .bar_contents {
					padding:0px;	
				}
				.series .bar_placeholder .bar_container .bar_contents {
					
				}
						/* For Scroller -- See ha.mcustomscrollbar.css 
							#sports_scroll_container
							#series_scroll_container
						 */

					.bar_placeholder .bar_container .bar_contents .bar {
						z-index:39; /*z-index is 1 less since its contents should be hidden behind .bar_contents */
						position:relative;
						padding:0px 15px;
						width:120px;
						word-wrap:break-word;
					}
						.bar_placeholder .bar_container .bar_contents .bar .nodata {
							line-height:18px;
							color:#E2E2EA;
							text-align:center;
							padding:10px 0px;
							display:block;
							position:relative;
						}

						.bar_placeholder .bar_container .bar_contents .bar > .suggestion_container {
							position:relative;
							padding: 5px 5px;							
							margin:40px -10px 10px -10px;
							border-radius: 3px;
							background-color: rgba(0, 0, 0, .2);
							box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .1) inset;
							line-height:18px;
							text-align:center;
							font-size:11px;
							overflow:hidden;
							overflow-x:hidden;
							overflow-y:hidden;
							height:auto;
						}
							.suggestion_container > .suggestion_info {
								padding:6px 0px;
								display:block;
								position:relative;
								color:#ffffff;
							}
							.suggestion_container > .suggestion_info > span {
								padding:10px 0px;
								color: #CBCDD1;
								display:block;
							}
							.suggestion_container > input[type=text],
							.suggestion_container > input[type=button],
							.suggestion_container > .suggestion_content > input[type=button] {								
								border:1px solid #494E5F;
								border-radius:0px; font-size:11px;
							}
							.suggestion_container > input[type=text] {
								margin-bottom:10px;margin-left:-1px;border-radius:3px;height:32px;
							}
							.suggestion_container > .suggestion_content > input[type=button]:first-child {
								border-right-width:0px;
								border-radius:30px 0px 0px 30px;
							}
							.suggestion_container > .suggestion_content > input[type=button]:last-child {
								border-radius:0px 30px 30px 0px;
							}

	
							.suggestion_container > .suggestion_format_label, 
							.suggestion_container > .suggestion_format {
								display:block;
								position:relative;
							}
							.suggestion_container > .suggestion_format_label {
								margin-top:-5px;
								color: #CBCDD1;
							}
							.suggestion_container > .suggestion_format {
								color:#fff;
								margin-bottom:20px;
							}
							.suggestion_container > .suggestion_img {
								position:absolute;
								top:2px;
								right:2px;
								z-index:1;
								cursor:pointer;
								padding: 1px;
								background-color: rgba(255, 255, 255, .2);
								border-radius: 2px;
							}
							.suggestion_container > .suggestion_img:hover {
								background-color: rgba(255, 255, 255, .6);
							}
							.suggestion_container > div > .status_container {
									padding:8px 30px 8px 8px;
									text-align:left;
							}
							.suggestion_container > div > .status_container > span {
									padding-left: 30px;
									background-position: left  0px;
							}

	
														

					.bar_placeholder .bar_container .bar_contents .bar a {			
						padding:10px 0px;
						display:block;
						position:relative;
					}
					.series .bar_placeholder .bar_container .bar_contents .bar a {
						padding:5px 0px;	
					}
					.bar_placeholder .bar_container .bar_contents .bar a:first-child {			
						padding-top:10px;
					}

					.bar_placeholder .bar_container .bar_contents .bar a:last-child {
					}
					/*.sports .bar_placeholder .bar_container .bar_contents .bar a:hover {
						-webkit-transform: scale(1) translateX(4px);
						-moz-transform: scale(1) translateX(4px);
						-o-transform: scale(1) translateX(4px);
						transform: scale(1) translateX(4px);
						box-shadow: see .shadow_field 
					}*/

					/*.series .bar_placeholder .bar_container .bar_contents .bar a {			
						padding:0px 0px 5px 0px;
					}
					.series .bar_placeholder .bar_container .bar_contents .bar a:first-child {			
						padding-top:5px;
					}*/
					/*.series .bar_placeholder .bar_container .bar_contents .bar a:hover {
							-webkit-transform: scale(1.0) translateX(0px);
							-moz-transform: scale(1.0) translateX(0px);
							-o-transform: scale(1.0) translateX(0px);
							transform: scale(1.0) translateX(0px);
					}*/

						.bar_placeholder .bar_container .bar_contents .bar a img  {
							/* transition: .transition_field */

							display: inline-block;
							position:relative;
						}
						.sports .bar_placeholder .bar_container .bar_contents .bar a img  {
							/*box-shadow: see .shadow_field */
							height:68px;
							width:120px;
							margin:-2px;
							border:2px solid rgba(255, 255, 255, 0.2);
							box-shadow: 0 0 4px 0px rgba(0,0,0, 0.3);
					
						}
						.sports .bar_placeholder .bar_container .bar_contents .bar a:hover img  {
							box-shadow: 0 0 4px 0px rgba(0,0,0, 0.7);
							border:2px solid rgba(255, 255, 255, 0.9);					
						}

						.sports .bar_placeholder .bar_container .bar_contents .bar a div {
							height: 68px;
							width: 100%;
							position: absolute;
							top: 0px;
							left: 0px;
							color:#000;
							font-size: 16px;
							padding-top: 20px;
							font-family: myBebas;
							text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
						}


						.series .bar_placeholder .bar_container .bar_contents .bar a span {
							display:block;
							font-size:11px;
							text-align:left;
							line-height:14px;				
							padding:12px;
							border:1px Solid #ffffff;
							color:#ffffff;
							overflow:hidden;
							overflow-x:hidden;
							overflow-y:hidden;
							height:68px;
							
							margin-left:-1px;
							margin-right:-1px;
							box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
							
							/*background-color:#6F7897; /* #4A5066; #7c808c;  #53565E; */		
							/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEF0', endColorstr='#424B77');
							background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EEEEF0), color-stop(1, #424B77));
							background: -moz-linear-gradient(center top, #EEEEF0 0%, #424B77 100% );*/

							/* transition: .transition_field */
							/*box-shadow: see .shadow_field */
						}
						.series .bar_placeholder .bar_container .bar_contents .bar a span:hover {
								/*color: #53565E;*/
								color:#37393E;
								background-color:#f1f1f5;
							}
						.series .bar_placeholder .bar_container .bar_contents .bar a span label  {
								float:left;
								padding:0px 4px 4px 0px;
								height:32px;
								display:block;
						}