* {
	margin: 0;
	padding: 0;
}

/* IE Win < 7 only \*/
* html #wrap {
	height: 100%;
}

/* end IE Win < 7 only */
html {
	background-color: #7F7F7F;
}

body {
	background: #7F7F7F url(images/page_top.gif) no-repeat top center;
	margin: 0;
	padding: 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #284379;
}

a,a:visited,a:hover {
	color: #284379;
	text-decoration: underline;
}

td a,td a:visited {
	text-decoration: none;
}

td a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

hr {
	background-color: #37569a;
}

h1,h2,h3 {
	color: #f90;
}

h1,.h1 {
	font-size: 12pt;
	font-weight: bold;
}

h2,.h2 {
	font-size: 10pt;
	font-weight: bold;
}

h3,.h3 {
	font-size: 8pt;
	font-weight: bold;
}

sup {
	color: red;
}

.error {
	color: red;
	display: inline;
}

.clear:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.hide {
	height: 0;
	width: 0;
	display: none;
	visibility: hidden;
}

.copy {
	text-align: center;
	font-size: 0.75em;
	margin: 12px;
	padding: 6px 20px;
	background: #E7EDF1;
	border-top: 2px solid #f90;
}

.copy a {
	color: #37569a;
	text-decoration: none;
}

.copy a:hover {
	color: #37569a;
	text-decoration: underline;
}

.copy p {
	padding-left: 3px;
	padding-right: 3px;
	display: inline;
}

#prono {
	color: #2e58ff;
}

#fun {
	color: #f90;
}

.button {
	font-size: 85%;
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
	background-color: #2763A5;
	color: #fff;
	vertical-align: top;
}

.prevButton {
	background: #2763A5 url(images/li-lt-white.png) no-repeat center center;
	cursor: pointer;
	color: #fff;
	vertical-align: top;
	min-height: 14px;
	width: 20px;
}

.nextButton {
	background: #2763A5 url(images/li-gt-white.png) no-repeat center center;
	cursor: pointer;
	color: #fff;
	vertical-align: top;
	min-height: 14px;
	width: 20px;
}

.inputPrediction {
	
}

input,textarea,select {
	font-size: 1em;
	margin: 0pt;
	padding: 1px;
	background-color: #F5F8FA;
	border: 0;
	border: 1px solid #284379;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.paddingTop5 {
	padding: 5px 0pt 0pt;
}

.penalty a,.penalty a:visited {
	text-decoration: underline;
	display: inline;
}

div.legend {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
}

div.legend dl {
	display: inline;
}

div.legend dl dd {
	float: left;
	font-weight: normal;
	margin: 0 10px 0 2px;
}

div.legend dl dt {
	float: left;
	font-weight: bold;
	margin-right: 0;
}

#logininput {
	float: left;
}

.contextMenuTitleStyle {
	min-width: 200px;
	margin-top: 15px;
	padding-bottom: 2px;
	color: #2763A5;
	border-bottom: 1px solid #f90;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 5px;
	font-size: 1em;
}

.contextMenuTitleStyle a,.contextMenuTitleStyle a:visited {
	color: #2763A5;
	text-decoration: none;
}

.contextMenuTitleStyle a:hover {
	color: #2763A5;
	text-decoration: underline;
}

.contextMenuStyle {
	min-width: 200px;
	font-weight: bold;
	text-transform: none;
	text-indent: 5px;
	font-size: 1em;
	font-weight: normal;
	list-style: none;
}

.contextMenuStyle li {
	border-right: 0.4em solid #284379;
	margin: 1px;
	background-color: #E7EDF1;
	padding: 0.1em 0.5em;
}

.contextMenuStyle li.selected {
	border-right: 0.4em solid #f90;
	font-weight: bold;
}

.contextMenuStyle li a,.contextMenuStyle li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #284379;
}

.contextMenuStyle li:hover {
	background-color: #F5F8FA;
	border-right: 0.4em solid #f90;
	cursor: pointer;
}

.contextMenuStyle2 {
	min-width: 200px;
	font-weight: bold;
	text-transform: none;
	text-indent: 5px;
	font-size: 1em;
	font-weight: normal;
	list-style: none;
}

.contextMenuStyle2 li {
	border-right: 0.4em solid #284379;
	margin: 1px;
	background-color: #EEF3F6;
	padding: 0.1em 1em;
}

.contextMenuStyle2 li a,.contextMenuStyle2 li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #284379;
	padding-left: 0.5em;
	background: url(images/sel_bg.gif) left no-repeat;
}

