﻿body
{
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}
table
{
	width: 550px;
}
td
{
	vertical-align:top;
}
a img
{
	border:0;
}
#statisticData
{
	width: 550px;
}
#statisticData .bigCell
{
	float: left;
	width: 200px;
}
#statisticData .smallCell
{
	float: left;
	width: 75px;
}
#SearchAlternatives .bigCell
{
	float: left;
	width: 183px;
}
#MatchStatistics .bigCell
{
	float: left;
	width: 275px;
}
#MatchForm .bigCell
{
	float: left;
	width: 275px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20px;
}
#PlayerFormLineup .bigCell
{
	float: left;
	width: 137px;
}
#SearchPlayer .bigCell
{
	float: left;
	width: 275px;
}
#SearchAlternatives p
{
	margin: 0px;
	padding: 0px;
}
#PlayerStatistics
{
	text-align:center;
	width:550px;
	margin-top:10px;
}
#LoadingSearchAlternatives
{
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 550px;
}
#Loggo
{
	width:100px;
	height:110px;
	float:left;
	background-image:url(../Images/logo.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
	margin-bottom:10px;
}
.error
{
	font-weight:bold;
	color:#FF0000;
}
a.MainMenuLink
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.MainMenuLink:hover
{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}
.odd
{
	background-color: #CCCCCC;
}
.clearFloat
{
	clear: both;
}
.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.bold
{
	font-weight: bold;
}
.headline
{
	height: 16px;
	padding-left:5px;
	width: 545px;
	background-image: url(../Images/fade.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
}
.oddTableRow
{
	background-color: #CCCCCC;
}
.matchLink
{
	color: #0000CC;
	cursor: pointer;
}
.loading
{
	width: 550px;
	text-align: center;
	height: 100px;
	vertical-align: middle;
}

#popup {
  display: none;
  position: fixed;
  _position: absolute;
  background: #0093dd;
  text-align:left;
  min-width: 300px;
  z-index: 20;
  padding: 5px;
  max-height:550px;
  max-width: 900px;
  overflow:auto;
  white-space:normal;  
}

#popup_bg {
  display: none;
  position: fixed;
  _position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  z-index: 10;
}

#popup_title {
  font-weight: bold;
  color: #ffffff;
}

#popup_close {
  width: 14px;
  height: 14px;
  background: url('../Images/close-off.png') no-repeat;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
#popup_close:hover {
  background: url('../Images/close.png') no-repeat;
}

#popup_message {
  padding: 8px;
  background: #ffffff;
  text-align:center;
  min-width: 290px;
  /*min-height: 120px;*/
}

/* Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen
{
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide
	{
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print
{
	.ui-tabs-nav
	{
		display: none;
	}
}

/* Skin */
.ui-tabs-nav
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}
.ui-tabs-nav:after
{
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li
{
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span
{
	display: block;
	padding: 0 10px;
	background: url(tab.png) no-repeat;
}
.ui-tabs-nav a
{
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
.ui-tabs-nav .ui-tabs-selected a
{
	color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .tui-abs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active
{
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active
{
	background-position: 100% -100px;
}
.ui-tabs-nav a span
{
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
* > .ui-tabs-nav a span
{
	/* hide from IE 6 */
	width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span
{
	padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span
{
	background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span
{
	background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited
{
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active
{
	/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled
{
	opacity: .4;
}
.ui-tabs-container
{
	border-top: 1px solid #97a5b0;
	padding: 1em 8px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em
{
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
/* /Tabs */


#ui-datepicker-div, .ui-datepicker-inline
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div
{
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline
{
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl
{
	direction: rtl;
}
.ui-datepicker-dialog
{
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled
{
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger
{
	width: 25px;
}
img.ui-datepicker-trigger
{
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt
{
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt
{
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker
{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control
{
	background-image: url(../Images/fade.jpg);
	padding: 2px 0px;
}
.ui-datepicker-links
{
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links
{
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label
{
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev
{
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev
{
	float: right;
	text-align: right;
}
.ui-datepicker-current
{
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next
{
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next
{
	float: left;
	text-align: left;
}
.ui-datepicker-header
{
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select
{
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker
{
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a
{
	display: block;
	width: 100%;
}
.ui-datepicker-title-row
{
	background: #777;
}
.ui-datepicker-days-row
{
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col
{
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell
{
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a
{
	display: block;
}
.ui-datepicker-week-end-cell
{
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell
{
	background: #777;
}
.ui-datepicker-days-cell-over
{
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable
{
	color: #888;
}
.ui-datepicker-today
{
	background: #ccf !important;
}
.ui-datepicker-current-day
{
	background: #999 !important;
}
.ui-datepicker-status
{
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a
{
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a
{
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a
{
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a
{
	color: #eee !important;
}
.ui-datepicker-control a:hover
{
	background: #ddf !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover
{
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker
{
	border: 1px solid #777;
}
.ui-datepicker-one-month
{
	float: left;
	width: 185px;
}
.ui-datepicker-new-row
{
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover
{
	display: none; /*sorry for IE5*/
	display: /**/ block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}