@charset "utf-8";

/* GLOBAL STYLES */
html, body { margin: 0; padding: 0; }
body { 
    background: url('../images/background_dark.jpg') repeat;
    font-family: tahoma, arial, verdana;
    font-size: 13px;
    color: #111;
    background-color: white;
    margin: 0px;
}
img { border: 0; }
a { color: #156e8c; text-decoration: none; }
	a:hover { text-decoration: underline; }
h6{
    --height: 21px;
    line-height: 21px;
    background: #feda73 url('../images/background_title.jpg') repeat-x left bottom;
    border-top: 1px solid #edb14a;
    border-bottom: 1px solid #cf9431;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 0 0;
}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

body, button, textarea, input, select { font-family: Arial; }

.content-holder { width: 1000px; margin: 0 auto; }
.background { background: url('../images/background_football.jpg') repeat-x center top; }
.background-tennis { background: url('../images/background_tennis.jpg') repeat-x center top; }
.background-shadow { 
--background: url('../images/background_shadow.png') no-repeat center top;
}

/* HEADER */
.header { padding: 7px 0 0px; }
	.header .logo { float: left; }
#timezone {
    float: right;
    font-family: tahoma, verdana, arial;
    font-size: 11px;
}
.header .over-menu {
    margin: 0px 0 0 0; float: right;
}
.header .over-menu a.btn {
    height: 20px;
    line-height: 20px;
    background: url('../images/dots.png') no-repeat right center;
    display: inline-block;
    color: #fff;
    padding: 0 15px;
}
		.header .over-menu a.nob { background: none; }
		.header .over-menu ul { list-style-type: none; margin: 0; padding: 0; float: right; }
			.header .over-menu ul li a.main { width: 54px; height: 24px; display: block; background: url('../images/background_language.png') no-repeat left top; padding: 10px 0 0 15px; }
			.header .over-menu ul li ul { display: none; position: absolute; width: 40px; list-style-type: none; margin: 0 0 0 4px; padding: 0; float: none; }
				.header .over-menu ul li ul a { height: 13px; display: block; background: #aeaeb6; text-align: center; padding: 5px 0; }
					.header .over-menu ul li ul a:hover { background: #96969f; }

/* MENU */
.menu { height: 42px; line-height: 42px; overflow: hidden; background: url('../images/menu.png') repeat-x top; margin: 5px 0 10px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: #000 0 0 2px; -moz-box-shadow: #000 0 0 2px; -webkit-box-shadow: #000 0 0 2px; }
	.menu a { width: 166px; height: 42px; line-height: 42px; display: block; border-right: 1px dotted #000; color: #565656; text-shadow: #fff 0 1px 1px; font-weight: bold; text-align: center; float: left; }
	.menu a.nob { width: 163px; border: 0; }
	.menu a:hover, .menu a.current { background: url('../images/menu.png') repeat-x bottom; color: #fff; text-decoration: underline; }

/* CONTENT */
.content { 
    background: #fff; 
   -- margin: 0 0 25px 0;
    margin: 0 0 -30px;
    padding: 0 0 20px 0;
    border-radius: 3px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    box-shadow: #000 0 0 2px; 
    -moz-box-shadow: #000 0 0 2px; 
    -webkit-box-shadow: #000 0 0 2px;
    border-top: 2px solid #96979b;
}
	.content .left-side { width: 175px; background: #f9f9f9; float: left; border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
		.content .left-side h3 { height: 21px; line-height: 21px; background: #feda73 url('../images/background_title.jpg') repeat-x left bottom; border-top: 1px solid #edb14a; border-bottom: 1px solid #cf9431; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; margin: 10px 0 0 0; }
		.content .left-side ul { list-style-type: none; border-bottom: 1px solid #fff; margin: 0; padding: 0; }
			.content .left-side ul li {}
				.content .left-side ul li a { display: block; background: url('../images/arrow.png') no-repeat 5px 4px; color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; padding: 7px 0 7px 35px; }
					.content .left-side ul li a:hover, .content .left-side ul li a.current { background-color: #000; color: #fff; text-decoration: none; }
				.content .left-side ul li ul li a { background: none; padding: 7px 0 7px 45px; }
	.content .right-side { width: 175px; background: #f9f9f9; text-align: center; padding: 15px 0; float: right; border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; }
		.content .right-side .banner { margin: 15px 0 0 0; }
	.content .content-side { width: 640px; margin:0 auto; padding:0 2px; float: left; }
		.content .content-side .page-title { height: 31px; line-height: 31px; background: #b5b5b5; border-bottom: 1px solid #fff; padding: 0 10px; }
			.content .content-side .page-title h1 { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; float: left; }
			.content .content-side .page-title span { color: #fff; font-size: 11px; margin: 0; padding: 0; float: right; }
				.contetn .content-side .page-title span ins { text-decoration: none; float: right; }
				.content .content-side .page-title span .close { width: 16px; height: 16px; display: inline-block; background: url('../images/icon_close.png') no-repeat left top; margin: 8px 0 0 4px; float: right; }
					.content .content-side .page-title span .close:hover { text-decoration: none; }
		.content .content-side .table { width: 100%; }
			.content .content-side .table tr td { line-height: 20px; background: #f9f9f9; border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; padding: 0 3px 0 10px; }
			.content .content-side .table tr.row2 td { background: #f3f3f3; }
			.content .content-side .table tr td.tright { text-align: right; min-width:95px;}
			.content .content-side .table tr td.tcenter { text-align: center; }
			.content .content-side .table .title td { line-height: 25px; background: #e2e2e3; text-transform: capitalize; }
				.content .content-side .table .title td.tright { font-size: 10px; }
				.content .content-side .table tr td .light { width: 23px; height: 23px; display: inline-block; background: url('../images/lights.png') no-repeat left bottom; margin: 0 5px 0 0; }
					.content .content-side .table tr td .light-on { background: url('../images/lights.png') no-repeat left top; }
				.content .content-side .table tr td .btn-green { height: 17px; line-height: 17px; display: inline-block; background: #9ed349; color: #000; font-size: 11px; padding: 0 10px; }
					.content .content-side .table tr td .btn-green:hover { color: #fff; text-decoration: none; }
				.content .content-side .table tr td .radio { width: 12px; height: 12px; display: inline-block; background: url('../images/radios.png') no-repeat left top; }
					.content .content-side .table tr td .radio:hover { text-decoration: none; }
					.content .content-side .table tr td .radio-selected { background-position: left bottom; }
		.content .content-side ul li { margin: 4px 0; }
		.content .content-side .form { padding: 10px 40px; }
			.content .content-side .form label { width: 125px; display: inline-block; text-align: right; margin: 12px 10px 0 0; float: left; }
			.content .content-side .form input.inp { width: 250px; height: 28px; line-height: 28px; background: #fff; border: 1px solid #ebebeb; margin: 5px 0 0 0; padding: 0 5px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			.content .content-side .form textarea { width: 250px; height: 100px; background: #fff; border: 1px solid #ebebeb; margin: 5px 0 0 0; padding: 0 5px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			.content .content-side .form em.error { display: block; color: #ff0000; padding: 0 0 0 140px; }
			.content .content-side .form input.error, .content .content-side .form textarea.error { border: 1px solid #ff0000; }
			.content .content-side .form input.active, .content .content-side .form textarea.active { border: 1px solid #c1c1c1; }
			.content .content-side .form button { height: 28px; line-height: 28px; background: #95cd37; border: 0; color: #000; cursor: pointer; padding: 0 20px; margin: 20px 0 0 140px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
				.content .content-side .form button:hover { color: #fff; }
				
		.content .content-side .page-menu { height: 30px; line-height: 30px; background: #000; text-align: right; padding: 2px 10px; }
			.content .content-side .page-menu .button { height: 26px; line-height: 26px; display: inline-block;  color: #fff; padding:0 5px; border-right: 1px dotted #fff; padding-right:10px; padding-left:10px;}
				.content .content-side .page-menu .button:hover { text-decoration: none; }
			.content .content-side .page-menu .button-selected { color:#f33328; text-decoration:none; }
			.content .content-side .page-menu input { width: 69px; height: 23px; line-height: 26px; display: inline-block; background: #000 url('../images/icon_date.png') no-repeat; color: #000; border: 0; padding: 0 0 0 26px; margin: 2px 0 0 0; float: left; }

/* GAME CENTER */
.game-center {}
	.game-center .title { height: 31px; line-height: 31px; background: #000; border-bottom: 1px solid #fff; padding: 0 10px; }
		.game-center .title h1 { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; float: left; }
		.game-center .title span { color: #fff; font-size: 11px; margin: 0; padding: 0; float: right; }
			.game-center .title span ins { text-decoration: none; float: right; }
			.game-center .title span .close { width: 16px; height: 16px; display: inline-block; background: url('../images/icon_close.png') no-repeat left top; margin: 8px 0 0 4px; float: right; }
				.game-center .title span .close:hover { text-decoration: none; }
	.game-center .time-line { width: 640px; height: 15px; overflow-x: hidden; background: #9bd042; border-bottom: 1px solid #fff; position: relative; }
		.game-center .time-line .time-line-full { height: 15px; background: #5b7430; }
		.game-center .time-line .timer { width: 630px; height: 7px; background: url('../images/timer.png') no-repeat left top; position: absolute; top: 4px; left: 5px; }
		.game-center .time-line .goal { width: 11px; height: 11px; background: url('../images/icon_ball.png') no-repeat left top; position: absolute; top: 2px; }
		.game-center .time-line .yellow-card { width: 11px; height: 11px; background: url('../images/icon_yellowcard.png') no-repeat left top; position: absolute; top: 2px; }
		.game-center .time-line .red-card { width: 11px; height: 11px; background: url('../images/icon_redcard.png') no-repeat left top; position: absolute; top: 2px; }
		.game-center .time-line .change { width: 11px; height: 11px; background: url('../images/icon_change.png') no-repeat left top; position: absolute; top: 2px; }
	.game-center .info { height: 232px; border-bottom: 1px solid #fff; position: relative; }
		.game-center .info .result { width: 510px; background: url('../images/1px.png') repeat; padding: 10px; margin: 20px 0 0 45px; float: left; min-height:130px;}
			.game-center .info .result table { width: 100%; }
				.game-center .info .result table tr td { width: 33%; color: #fff; font-size: 44px; }
				.game-center .info .result table tr td.tcenter { text-align: center; }
				.game-center .info .result table tr td.tright { text-align: right; }
				.game-center .info .result table tr td.teamname { font-size: 14px; }
				.game-center .info .result table tr td.teametap { font-size: 14px; }
		.game-center .info .result2 { width: 510px; background: url('../images/1px.png') repeat; padding: 10px; margin: 10px 0 0 55px; float: left; }
			.game-center .info .result2 table { width: 100%; }
				.game-center .info .result2 table tr td { color: #fff; text-align: center; padding: 5px; }
				.game-center .info .result2 table tr.t td { font-size: 12px; }
				.game-center .info .result2 table tr td.tleft { text-align: left; font-size: 18px; }
					.game-center .info .result2 table tr td div { background: url('../images/1px.png') repeat; font-size: 18px; padding: 20px 5px; }
		.game-center .info .stats-box { display: none; width: 510px; background: url('../images/1px.png') repeat; padding: 10px; margin: 10px 0 0 55px; float: left; }
			.game-center .info .stats-box table { width: 100%; }
				.game-center .info .stats-box table tr td { width: 33%; color: #fff; }
					.game-center .info .stats-box table tr td.tright { text-align: right; }
					.game-center .info .stats-box table tr td h2 { font-size: 18px; margin: 10px 0 0 0; padding: 0; }
					.game-center .info .stats-box table tr td p { font-size: 12px; margin: 0; padding: 0; }
					.game-center .info .stats-box table tr td .point1 { width: 25px; font-size: 11px; float: left; }
					.game-center .info .stats-box table tr td .point2 { width: 25px; font-size: 11px; text-align: right; float: right; }
					.game-center .info .stats-box table tr td .ptitle { width: 120px; font-size: 11px; text-align: center; float: left; }
					.game-center .info .stats-box table tr td .procline { height: 5px; background: #9ed349; margin: 0 0 4px 0; }
						.game-center .info .stats-box table tr td .procline .procline-fill { height: 5px; background: #5b7430; }

		.game-center .info .lineup { width: 100%; display: none; }
			.game-center .info .lineup tbody tr td { width: 45%; }
			.game-center .info .lineup tbody tr td.small { width: 10%; }
				.game-center .info .lineup tbody tr td .overflow { height: 200px; background: url('../images/1px.png') repeat; overflow: auto; }
					.game-center .info .lineup tbody tr td .overflow h2 { line-height: 24px; background: url('../images/1px.png') repeat; color: #fff; font-size: 14px; margin: 0; padding: 0 5px; }
					.game-center .info .lineup tbody tr td .overflow .row { line-height: 18px; color: #fff; font-size: 11px; padding: 0 5px; }
						.game-center .info .lineup tbody tr td .overflow .row ins { width: 16px; display: inline-block; text-decoration: none; text-align: right; }
						.game-center .info .lineup tbody tr td .overflow .row em { width: 24px; display: inline-block; font-weight: bold; font-style: normal; }
		.game-center .info .bottom { width: 640px; height: 30px; line-height: 30px; background: #000; border-top: 1px solid #fff; position: absolute; bottom: 0; }
			.game-center .info .bottom .pencil { width: 50px; height: 20px; display: block; background: url('../images/icon_pencil.png') no-repeat 17px 2px; border-right: 1px dotted #fff; margin: 5px 0 0 0; float: left; }
				.game-center .info .bottom .pencil:hover { text-decoration: none; }
			.game-center .info .bottom .comment { width: 50px; height: 20px; display: block; background: url('../images/icon_comment.png') no-repeat 17px 2px; border-right: 1px dotted #fff; margin: 5px 0 0 0; float: left; }
				.game-center .info .bottom .comment:hover { text-decoration: none; }
			.game-center .info .bottom .user { width: 50px; height: 20px; display: block; background: url('../images/icon_user.png') no-repeat 17px 2px; border-left: 1px dotted #fff; margin: 5px 0 0 0; float: right; }
				.game-center .info .bottom .user:hover { text-decoration: none; }
			.game-center .info .bottom .stats { width: 50px; height: 20px; display: block; background: url('../images/icon_stats.png') no-repeat 17px 2px; border-left: 1px dotted #fff; margin: 5px 0 0 0; float: right; }
				.game-center .info .bottom .stats:hover { text-decoration: none; }
			.game-center .info .bottom .comments-box { width: 410px; height: 21px; overflow: hidden; /*height: 210px; overflow: auto;*/ background: url('../images/1px.png') repeat; border: 1px solid #fff; margin: 5px; position: absolute; bottom: -1px; left: 104px; }
				.game-center .info .bottom .comments-box ul { cursor: pointer; list-style-type: none; margin: 0; padding: 0; }
					.game-center .info .bottom .comments-box ul li { line-height: 21px; color: #fff; text-align:center; margin: 0; padding: 0 5px; }
					.game-center .info .bottom .comments-box ul li.last { border: 0; }

/* DATEPICKER */
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #a5a5a5; color: #fff; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #b5b5b5; border: 1px solid #999; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; color: #fff; cursor: pointer; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; color: #fff; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-default { background: #b5b5b5; border: 1px solid #999; color: #fff; }
.ui-datepicker .ui-state-highlight { background: #c5c5c5; border: 1px solid #ddd; }
.ui-datepicker .ui-state-active { background: #9ed349; border: 1px solid #83b13a; color: #333; }
input.datepicker { cursor: pointer; font-size: 8.5pt; }

/* TOOLTIP */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('../images/tipsy.gif'); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* FOOTER */
.footer { 
--background: url('../images/background_darkgray.jpg') repeat; 
color: #fff;
height: 200px;
background: url(../images/bg_bot.jpg) bottom left repeat-x;
}
	.footer .footer-content {  
height: 190px;
display: block;
background: url('../images/footer_shoes.png') no-repeat right top;
width: 1000px;
margin: 0 auto;
}
		.footer .footer-content .content-holder { padding: 0; }
		.footer .footer-content .footer-info { width: 240px; padding: 130px 0 0 0; float: left; }
		.footer .footer-content .footer-p { width: 210px; background: url('../images/footer_sep.png') no-repeat left top; padding: 15px 15px 0 15px; float: left; }
			.footer .footer-content .footer-p h3 { margin: 0; padding: 0; }



/*  Stela   */
#Event-Information{float:left; width:640px; position:relative;}

#EventLeftPane {float:left; width:152px; position:relative;}
#EventCenterPane {float:left; width:336px; position:relative;}
#EventRightPane{float:right; width:152px; position:relative; }
#EventLeftPane td.teams, #EventRightPane td.teams {font-weight:bold;padding-right:3px;padding-bottom:2px;color: #202020; vertical-align:top; width:12px; font-size:10px;}
#EventComments {overflow-y:scroll; overflow-x:hidden;max-height:250px;}
#EventComments .strong {font-weight:bold; font-size:10px;}
#GameBox {padding:0 0 10px 0;}
#GameBox td .statsleft ,#EventComments td .statsleft ,#GamesStast td .statsleft {text-align:left; font-weight:bold;}
#GamesStast td .statscenter {text-align:center;}
#GamesStast td .statsright {text-align:right; font-weight:bold;}
#PlayStats,#GameStats, #GameBox {border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; margin:10px;}

#GameBox, #PlayStats,#GameStats{border-bottom:1px solid #ebebeb;}

#EventLeftPane tr.sub td, #EventRightPane tr.sub td{ font-size:10px;}

.shirt{
	width:36px; 
	height:22px; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	text-align:center; 
	font-weight:bold; 
	padding-top:7px;
	font-size:9px;
	position:absolute;
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	
}

.shirt_incident{
	width:36px; 
	height:22px; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	text-align:center; 
	font-weight:bold; 
	padding-top:7px;
	font-size:9px;	
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.displaynone {
    display: none;
}