.contextMenuStyle2 li:hover {
	background-color: #F5F8FA;
	border-right: 0.4em solid #f90;
	cursor: pointer;
}

.contextMenuStyle2 li.selected {
	border-right: 0.4em solid #f90;
	font-weight: bold;
}

#news_col1,#news_col2 {
	width: 340px;
	margin: 0 20px 20px 0;
	padding: 0pt;
}

#news_col1 {
	float: left;
}

#news_col2 {
	float: right;
}

.news h2 {
	margin: 0 0 15px;
	padding: 12px;
	border-bottom: 1px solid #f90;
	font-weight: bold;
	font-size: 140%;
	text-indent: 20px;
	background: url(images/social/feed.png) no-repeat 10px 14px;
}

.news dt a,.news dt a:visited {
	color: #37569a;
	text-decoration: none;
}

.news dt a:hover {
	color: #37569a;
	text-decoration: underline;
}

.news dt {
	color: #37569a;
	background: url(images/li-bullet.gif) no-repeat top left;
	font-size: 13px;
	font-weight: bold;
	text-indent: 20px;
	text-align: justify;
}

.news dd {
	text-align: justify;
	margin: 0;
	padding: 0 0 20px;
}

#imprint h2,#about h2 {
	padding-top: 1em;
	padding-bottom: 0.5em;
}

#about p {
	padding-bottom: 1em;
}

.notop {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}

.welcome_div {
	background-color: #E7EDF1;
	margin: 15px 10px 10px 10px;
	padding: 10px;
	width: 300px;
	height: 230px;
	display: block;
	float: left;
	margin-left: 2px;
	position: relative;
	line-height: 1.4em;
}

#welcome h2 {
	margin-bottom: 10px;
}

#welcome .bottom {
	margin-top: 10px;
}

#welcome li,.ball_list li {
	text-indent: 20px;
	list-style: none;
	background: transparent url(images/li-bullet.gif) no-repeat left top;
}

table caption {
	margin: 0;
	padding: 0.1em 0.5em;
	text-align: left;
	border: 1px solid #000;
	border-bottom: none;
}

table th,table td {
	margin: 0;
	padding: 1px 0.5em;
	text-align: center;
}

.header,.header-left,table th,table th a,table th a:visited,table th a:hover,.header a,.header a:visited,.header a:hover
	{
	color: #2763A5;
}

table th a:hover {
	text-decoration: underline;
}

.header,.header-left,table th {
	font-weight: bold;
	padding: 0.1em 0.5em;
	text-transform: capitalize;
	margin-top: 15px;
	padding-bottom: 2px;
	vertical-align: bottom;
	background: transparent !important;
}

tr.header td {
	background: transparent !important;
}

table tr.header td,table th {
	border-bottom: 1px solid #f90;
}

.header-left {
	vertical-align: middle;
	margin-top: 0;
}

table .name {
	text-align: left;
}

table tr.emptyRow td {
	display: block;
	width: 100%;
	height: 10px;
	background: transparent !important;
}

table .winner {
	font-weight: bold;
}

table .date {
	text-align: right;
}

table .footer {
	text-align: left;
}

table tr.evenRow td {
	background: #E7EDF1;
}

table tr.oddRow td {
	background: #F5F8FA;
}

table.hover tr:hover td {
	background: #FFBB55;
}

.scrollerTable {
	font-size: 0.9em;
}

.empty {
	background: silver;
	width: 100%;
	height: 10px;
	display: block;
}

.capitalize {
	text-transform: capitalize;
}

.currentUser {
	font-weight: bold !important;
}

.smallPaddingTable td, .smallPaddingTable th {
  padding: 0.5em 0.2em;
}


.matchDayStyle {
	padding: 2px 2px 2px 2px;
	color: #2763A5;
	border-bottom: 1px solid #f90;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

#poolGraph a,#koGraph a {
	text-decoration: none;
}

#poolGraph a:hover,#koGraph a:hover {
	text-decoration: underline;
}

#poolGraph td,#koGraph td {
	vertical-align: middle;
	padding: 5px;
}

#poolGraph a,#poolGraph a:visited,#poolGraph a:hover {
	color: #2763A5;
}

#poolGraph td.hover {
	background: #FFBB55;
}

#koGraph {
	border-spacing: 0;
	border-width: 0;
	border-collapse: collapse;
	empty-cells: show;
	text-decoration: none;
}

#koGraph td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	height: 25px;
}

#koGraph a, #koGraph span {
	display: block;
}

#koGraph th {
	margin: 0;
	padding: 0;
	max-width: 150px;
}

#koGraph td .ko-none,#koGraph td .ko-game,#koGraph td .ko-win,#koGraph td .ko-lost
	{
	background-color: #E7EDF1;
	height: 15px;
	padding: 4px;
	min-width: 98px;
	font-weight: normal;
	border: 1px solid #ADD8E6;
}

#koGraph td .ko-win {
	font-weight: bold;
}

#koGraph td .ko-header {
  font-weight: bold;
}
#koGraph td .ko-combine {
	background: url(images/ko.gif) no-repeat 0 -95px;
	height: 25px;
	width: 25px;
}

#koGraph td .ko-hline {
	background: url(images/ko.gif) no-repeat 0 -35px;
	height: 25px;
	width: 25px;
}

#koGraph td .ko-vline {
	background: url(images/ko.gif) no-repeat 0 -5px;
	height: 25px;
	width: 25px;
}

#koGraph td .ko-lineUp {
	background: url(images/ko.gif) no-repeat 0 -65px;
	height: 25px;
	width: 25px;
}

#koGraph td .ko-lineDown {
	background: url(images/ko.gif) no-repeat 0 -125px;
	height: 25px;
	width: 25px;
}

#activations td {
  font-size: 0.9em;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.scroller {
	float: right;
	display: inline;
}

.scroller-status {
	float: left;
	display: inline;
}

.paginator-selected a,.paginator-selected avisited,.paginator-selected a:hover
	{
	color: #f90 !important;
}

.w600 {
	width: 600px;
}

/* 'navigation.css' */
.nav {
	background: url(images/off_bg.gif) repeat-x top;
	position: absolute;
	padding: 0;
	list-style: none;
	z-index: 4;
	height: 3em;
	width: 978px;
	color: #fff;
	opacity: 0.85;
	filter: alpha(opacity = 85); /* IE's opacity*/
}

.nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	font-size: 80%;
}

.nav_button {
	float: left;
	display: block;
	margin: 0 1px;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border: 0;
	font-weight: bold;
}

.nav a,.nav a:visited {
	color: #fff;
	text-decoration: none;
}

.nav a:hover,.nav .selected a,.nav .selected a:visited {
	color: #284379;
	padding-bottom: 5px;
	border-color: #37569a;
	background: #fff url(images/on_bg.gif) repeat-x top left;
}

#n-home {
	padding: 0;
}

#n-home a {
	height: 1.8em;
	padding: 2px 10px;
}

#n-home #prono {
	color: #2e58ff;
	font-weight: bold;
	font-size: 1.5em;
}

#n-home #fun {
	color: #f90;
	font-weight: bold;
	font-size: 1.5em;
}

#n-home sup {
	color: #2e58ff;
	font-weight: bold;
}

/* 'layout.css' */
#wrap {
	background: white url(images/page_bg.gif) repeat-y scroll center;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	background: transparent url(images/bg.jpg) no-repeat top center;
	color: #fff;
	margin: 0pt;
	padding: 0 20px 0 10px;
	height: 92px;
}

#content {
	float: left;
	padding-left: 10px;
	width: 75%;
	overflow: hidden;
}

#topGroup {
	padding-top: 5px;
	float: right;
	position: relative;
	right: 0;
	width: 500px;
}

#groupInput {
	float: right;
	position: relative;
	z-index: 7;
}

#groupInput .input {
	min-width: 80px;
}

#groupInput .button {
	min-width: 10px;
	overflow: visible;
}

#langGroup {
	float: right;
	padding-right: 10px;
	position: relative;
	z-index: 6;
}

#langGroup ul {
	list-style: none;
}

#langGroup ul li {
	display: inline;
}

#languageName {
	vertical-align: baseline;
}

#content-heading {
	float: right;
	display: block;
}

#content-body {
	float: left;
	display: block;
	padding-right: 20px;
}

#content-error {
	float: left;
	padding: 1em 2em;
	display: inline;
	text-align: left;
}

#pendingMessage {
	text-align: left;
}

#pendingMessage a {
	color: #f90;
	display: inline;
	font-weight: bold;
}

#pendingMessage h3 {
	display: inline;
}

#content-competitionName {
	float: right;
	padding: .5em 2em;
	display: inline;
	text-align: right;
}

div.padding {
	padding: 10px 40px 0 20px;
}

div.smallPadding {
	padding: 5px 20px 0 10px;
}

#content p {
	text-align: justify;
}

#sidebar {
	padding: 5px 0 0 20px;
	width: 20%;
	height: 100%;
	float: left;
}

#footer {
	color: #37569a;
	background: transparent url(images/page_bottom.gif) no-repeat scroll
		center bottom;
	clear: both;
	height: 3em;
}

table.align-top td {
	vertical-align: top;
}

/* tabbed pane */
table.tabbedPane {
	vertical-align: top ! important;
	border-collapse: separate ! important;
	border-spacing: 0 ! important;
}

table.tabbedPaneCompact {
	width: 75ex ! important;
}

td.activeTab {
	background-color: #F5F8FA ! important;
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	padding: 2px ! important;
	height: 4ex ! important;
	font-size: 12px ! important;
	text-align: center ! important;
}

td.activeTab input {
	background-color: #F5F8FA ! important;
	color: #284379;
	font-size: 12px ! important;
	text-align: center ! important;
}

td.inactiveTab {
	background-color: #E7EDF1 ! important;
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	padding: 2px ! important;
	height: 4ex ! important;
	font-size: 12px ! important;
	text-align: center ! important;
	height: 4ex ! important;
}

td.inactiveTab input {
	background-color: #E7EDF1 ! important;
	color: #284379;
	font-size: 12px ! important;
	text-align: center ! important;
}

td.activeSub {
	background-color: #f90 ! important;
	padding: 0 ! important;
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	height: 1px ! important;
}

td.inactiveSub {
	background-color: #284379 ! important;
	padding: 0 ! important;
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	height: 1px ! important;
}

td.tabContent {
	border: 0 none ! important;
	vertical-align: top ! important;
	padding: 20px ! important;
	height: 100% ! important;
	text-align: justify ! important;
}

#rights_text {
	background-color: #F5F8FA;
	border: 0.1em solid #284379;
	margin-left: 1em;
	margin-right: 2em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	padding: 1em;
	line-height: 1.5em;
	text-align: justify;
	text-indent: 20px;
}

#rights_text dt {
	background: transparent url(images/li-gt-orange.png) no-repeat left center;
}

#explain_point_rules_text {
  background-color: #F5F8FA;
  border: 0.1em solid #284379;
  margin-left: 1em;
  margin-right: 2em;
  margin-top: 0.5em;
  margin-bottom: 2em;
  padding: 1em;
  line-height: 1.5em;
  text-align: justify;
  text-indent: 20px;
}

#explain_point_rules_text dt {
  background: transparent url(images/li-gt-orange.png) no-repeat left center;
}

/* FAQ */
#faq {
	line-height: 1.5em;
	text-align: justify;
	text-indent: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	width: 710px;
}

#faq_actions {
	float: right;
}

#faq_actions span:hover {
	text-decoration: underline;
	cursor: pointer;
}

#faq dl {
	padding-bottom: 20px;
}

/* only border width and background color and image is set via script */
.faq_collapsed {
	background: transparent url(images/li-gt-orange.png) no-repeat left
		center;
	border-left: 0.4em solid transparent;
	border-bottom: 1px solid transparent;
	font-weight: normal;
}

/* only border width and background color and image is set via script */
.faq_expanded {
	background: transparent url(images/li-down-orange.png) no-repeat right
		center;
	border-left: 0.4em solid transparent;
	border-bottom: 1px solid #f90;
	font-weight: bold;
}

#faq dt {
	background: transparent url(images/li-gt-orange.png) no-repeat left
		center;
	font-weight: normal;
	padding-top: 10px;
	border-width: 0;
	border-bottom: 1px solid transparent;
	border-left: 0.4em solid transparent;
}

#faq dt:hover {
	cursor: pointer;
	border-left: 0.4em solid #f90 !important;
}

#faq dd {
	background-color: #F5F8FA;
	border-bottom: 0.1em solid #284379;
	border-left: 0.4em solid #284379;
	margin: 0 0 1em 1em;
	padding: 1em;
}

#faq dd ul {
	padding-left: 3em;
}

#faq dd li {
	list-style: none;
	background: transparent url(images/li-bullet.gif) no-repeat left top;
}

.close {
	text-align: right;
	/*  float: right; - buggy on firefox*/
}

#line {
	background: transparent url(images/line.png) repeat-x scroll center center;
}

#status .selected {
	font-weight: bold;
}

#evaluation_profile {
	width: 100%;
}
#evaluation_profile td {
  padding: 5px !important;
}

#gameRules td {
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

#addUsrForm {
	width: 100%;
}

#addUsrForm td {
  vertical-align: top;
}

#addUsrForm a {
  display: inline;
}