/* CSS Document */
html, body, div, p, ul, li, table, th, tr, td, a, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
  height: 100%;
}
body, .iframe-body, .print-body {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #000000;
	background-color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
	xbackground-image: URL("../images/background-content.png");
	background-repeat: no-repeat;
	background-position: center 95px;
}
.iframe-body, .print-body {
  background-image: none;
	background-color: white;
	color: black;
}
.iframe-body {
	xbackground-color: #f4f4f4;
}
.wrapper {
    height: auto !important;
    margin: 0 auto -64px;
    min-height: 100%;
}
.push {
    /*height: 64px;*/
}
.clear {	
	clear: both;
	height: 0px;
	overflow: hidden;
}

.centered {
	margin: 0 auto;
	top: 0px;
	position: relative;
	width: 1200px;
	text-align: left;
	height: auto;
}
.linkA:hover {
	cursor: pointer;
}
h1 {
	color: #FFFFFF;
	font-size: 25px;
	line-height: 28px;
}

h2 {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 21px;
}

h3, .page-category h2 {
  margin: 5px;
  margin-top: 10px;
	color: #ff2a4a;
	position: relative;
	top: 0px;
	left: -15px;
	font-size: 15px;
  border-bottom: 1px solid #eda9b4; 
}

.page-category h2 {
  font-size: 22px;
	line-height: 23px;
  padding-bottom: 3px;  
}

h4 {
	color: #FFFFFF;
	font-size: 17px;
	line-height: 21px;
}

.page-category h4 {
  color: #ff2a4a;
  font-size: 13px;
  left: -10px;
  position: relative;
}

h5 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 21px;
}

h6 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 21px;
}

/* HEADER */
#header {
	position: relative;
	top: 0px;
	background-image: URL("../images/background-header.png");
	background-position: center 0px;
	min-width: 1200px;
	height: 95px;
	width: 100%;
}

#logo {
  left: 15px;
  position: absolute;
  top: 13px;
}

#lang {
	position: absolute;
	top: 31px;
	right: 7px;
}

#lang a {
	color: #797979;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}

#lang a:hover, #lang a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

#fb {
	position: absolute;
	top: 28px;
	right: 80px;
}

#line {
	position: absolute;
	top: 26px;
	right: 63px;
}
.toLeft {
	text-align: left;
}
.toRight {
	text-align: right;
	float: right !important;
}
.tdRight {
	text-align: right !important;
	padding-right: 10px;
}
.toRightCheck {
  float: right;
  text-align: right;
}
.toRightCheck input[type="checkbox"] {
	margin-top: 9px !important;
}

/* MENU */
#header-menu {
	position: absolute;
	top: 80px;
	background-image: URL("../images/background-menu.png");
	background-position: center 0px;
	min-width: 1200px;
	height: 40px;
	width: 100%;
	z-index: 100;
	left: 0px;
}
/*
#menu {
	height: 40px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	min-width: 1200px;
	width: 100%;
}

#menu li {
  float: left;
  list-style-type: none;
  position: relative;
  text-align: left;
  white-space: nowrap;
  z-index: 1200;
}

#menu li a {
	display: block;
	line-height: 34px;
	padding: 3px 18px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-size: 13px;
}

#menu li a.active, #menu li a:hover {
	background-image: URL("../images/background-menu-active.png");
	color: #FFFFFF;
	font-weight: 500;
}

#menu li ul {
  display: none;
  background-image: URL("../images/background-menu.png");
  background-position: center 0px;
	top: 40px;
  z-index: 1200;
}

#menu li:hover ul {
  display: block;
  left: 0px;
  position: absolute;
  z-index: 1200;
}

#menu li:hover ul li {
  background-image: URL("../images/background-menu.png");
  background-position: center 0px;
  float: none;
  width: auto;
  z-index: 1200;
}

.menu_line {
	position: relative;
	top: -34px;
}
*/
#menu-right, #menu-right-user {
	background-image: URL("../images/login.png");
	background-position: center 0px;
	/*position: absolute;
	top: 0px;
	right: 100px;*/
    position: relative;
    display: inline-block;
    vertical-align: top;
	margin: 0;
	padding: 0px 0px 0px 0px;
	min-width: 204px;
	height: 40px;
	z-index: 200;
}
#menu-right-user {
    background: #ff2949 URL("../images/logged.png") no-repeat;
	min-width: 244px;
  /*right: 100px;*/
}
#menu-right-logout {
  background-color: #bcbcbc;
	background-position: center 0px;
    /*
	position: absolute;
	top: 0px;
	right: 0px;*/
    position: relative;
    display: inline-block;
    vertical-align: top;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100px;
	height: 40px;
	z-index: 200;
}

#menu-right a, #menu-right-user a, #menu-right-logout a {
	display: block;
	line-height: 30px;
	padding: 5px 10px 5px 45px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#menu-right-user a {
	/*position: absolute;
	right: 10px;*/
	color: #000000;
  padding-right: 10px;
    opacity: 1 !important;  
    text-align: right !important;
}
#menu-right-logout a {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center !important;
    opacity: 1 !important;  
}

#menu-right a:hover, #menu-right-user a:hover, #menu-right-logout a:hover {
	/*text-decoration: underline;*/
    text-decoration: none !important;
    background: #161b1f;
}



/* INSIDE  INDEX*/
#content {
	position: relative;
	top: 0px;
	background-image: URL("../images/background-content.png");
	background-repeat: no-repeat;
	background-position: center 0px;
	min-width: 1200px;
	height: 623px;
	width: 100%;
	overflow: hidden;
}

#main-content {
	position: relative;
	top: 0px;
	left: 10px;
	width: 700px;
}

#main-content h1 {
	position: relative;
	left: 0px;
	font-size: 220px;
	font-weight: 300;
	line-height: 120px;
}

#player {
	position: absolute;
	top: 85px;
	right: -80px;
}

#more {
	background-image: URL("../images/background-more.png");
	background-position: center 0px;
	position: relative;
	top: 0px;
	left: 10px;
	width: 231px;
	height: 40px;
}

#more a {
	display: block;
	line-height: 30px;
	padding: 4px 18px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#more a:hover {
	text-decoration: underline;
}

/* INSIDE NEXT PAGES */
#content-next {
	position: relative;
	top: 0px;
	min-width: 1200px;
	Xmin-height: 600px;
	height: auto;
	width: 100%;
}

#before-table {
	background-image: URL("../images/background-before-table.png");
	background-position: center 0px;
	position: relative;
	top: 31px;
    top: 5px;
	left: 0px;
	min-width: 1200px;
	width: 1200px;
	height: 83px;
    height: 65px;
}

#before-table h1 {
	position: relative;
	top: 18px;
	left: 20px;
	font-size: 25px;
	color: #FFFFFF;
}

#before-table p {
	position: relative;
	top: 18px;
	left: 20px;
	font-size: 14px;
	color: #FFFFFF;
}

/* TABLES - normal list and smaller table */
.tourn-table, .small-table {
	background-color: #FFFFFF;
	position: relative;
	top: 31px;
	left: 0px;
	width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
}
.tourn-table.ontop {
	top: 0px;
	margin-bottom: 20px;	
}
.small-table {
  top: 2px;
  margin-bottom: 5px;
}
.small-table.center {
  width: 580px;
}
.small-table.center td {
  text-align: center;
}
.small-table.center td.round {
  text-align: left;
  width: 50px;
  white-space:nowrap;
}
.dash-table {
  width: 100%;
}
.noRecords {
	height: 50px !important;
	font-weight: bold !important;
}
.noRecordsText {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.aLeft {
  padding-left: 3px !important;
  text-align: left !important;
}

.tourn-table.lineup, .small-table.center.lineup {
	border-top: 1px solid #d7d7d7;
}
.small-table.center.lineup td {
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  line-height: 25px;
  padding: 2px;
  position: unset;
  width: 25px;
  font-size: 12px;
}
.small-table.center.lineup td.round {
  font-weight: bold;
  width: 50px !important;
}
.tourn-table thead tr td {
  background-image: url("../images/background-table-th.png");
  background-position: center -10px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
.small-table thead tr td{
	height: 55px;
	padding-left: 5px;
  padding-right: 5px;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
	font-size: 14px;
	font-weight: bold;
	box-shadow: #CEC3CF 0px 7px 20px;
	-webkit-box-shadow: #CEC3CF 0px 7px 20px;
	-moz-box-shadow: #CEC3CF 0px 7px 20px;
}
.small-table thead tr td {
  height: 20px;
  padding: 1px 1px 1px 5px;
  font-size: 12px;
  box-shadow: #CEC3CF 0px 2px 5px;
	-webkit-box-shadow: #CEC3CF 0px 2px 5px;
	-moz-box-shadow: #CEC3CF 0px 2px 5px;
  line-height: 20px !important;
  vertical-align: middle;
  position: relative;
}

.tourn-table tbody tr td, .small-table tbody tr td {
  border-bottom: 1px solid #d7d7d7;	
	border-left: 1px solid #d7d7d7;
	height: 42px;
  border-right: 1px solid #D7D7D7;
}
.tourn-table tbody tr:first-child td{
	background-image: URL("../images/background-table-first.png");
	background-position: center 0px;
	background-repeat: repeat-x;
	background-blend-mode: darken;
}

.dash-table td {
  padding-left: 5px;
  padding-right: 5px;  
}
.small-table tbody tr td, .dash-table td {
  height: 25px;
  Xline-height: 25px;
  font-size: 11px;  
}
.small-table tbody tr td.sinput input[type=text] {
  font-size: 12px;
  height: 16px;
  text-align: center;
  width: 30px;
}
.small-table tbody tr td.sinput select {
  font-size: 12px;
  height: 22px;
  text-align: center;
  width: 70px;
}
.tourn-table td a, .small-table td a, .dash-table td a {
	text-decoration: none;
	color: #dd0021;
	font-size: 13px;
	font-weight: bold;
}
.small-table td a {
  font-size: 11px;
}
.small-table td a img, .dash-table td a img {
    float: left;
    padding-top: 1px;
    padding-left: 1px;
}
.small-table td input[type="checkbox"] {
  margin: 0px;
  float: none;
}
.tourn-table tbody tr td.cImg, .small-table tr td.cImg, .small-table tr td.center, .dash-table td.cImg {
  text-align: center;  
}
.small-table tr td.cImg, .dash-table td.cImg {
  line-height: 12px;
}
.small-table tr td.cImg img, .dash-table td.cImg img {
  float: none !important;
}
.tourn-table td a:hover {
	text-decoration: underline;
}
.scretch, .scretch, .scretch, .spanScretch {
  color: red !important;
}
.small-table tr td.cImg.finish, .small-table tr td.finish, .small-table tr td.center.finish, .spanFinish {  
  color: green;
}

.tourn-table p, .tourn-table td, .small-table p, .small-table td {
  color: #151515;
  font-size: 13px;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;
}
.small-table p, .small-table td {
  font-size: 11px;
  font-weight: normal;
  padding-left: 2px;
  padding-right: 2px;
}
.tourn-table p, .small-table p {
  padding: 0px;
}
.small-table.smaller {
	width: 90%;
}
.small-table tr.canceled {
	background-color: #ffe3e7;
}
.small-table tr.canceled td, .tourn-table tr.canceled td {
  text-decoration: line-through;
}
.small-table tr.canceled td:last-child, .tourn-table tr.canceled td:last-child {
  text-decoration: none;
}
.canceledTab {
  text-decoration: line-through;
  color: #2b9fa3 !important;
}
.canceled td {
  color: #2b9fa3 !important;
}

.lineS {
	background-color: #FFFFFF;
}
.lineL {
	background-color: #ecf0f1;
}
.lineRed {
  background-color: #ffe7eb;
}
/* new games */
.form-game {
	background-color: #FFFFFF;
	position: relative;
	top: 31px;
	left: 0px;
	min-height: 600px;
	height: auto;
	margin-bottom: 50px;
}

#game-tourn {
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	border-bottom: 1px solid #FFFFFF;
	box-shadow: #CEC3CF 0px 5px 20px;
	-webkit-box-shadow: #CEC3CF 0px 5px 20px;
	-moz-box-shadow: #CEC3CF 0px 5px 20px;;
}

.game-name {
	position: absolute;
	height: 50px;
	width: 500px;
	top: 0px;
	left: 10px;
}

.game-name span {
	position: relative;
	top: 13px;
	left: 10px;
	font-weight: 900;
	font-size: 15px;
	width: 100px;
}

.tourn-connect {
	background-color: #e7e7e7;
	height: 50px;
	width: 500px;
	position: absolute;
	top:0px;
	left: 700px;
}

.tourn-connect span {
	position: relative;
	top: 15px;
	left: 10px;
	font-weight: 900;
	font-size: 15px;
	width: 200px;
}

#time {
	position: relative;
	top: 0px;
	left: 0px;
	height: 80px;
	border-bottom: 1px solid #ede9e7;
}

.new-player {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100px;
	border-bottom: 1px solid #ede9e7;
}

#state {
	position: relative;
	top: 0px;
	left: 0px;
	height: 70px;
	border-bottom: 1px solid #ede9e7;
}

#description {
	position: relative;
	top: 0px;
	left: 0px;
	height: 200px;
	border-bottom: 1px solid #ede9e7;
}

#create-new {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100px;
}

.form-game input[type=text] {
	position: absolute;
	background-image: URL("../images/background-new-game.png");
	background-position: center 0px;
	padding: 0px;
	width: 226px;
	height: 25px;
	border: 1px solid #e1e1e1;
	top: 0px;
	left: 120px;
	color: #000000;
	font-size: 12px;
	font-weight: 500;
}

#game-name-edit {
	position: relative;
	top: 11px;
	left: 25px;
	padding: 2px 25px 2px 5px;
}

.inside {
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #bcbdbe;
}

.inside span {
	position: relative;
	top: -10px;
	color: #1f262b;
	left: 40px;
	font-weight: bold;
	font-size: 14px;
	width: 250px;
}

#create-new a {
	position: relative;
	top: 20px;
	left: 30px;
	text-decoration: none;
}

#create-new p {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 500px;
}

#calendar {
	position: relative;
	top: -10px;
	left: 50px;
	width: 200px;
	height: 30px;
	border: 1px solid #e1e1e1;
}

#game-hours {
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
}

/* BASIC INFORMATION + MAP + TOURNAMENTS */
#under-content {
	background-image: URL("../images/background-before-footer.png");
	background-repeat: no-repeat;
	background-position: center 50px;
	top: 0px;
	min-width: 1200px;
	width: 100%;
	height: 330px;
}
#bas_map_tourn {
	position: relative;
	top: -49px;
	left: 0px;
	width: 100%;
	height: 136px;
}

#basic, #map, #tournaments {
	background-image: URL("../images/basic-information.png");
	background-position: center 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 125px;
	width: 399px;
	text-transform: uppercase;
}
#basic:hover, #map:hover, #tournaments:hover {
	background-image: URL("../images/basic-information-on.png");
	background-position: center 0px;
	background-repeat: no-repeat;
}
#basic a, #map a, #tournaments a {
	display: block;
	text-decoration: none;
	font-size: 22px;
	text-align: right;
	color: #FFFFFF;
	padding: 60px 10px 10px 240px;
}

#map {
	background-image: URL("../images/playgrounds-map.png");
	left: 399px;
	width: 401px;
}
#map a {
	padding: 0 10px 65px 180px;
}
#map:hover {
	background-image: URL("../images/playgrounds-map-on.png");
}

#tournaments {
	background-image: URL("../images/next-tournaments.png");
	left: 800px;
	width: 400px;
}
#tournaments:hover {
	background-image: URL("../images/next-tournaments-on.png");
}
#tournaments a {
	font-size: 26px;
	width: 350px;
	padding: 10px 20px 0px 30px
}


/* BENEFITS + ETC. */
#before-footer {
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 1200px;
	width: 100%;
	height: 161px;
	margin-bottom: 50px;
}

#article {
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	width: 298px;
	height: 161px;
}

#article h2 a{
	position: relative;
	top: 20px;
	left: 20px;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#article p {
	position: relative;
	top: 35px;
	left: 20px;
	font-size: 11px;
	color: #000000;
	width: 250px;
}

.article-more {
	background-image: URL("../images/background-more2.png");
	background-position: center 0px;
	position: relative;
	top: 50px;
	left: 20px;
	width: 109px;
	height: 25px;
}

.article-more a {
	display: block;
	color: #000000;
	padding: 4px 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: 500;
}

.article-more a:hover {
	text-decoration: underline;
}

#article img {
	position: absolute;
	top: 0px;
	right: -186px;
}

#phone {
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 484px;
	background-color: #FFFFFF;
	width: 298px;
	height: 161px;
}

#phone h2 a{
	position: relative;
	top: 20px;
	left: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#phone p {
	position: relative;
	top: 35px;
	left: 20px;
	font-size: 11px;
	color: #000000;
	width: 250px;
}

#phone img {
	position: absolute;
	top: 0px;
	right: -186px;
}

#benefits {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: URL("../images/benefits.png");
	background-position: center 0px;
	width: 186px;
	height: 161px;
}
#benefits .title a{
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  padding: 110px 10px 10px 0;
  position: absolute;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  width: 180px;
}

/* FOOTER */
#footer {
	background-image: URL("../images/background-footer.png");
	background-position: center 0px;
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 1200px;
	width: 100%;
	height: 64px;
}

#footer-left {
	position: absolute;
	top: 5px;
	left: 20px;
}

#footer-left .title {
	position: relative;
	top: 10px;
	left: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

#footer-left p {
	position: relative;
	top: 8px;
	left: 0px;
	width: 690px;
	line-height: 13px;
	font-size: 10px;
	color: #6a6d6f ;
}

#footer-right {
	position: absolute;
	top: 20px;
	right: 10px;
}

#footer-right p {
	position: absolute;
	color: #FFFFFF;
	font-size: 11px;
	top: 3px;
	right: 170px;
	width: 190px;
}

#footer-right a{
	text-decoration: none;
	color: #ff2949;
	font-size: 11px;
	padding: 2px;
}

#footer-right a:hover{
	text-decoration: underline;
}

.footer-line {
	position: absolute;
	top: -2px;
	right: 160px;
}

/* SEARCH EDIT */
#search {
	position: absolute;
	top: 30px;
	right: 130px;
	display: block;
}

.header-search input[type=text] {
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/search.png") no-repeat scroll right top #151515;
	height: 23px;
	width: 200px;
	left: auto;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-bottom: 1px solid #3a464d;
	border-left: 0px;
	border-right: 0px;
}

.header-search input[type=submit] {
	position: relative;
	background: none;
	width: 23px;
  height: 23px;
	left: auto;
	top: auto;
  border: 0 none;
}

.header-search input[type="text"]:focus, form.header-search select:focus {
	background-color: #000000;
	border-color: #3a464d;
	color: #797979;
}

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	display:none;
	background-color:#000;
}
.hideDiv {
  display:none;
}
.input-disabled{
  background-color:#EBEBE4;
  border:1px solid #ABADB3;
}

.window {
	position:fixed;
	display: none;
	width:434px;
	height:186px;
	z-index:9999;
	color: #FFFFFF;
}

#login-in {
	background-image: URL("../images/background-login-center.png");
	background-position: center 0px;
	width:434px;
	background-color: #ff2949;
	height:186px;
	color: #FFFFFF;
}

#login-in .up{
	background-image: URL("../images/background-login-up.png");
	background-position: center 0px;
	position: relative;
	top: 2px;
	width: 434px;
	height: 44px;
}

#login-in .up h2{
	position: absolute;
	top: 10px;
	left: 50px;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
}

#login-in p {
	position: absolute;
	top: 60px;
	left: 25px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 500;
}

#login #login-in form #LU_userName {
	position: absolute;
	background-image: URL("../images/background-login-user.png");
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 30px;
	width: 154px;
	height: 35px;
	border: 0;
	top: 85px;
	left: 20px;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
}

#login #login-in form #LU_userPassword {
	position: absolute;
	background-image: URL("../images/background-login-pass.png");
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 30px;
	width: 154px;
	height: 35px;
	border: 0;
	top: 85px;
	right: 20px;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
}

#login #login-in form .submit {
	position: absolute;
	background-image: URL("../images/background-login-submit.png");
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	width: 87px;
	height: 35px;
	border: 0;
	top: 134px;
	left: 22px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}

#login #login-in ul {
	position: absolute;
	top: 140px;
	right: 20px;
}
#login #login-in ul li {
	float: left;
	list-style-type: none;
	position: relative;
}

#login #login-in ul li a {
	display: block;
	padding: 1px 4px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-size: 13px;
}

#login #login-in ul li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: 500;
}

/* TABS */
.page, .page-category, .page-iframe, .page-print, .page-iframe-filter {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	xposition: relative;
}
.page-category {
	padding: 30px;
  font-size: 13px;  
}
.page-category ul {
  padding-left: 20px;
  padding-bottom: 3px;
}
.page-category li {
  padding-bottom: 4px;
}
.page-iframe {
  margin: 0 10px;
  padding: 0;
  width: 97%;
}
.page-iframe-filter {
  text-align: left;
  margin: 0px;
  padding: 0px;
  background-color: #f4f4f4;
  height: 40px;
}
.page-category .gallery a {
  margin: 3px;
}
.page-category .gallery img {
  padding: 1px;
  border: 1px solid lightgray;  
}

iframe {
  background-color: white;
  border: 0px;  
}

#logout_user {
  padding: 0px;
}

#tabs, #tabsSmall, #tabsNested, #tabsTopNested {
	Xposition: relative;
	top: 2px;
	left: 0px;
	z-index: 100;
	margin-bottom: 10px;
  padding-top: 34px;
  padding-top: 8px;
}
#tabsSmall {
  top: 0px;
  padding-top: 2px;
}
#tabsNested, #tabsTopNested {
  background-color: white;
  padding: 0;
  top: 0;
}
#tabs h3, #tabsSmall h3, #tabsNested h3, #tabsTopNested h3{
  margin: 5px;
  margin-top: 10px;
	color: #ff2a4a;
	position: relative;
	top: 0px;
	left: -15px;
	font-size: 15px;
  border-bottom: 1px solid #eda9b4;
  line-height: 30px;
  xz-index: 1; 
}

#tabs h4, #tabsSmall h4, #tabsNested h4, #tabsTopNested h4{
  color: #FF2A4A;
  float: left;
  font-size: 13px;
  margin-bottom: 3px;
  margin-right: 50px;
  margin-top: 3px;
  position: relative;
  top: 0;
}

#tabsNested .ui-widget-header, #tabsTopNested .ui-widget-header{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: white !important;
  border-color: -moz-use-text-color -moz-use-text-color #ff2a4a;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 4px;
  padding-top: 10px;
  padding-left: 0;
}
#tabsNested .ui-tabs-active .ui-tabs-anchor, #tabsTopNested .ui-tabs-active .ui-tabs-anchor{
  background-color: #ff2a4a;
  color: white !important;
}
#tabsNested .ui-tabs-anchor, #tabsTopNested .ui-tabs-anchor{
	background-color: white;	
}
#tabsNested li.ui-tabs-active, #tabsTopNested li.ui-tabs-active{
	padding-bottom: 0px !important;
	border: 1px solid #ff2a4a;
}
#tabsNested .ui-widget-content, #tabsTopNested .ui-widget-content{
	padding: 0px;
}
#tabsNested .ui-tabs .ui-tabs-nav li, #tabsTopNested .ui-tabs .ui-tabs-nav li{
	margin: 0 !important;
}
#tabsNested .ui-tabs-nav li, #tabsTopNested .ui-tabs-nav li{
	margin: 0px !important;
}

/* FORMS */
form {
  padding: 8px 0 0;
}
form #tabs {
  padding-top: 1px;  
}

.formTable, .winTable {
  width: 100%;
}
.formTable td, .winTable td {
  color: #1F262B;
  font-size: 13px;
  height: 32px;
  position: relative;
  Xvertical-align: top;
}
.formTable p {
	padding-bottom: 10px;
}
.winTable td {
  text-align: left;
}
.winTable td h3 {
  border-bottom: 1px solid #eda9b4;
  color: #ff2a4a;
  font-size: 15px;
  left: -5px;
  margin-top: 3px;
  position: relative;
  top: 0;
}
.winTable input[type=checkbox], .formTable input[type=checkbox] {
  float: left;
  margin-right: 8px;
  margin-top: 2px;
  padding-right: 10px;
}

.img-middle {
  display: table; 
  height: 90px; 
  #position: relative; 
  overflow: hidden;
  text-align: center;
}
.img-middle-cen {
   _position: absolute; 
   #top: 50%;
   display: table-cell; 
   vertical-align: middle;
}
.img-middle img {
  #position: relative; 
  #top: -50%
}

input[type=text], input[type=password] {
	margin: 3px;
	border: 1px solid #e1e1e1;
	background-position: top right;
	height: 25px;
	padding: 1px 5px;
	width: 200px;
  font-family: Open Sans;
	font-size: 13px;
}
input[type=text].small, select.small {
  width: 60px;
}
input[type=text].datetime, select.datetime {
  width: 110px !important;
}
input[type=text].name, select.name {
  width: 140px;
}
input[type=text].datetimesec, select.datetimesec {
  width: 130px;
}
input[type=text].date, select.date {
  width: 80px;
}
input[type=text].datesmall, select.datesmall {
  width: 40px;
}
input[type=text].datemid, select.datemid {
  width: 200px;
}
input[type=text].datelong, select.datelong {
  width: 260px;
}
input[type=checkbox] {
  margin-top: 10px;
}
input[type=file] {
    height: 25px;
    margin: 3px;
    padding: 1px 5px;
    width: 200px;
}
textarea {
	font-family: Open Sans;
	font-size: 13px;
	margin: 3px;
	padding: 5px;
	border: 1px solid #E1E1E1;
}
select {
  border: 1px solid #e1e1e1;
  height: 28px;
  margin: 1px 3px;
  padding: 3px;
}
.inputWithChkbox {
  margin-left: 8px !important;
  width: 175px !important;
}

#chooseGPS {
  background-color: #A0ABB3;
  background-image: url("../images/background-gps.png");
  background-position: left center;
  background-repeat: no-repeat;
  border: 0 none;
  color: #FFFFFF;
  font-size: 17px;
  height: 29px;
  margin: 5px;
  width: 210px;
}
#chooseGPS:hover {
	background-image: URL("../images/background-gps-on.png");
	background-position: center left;
}


/* general buttons */
.buttons, .buttonsLeft {
  margin: 5px;
}
.buttons .btnFalse, .buttonsLeft .btnFalse, .buttons .btnTrue, .buttonsLeft .btnTrue{
	background-image: URL("../images/button.png");
	background-position: top left;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 5px;
	height: 39px;
	min-width: 130px;
  text-align: center;
  border: 0 none;
  cursor: pointer;
}
.buttons .btnTrue, .buttonsLeft .btnTrue {
  background-color: #fb4e68;
  background-image: url("../images/button-edit.png");
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 40px;
}
.buttonsLeft .btnTrue {
  float: left;
}
.btnTrue.disable, .btnTrue.disable:hover {
	background-image: URL("../images/button-disable.png") !important;
  background-color: #4f4f4f !important;
  color: white !important;
  cursor: default;
}

/* general hover buttons */
.buttons .btnFalse:hover, .buttonsLeft .btnFalse:hover {
	background-image: URL("../images/button-on.png");
  color: #9e9e9e;
}
.buttons .btnTrue:hover, .buttonsLeft .btnTrue:hover  {
	background-image: URL("../images/button-edit-on.png");
  color: #9e9e9e;
  background-color: #a33344;
}
.btnTrue.print {
	background-image: URL("../images/button-print.png");
}
.btnTrue.print:hover {
	background-image: URL("../images/button-print-on.png");
}
.btnTrue.next {
	background-image: URL("../images/button-next.png");
}
.btnTrue.next:hover {
	background-image: URL("../images/button-next-on.png");
}
.btnTrue.delete {
	background-image: URL("../images/button-delete.png");
}
.btnTrue.delete:hover {
	background-image: URL("../images/button-delete-on.png");
}
.btnTrue.adduser {
	background-image: URL("../images/button-add-user.png");
}
.btnTrue.adduser:hover {
	background-image: URL("../images/button-add-user-on.png");
}
.btnTrue.link {
	background-image: URL("../images/button-link.png");
}
.btnTrue.link:hover {
	background-image: URL("../images/button-link-on.png");
}
.btnTrue.screen {
	background-image: URL("../images/button-screen.png");
}
.btnTrue.screen:hover {
	background-image: URL("../images/button-screen-on.png");
}
.btnTrue.money {
	background-image: URL("../images/button-money.png");
}
.btnTrue.money:hover {
	background-image: URL("../images/button-money-on.png");
}
.btnTrue.detail {
	background-image: URL("../images/button-detail.png");
}
.btnTrue.detail:hover {
	background-image: URL("../images/button-detail-on.png");
}
.btnTrue.picture {
	background-image: URL("../images/button-picture.png");
}
.btnTrue.picture:hover {
	background-image: URL("../images/button-picture-on.png");
}
.btnTrue.download {
	background-image: URL("../images/button-download.png");
}
.btnTrue.download:hover {
	background-image: URL("../images/button-download-on.png");
}
.btnTrue.atach {
	background-image: URL("../images/button-atach.png");
}
.btnTrue.atach:hover {
	background-image: URL("../images/button-atach-on.png");
}
.btnTrue.profile {
	background-image: URL("../images/button-profile.png");
}
.btnTrue.profile:hover {
	background-image: URL("../images/button-profile-on.png");
}
.btnTrue.qr {
	background-image: URL("../images/button-qr.png");
}
.btnTrue.qr:hover {
	background-image: URL("../images/button-qr-on.png");
}
.btnTrue.flag {
	background-image: URL("../images/button-flag.png");
}
.btnTrue.flag:hover {
	background-image: URL("../images/button-flag-on.png");
}
.btnTrue.copy {
	background-image: URL("../images/button-copy.png");
}
.btnTrue.copy:hover {
	background-image: URL("../images/button-copy-on.png");
}
.btnTrue.approval {
	background-image: URL("../images/button-approval.png");
}
.btnTrue.approval:hover {
	background-image: URL("../images/button-approval-on.png");
}
.btnTrue.chartB {
	background-image: URL("../images/button-chart.png");
}
.btnTrue.chartB:hover {
	background-image: URL("../images/button-chart-on.png");
}
.btnTrue.win {
	background-image: URL("../images/button-win.png");
}
.btnTrue.win:hover {
	background-image: URL("../images/button-win-on.png");
}
.btnTrue.calendar {
	background-image: URL("../images/button-calendar.png");
}
.btnTrue.calendar:hover {
	background-image: URL("../images/button-calendar-on.png");
}
.btnTrue.settings {
	background-image: URL("../images/button-settings.png");
}
.btnTrue.settings:hover {
	background-image: URL("../images/button-settings-on.png");
}
.btnTrue.timer {
	background-image: URL("../images/button-timer.png");
}
.btnTrue.timer:hover {
	background-image: URL("../images/button-timer-on.png");
}
.btnTrue.light {
	background-image: URL("../images/button-light.png");
}
.btnTrue.light:hover {
	background-image: URL("../images/button-light-on.png");
}
.btnTrue.flag-down {
	background-image: URL("../images/button-flag-down.png");
}
.btnTrue.flag-down:hover {
	background-image: URL("../images/button-flag-down-on.png");
}
.btnTrue.email {
	background-image: URL("../images/button-email.png");
}
.btnTrue.email:hover {
	background-image: URL("../images/button-email-on.png");
}
.btnTrue.email-close {
	background-image: URL("../images/button-email-close.png");
}
.btnTrue.email-close:hover {
	background-image: URL("../images/button-email-close-on.png");
}
.btnTrue.locked {
	background-image: URL("../images/button-locked.png");
}
.btnTrue.locked:hover {
	background-image: URL("../images/button-locked-on.png");
}
.btnTrue.unlocked {
	background-image: URL("../images/button-unlocked.png");
}
.btnTrue.unlocked:hover {
	background-image: URL("../images/button-unlocked-on.png");
}
.btnTrue.keys {
	background-image: URL("../images/button-keys.png");
}
.btnTrue.keys:hover {
	background-image: URL("../images/button-keys-on.png");
}
.btnTrue.login {
	background-image: URL("../images/button-login.png");
}
.btnTrue.login:hover {
	background-image: URL("../images/button-login-on.png");
}
.btnTrue.import {
	background-image: URL("../images/button-import.png");
}
.btnTrue.import:hover {
	background-image: URL("../images/button-import-on.png");
}
.btnTrue.pairing {
	background-image: URL("../images/button-pairing.png");
}
.btnTrue.pairing:hover {
	background-image: URL("../images/button-pairing-on.png");
}

.btnTrueSmall {
  background-color: #808080;
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-family: Open Sans !important;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 100px;
  padding-bottom: 1px;
}

/* tabs */
.ui-tabs {
  position: static !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-top, .ui-corner-tr, .ui-corner-left, .ui-corner-bl {
  border-radius: 0px !important;
}

.ui-widget-header {
  background: none !important;
  background-color: #ff2a4a !important; 
}
.ui-widget-content {
  background: none !important;
  border: 0px !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #000000 !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ff2a4a !important;
}
.ui-widget {
  font-family: Open Sans !important;
}
.ui-datepicker table {
  background-color: #FFFFFF;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  width: 100%;
}

/* modal window */
form.in-modal {
  padding-top: 10px;
}
form.ontop {
  padding-top: 0px !important;
}
form.fleft {
  xfloat: left;
  xpadding-left: 10px;
  width: 25px;
  display: initial;
}
#modal-win.ui-widget-content, #modal-win-edit.ui-widget-content, .modal-win.ui-widget-content {
  background: repeat-x scroll 50% 50% #FFFFFF !important;
  border: 1px solid #EEEEEE !important;
}
#modal-win form, #modal-win-edit form, .modal-win form {
  padding-top: 10px;
} 

/* hole list and item */
.hole-list {
  
}
.hole-item {
  width: 230px;
  height: 300px;
  float: left;
  text-align: center;  
}
.hole-item .img {
}
.hole-item .text {
}
.hole-item .detail {
}

.paging {
  text-align: center;
  margin-bottom: 10px;
}

.tdDescription, .tdDescWindow, .tdDescription table td {
  color: #808080 !important;
  font-size: 11px !important;
  padding-left: 5px !important;
  padding-right: 10px;
}
.tdDescription {
  line-height: 16px;
}
.tdDescWindow {
  height: 15px !important;
}
.red {
  color: red !important;
}
.imgDate {
  position: relative;
  top: 7px;
}
.black {
  color: #787777;
}
.square {
  background-color: #ff2a4a;
  color: white;
  font-size: 14px;
  font-weight: 900;
  padding-left: 5px;
  padding-right: 5px;
}
.imgInLine {
  position: relative;
  top: 6px;
  padding-left: 10px;
}

.tabsContent ul, .tabsContentText ul {
  margin-left: 20px;
}
.tabsContent li, .tabsContentText li {
  line-height: 22px;
}
.tmRefresh {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.tmRefreshP {
  float: left;
  left: -10px;
  margin-right: 15px;
  position: relative;
  top: 4px;
  z-index: 200;
}
.tmButtons {
  position: absolute;
  right: -60px;
  text-align: right;
  width: 750px;
}
.tmHidden {
  color: #808080;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 25px;
  text-align: center;
}

.filter-iframe {
  box-shadow: 0 1px 5px #cec3cf;
  height: 40px;
  left: 1px;
  margin: 0;
  padding: 2px 10px;
  position: relative;
  width: 98%;
	background-color: #f4f4f4;
}
.filter {
  font-size: 12px;
  left: 1px;
  padding-left: 0;
  padding-top: 4px;
  position: relative;
  width: 1130px;
}
.filter.web {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #ff2949 none repeat scroll 0 0;
  border-color: #39434a #ff2949 #932c3b;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 3px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  left: 0;
  /*margin-top: 10px;*/
  padding: 7px;
  width: auto;
}
.filter > form {
  padding: 0;
  margin: 0;
}
.filter-inputs {
  width: 100%;
}
.filter-buttons {
  float: right;
  position: absolute;
  right: 0px;
  top: 8px;
}
.filter.web .filter-buttons {
	top: 10px;
}
.filter-inputs > input {
  width: 120px;
  height: 22px;
}
.filter.web .filter-inputs > input {
  background-color: #b4152d;
  border: 0 none;
  color: white;
  height: 26px;
}
.filter-inputs .short {
  width: 30px !important;
}
.filter-inputs > select {
  height: 26px;
}
.filter.web .filter-inputs > select {
	height: 30px;
  background-color: #b4152d;
  border: 0 none;
  color: white;
}
.filter.web .filter-inputs > select option {
	padding: 3px;
}
.filter .btnTrueSmall {
  background-color: #808080;
  min-width: 30px;
}
.filter.web .btnTrueSmall {
  border: 1px solid white;
  height: 30px;
  background-color: #ff2949;
}
.filter .selectShort {
  width: 60px;
}
.filter.web .btnTrueSmall:hover, .btnTrueSmall:hover {
  background-color: #b4152d;
}

.filterTab, .filterMap {
  background-color: #ff2949;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 130px;
  text-align: center;
  top: 30px;
  width: 200px;
  z-index: 100;
}
.filterTab.off, .filterMap.off {
	background-color: #1f262b;
}
.filterTab {
  background-image: url("../images/tab-back-left.png");
  background-position: left center;
}
.filterMap {
  background-image: url("../images/tab-back-right.png");
  background-position: right center;
}
.filterTab.off {
  background-image: url("../images/tab-back-left-off.png");
  background-position: left center;
}
.filterMap.off {
  background-image: url("../images/tab-back-right-off.png");
  background-position: right center;
}
.filterMap {
	right: 10px;
	width: 120px;
	text-align: center;
}
.filterTab img {
  padding-right: 10px !important;
  position: relative !important;
}
.filterMap img {
	padding-left: 10px !important;
	position: relative !important;
}	

.filterTab > a, .filterMap a {
  bottom: -1px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.filterTab a img, .filterMap a img {
  padding-right: 10px;
  position: absolute;
  top: 2px;
}
.filterMap a, .filterMap.off a {
	right: 10px;
	bottom: -1px;
}

.waitDialog {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  display: none;
  height: 100px;
  left: 45%;
  position: fixed;
  text-align: center;
  top: 45%;
  width: 140px;
  z-index: 1000;
}
.wait {
  background-image: url("../images/loading2.gif");
  height: 55px;
  left: 27%;
  margin-left: 5px;
  position: relative;
  text-align: center;
  top: 22%;
  width: 55px;
}
.waitline {
  background-image: url("../images/loading0.gif");
  height: 16px;
  margin-left: 5px;
  position: relative;
  text-align: center;
  width: 16px;
}

.score-br {
  background-color: #ffe7eb;
  width: 25px !important;
  white-space: nowrap;
}
.score-par {
}
.score-birdie {
  background: url("../images/icons/score-birdie.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.score-albatros {
  background: url("../images/icons/score-albatros.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  color: white !important;
  font-weight: bold !important;
}
.score-eagle {
  background: url("../images/icons/score-eagle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  color: white !important;
  font-weight: bold !important;
}
.score-bogey {
  background: url("../images/icons/score-bogey.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.score-dbogey {
  background: url("../images/icons/score-dbogey.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.score-tbogey {
  background: url("../images/icons/score-tbogey.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.score-one {
  background: url("../images/icons/score-holeone.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  color: white !important;
  font-weight: bold !important;
}

.tooltip {
  width: 20px;  
}
.ui-tooltip {
  background: #A61B30 !important; 
  border: 1px solid white !important; 
}
.ui-tooltip {
  padding: 5px 12px !important;
  color: white !important;
  border-radius: 3px !important;
  box-shadow: 0 0 4px black !important;   
}

/* dashboard */
.dash-box {
  border: 1px solid #e3a1a1;
  border-radius: 3px !important;
  float: left;
  min-height: 150px;
  margin: 20px 10px 10px;
  padding: 2px;
  position: relative;
  width: 350px;
}
.dash-header {
  background-color: #ff2a4a;
  border: 1px solid #e3a1a1;
  border-radius: 3px !important;
  color: white;
  font-size: 14px;
  font-weight: bold;
  left: -1px;
  padding: 3px 10px;
  position: absolute;
  top: -22px;
  z-index: 10;
}
.dash-content {
  margin-top: 5px;
}

.mandatoryInput {
  color: darkred !important;
  font-size: 11px !important;
}

.descTd {
  font-size: 11px !important;
  color: darkgray;  
}

.count-records {
  font-weight: bold;
  padding-left: 20px;  
}

.longUrl input[type=text] {
  width: 670px;
}
.middleUrl input[type=text] {
  width: 450px;
}
.smallUrl input[type=text] {
  width: 350px;
}

.tabsContentText h4 {
  margin-top: 10px !important;
  float: none !important;
}
.tabsContentText p {
  padding-bottom: 5px;
  padding-top: 5px;
}

/* gallery */
.doc-gallery ul li {
  list-style-type: none;
  float: left;
  text-align: center;
}
.doc-gallery .photo-item {
  border: 1px solid lightgray;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 4px;
}
.photo-item span {
  display: block;
  text-align: center;
}
.photo-item .action {
  padding-top: 5px;
  text-align: center;
}
.photo-item .action .edit {
  float: none;
}
.maxListHeight {
  margin-right: 20px;
  max-height: 400px;
  overflow-y: auto;
}

.printChoose {
  float: left;
  padding-left: 20px;
}
.printChoose .btnTrueSmall {
	float: none;	
}
.printChoose > select {
  height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -1px;
}

.contact-map {
  float: left;
  height: 700px;
  margin-top: 31px;
  width: 550px;
}
.contact-form {
  float: left;
  xmargin-top: 31px;
  padding: 30px;
  right: 0;
  width: 590px;
}
.contact-form > h2 {
  color: black;
  margin-bottom: 10px;
}

.map-head .title {
	font-size: 12px;
	color: #ff2949;
	font-weight: bold;
}
.map-head .owner {
	font-weight: bold;
}
.map-head .status {
	font-weight: bold;	
}
.map-head {
	text-align: center;
}

/* sorting */
.filterOrderBy {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.filterOrderBy > form {
  padding: 2px;
  position: absolute;
  right: 0;
}
.AZ, .ZA, .AZ_a, .ZA_a{
	background: url("../images/icons/sort-down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	width: 13px;
	height: 8px;
	border: 0px;
	cursor: pointer;	
}
.ZA {
	background: url("../images/icons/sort-up.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.AZ_a {
	background: url("../images/icons/sort-down-a.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.ZA_a {
	background: url("../images/icons/sort-up-a.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.sort-up {
  top: 4px;
}
.sort-down {
  bottom: 4px;
}
.chart {
  float: left;
  padding-right: 30px;
}
.top-stat-tab {
  float: left;
  padding-left: 20px;
  padding-right: 30px;
  width: 45%;
}
.top-stat-country {
  left: -20px;
  padding-bottom: 8px;
  position: relative;
}
.top-stat-club {
  left: -10px;
  padding-bottom: 4px;
  padding-top: 4px;
  position: relative;
}
.result-category {
	font-size: 20px;
}
.result-position {
  font-size: 60px;
  font-weight: 800;
}
.result-point {
  font-size: 26px;
}
#act-result {
  font-weight: bold;
  position: absolute;
  right: 28px;
  text-align: center;
  width: 40px;
}
.td-result {
  font-weight: bold;
  text-align: center;
}
/* partners */
.partners .logos {
  padding-top: 0;
}
.partners .logos > div {
	display: inline-table;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	margin-bottom: 15px;
	xmin-height: 100px;
}
.partners {
  padding-top: 0;
  width: 96%;
}
.partners > div {
  display: table;
  margin: 0 auto;
  position: relative;
  text-align: center;
}






.sitex {float: left; width: 100%; position: relative; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #020403; line-height: 1.2;}
.site {float: left; width: 100%; position: relative;}
    .sitex * {box-sizing: border-box;}
    .sitex .wrapper {width: 100%; display: inline-block; max-width: 1200px; margin: 0 auto; text-align: left; position: relative; min-height: auto; width: 1200px;}
        .sitex .right {float: right; text-align: right; position: relative; z-index: 1;}
        .sitex .left {float: left; text-align: left;}
        .sitex .center, .center p {text-align: center !important;}
        .sitex .justify {text-align: justify;}
        .sitex .clear {width: 100%; clear: both;}
        .sitex .block {display: block; width: 100%; padding: 10px 0;}
        .sitex .btn {cursor: pointer; display: inline-block; margin: auto; white-space: nowrap; padding: 15px 40px; background: #19519e; text-transform: uppercase; color: #fff200; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 3px; letter-spacing: normal; border: none; outline: none;}
        .sitex .table {display: table; width: 100%;}
        .sitex .hide {display: none;}
        .sitex .hide .table {width: auto; width: 100%; table-layout: fixed; margin-top: 20px;}
        
    .sitex h1, .sitex h2, .sitex h3, .sitex h4, .sitex h5 {margin: 0px; padding: 15px 0 0 0; font-size: 29px; font-family: 'Open Sans', sans-serif; line-height: 1.2; color: #020403;  font-weight: 400;border: 0; left: 0;}
    .sitexh1 {padding-bottom: 10px; text-transform: uppercase;}
    .sitex h2 {font-size: 28px; position: relative; padding-bottom: 15px; margin-bottom: 25px; margin-top: 40px; text-transform: uppercase;}
    .sitex h2:after {content: " "; position: absolute; background: #ff2949; height: 2px; width: 30%; left: 0; bottom: 0;}
    .sitex h3 {font-size: 14px; border: 0; left: 0;}
    .sitex p {padding: 0px; margin: 10px 0px 10px 0px; text-align: left;}
    .sitex a img {border: 0px solid; display: inline-block;}
    .sitex a {text-decoration: underline; color: #fff; cursor: pointer;}
    .sitex a:hover {text-decoration: none;}
    .sitex strong {font-weight: 700;}        

    #head {min-height: 90px;}
    #head .wrapper {height: 90px !important;}
        .logo {float: left; /*width: 210px; height: 59px;*/ margin: 15px 25px 0 25px;}
            .logo strong {display: none;}
        #head .wrapper > span {float: left; color: #fff; /*line-height: 47px;*/ font-size: 20px; font-weight: 600; color: #fff; margin: 30px 0 0 0; border-left: 1px solid #4b575f; padding-left: 25px; max-width: 300px; position: absolute; margin: auto 0;  top: 0; bottom: 0; height: 47px;}
            #head .wrapper > span a {padding-left: 15px; border-left: 1px solid #4b575f; margin-left: 20px; color: #ff2949; display: inline-block; vertical-align: middle; width: 32px;}
            #head .wrapper > span strong {display: inline-block; max-width: 164px; width: min-content; width: -moz-min-content; width: -webkit-min-content; vertical-align: middle;}
        #head .right {margin: 25px 25px 0; white-space: nowrap; font-size: 13px;}
            #head .right a {text-transform: uppercase; text-decoration: none; color: #fff; opacity: 0.5; text-align: left;}
            #head .right a:hover {text-decoration: underline;}
            #head .right a.mobile, #head .right a.login {display: inline-block; height: 40px; line-height: 40px; background: #31393e; position: relative; padding: 0 20px 0 50px; opacity: 1; font-weight: 600; /*   vertical-align: top;*/}
            #head .right a.mobile:hover, #head .right a.login:hover {background: #161b1f; text-decoration: none;}
            #head .right a.mobile:hover span, #head .right a.login:hover span {color: #fff !important;}
            #head .right a.login {padding-left: 42px; background: #ff2949; margin-right: 20px;}
            #head .right a.active {text-decoration: underline; opacity: 1;}
            #head .mobile:before, #head .login:before {content: " "; position: absolute; width: 18px; height: 19px; background: url("../images/key.png") no-repeat; margin: auto; top: 0; bottom: 0; left: 10px;}
            #head .mobile:before {content: "\f10b"; background: none; font: normal normal normal 30px/20px FontAwesome; color: #fff; left: 20px;}
            #head .right > span {display: inline-block; background: #4b575f; height: 35px; width: 1px; margin: 2px 9px 0 19px; vertical-align: top;}
            #head .right a.lang {padding: 0 4px; font-weight: 700; }
 
    #menu {background: #3a4349;}
        #menu ul {display: table; margin: 0; padding: 0; width: 100%; text-align: center;}
            #menu ul li {display: table-cell; vertical-align: top; position: relative;}
            #menu ul li:after {content: " "; position: absolute; right: -1px; top: 4px; bottom: 0; margin: auto; width: 1px; height: 26px; background: #4b575f;}
            #menu ul li:last-of-type:after, #menu ul li.active:after, #menu ul li:hover:after {display: none; content: "";}
                #menu ul li a {color: #fff; padding: 15px 25px; line-height: 22px; display: block; margin: 4px 1px 0 0; text-decoration: none; letter-spacing: -0.5px;}
                    #menu ul li a i {line-height: 22px; color: #d9dadb; font-size: 22px;}
                #menu ul li.active a, #menu ul li a:hover {background: #161b1f; border-radius: 3px 3px 0 0;}
                #menu ul li a:hover {font-weight: 400;}
                #menu ul li.active a { font-weight: 700;}
                    #menu ul li ul {display: none; position: absolute; background: #3a4349; z-index: 301; width: auto; text-align: left;}
                        #menu ul li ul li {display: block; white-space: nowrap;}
                            #menu ul li ul li a {padding: 10px 25px; margin: 0;}
                        #menu ul li ul li:after {height: 1px; width: 85%; left: 0; right: 0; top: auto; bottom: 0;}
                    #menu ul li:hover > ul {display: block;}
                    #menu ul li ul li ul {display: none; position: absolute; left: 0; top: 0; transform: translate(-100%,0);}
 
    #submenu {background: #161b1f; padding: 24px 0 18px; display: none;}
    #submenu.active {display: block;}
        #submenu .wrapper {display: table;}
            #submenu .wrapper > div {display: table-cell; position: relative;}
            #sports {padding-right: 20px;}
            #sports .table {table-layout: fixed;}
            #sports .table > div {display: table-row;}
            #sports:after {content: " "; position: absolute; right: 23px; top: 14px; width: 1px; height: 45px; background: #4b575f;}
                #submenu .sport {display: table-cell; color: #80878c; font-size: 15px; /*padding-right: 20px;*/ font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap;}
                #submenu .sport.active, #submenu .sport:hover {color: #fff;}
                    #submenu .sport > div, #head .wrapper > span > div {background: #161b1f; display: inline-block; width: 73px; height: 73px; vertical-align: middle; border-radius: 73px; padding: 2px; margin-right: 10px;}
                    #submenu .sport > span {display: inline-block; max-width: 100px; white-space: normal; vertical-align: middle;}
                    #submenu .sport.active > div, #submenu .sport:hover > div, #head .wrapper > span > div {background: #ff2949;}
                    #head .wrapper > span > div {width: 37px; height: 37px; border-radius: 37px; /*float: left;*/ display: inline-block; vertical-align: middle;}
                        #submenu .sport > div > span {background: #282f33; display: inline-block; width: 69px; height: 69px; border: 2px solid #161b1f; border-radius: 69px;}
                        #submenu .sport.active > div > span, #submenu .sport:hover > div > span {background: #ff2949;}
                            #submenu .sport > div > span > img {filter: brightness(0.5);}
                            #submenu .sport.active > div > span > img, #submenu .sport:hover > div > span > img, #head .wrapper > span > div > img {filter: brightness(0.15);}
                            #head .wrapper > span > div > img {max-width: 100%; max-height: 100%;}
            #morex a {color: #fff; font-weight: 600; text-decoration: none; margin-right: 20px; white-space: nowrap;}
            #morex a:hover {text-decoration: underline;}
                #morex a i {color: #ff2949; margin-left: 10px; font-size: 18px; position: relative; top: 1px;}
                
 
     #body {background: #161b1f url("../images/bg.jpg") no-repeat; background-size: 100%; min-height: 75%;}
        #slider{}
            #slider ul {margin: 0; padding: 0;}
                #slider li {position: relative; height: 535px; display: table;}
                    #slider img {position: absolute; max-height: 100%; bottom: 0; /*right: 18%;*/ z-index: 1;}
                    #slider .text {position: relative; z-index: 2; display: table-cell; vertical-align: middle; padding-right: 50%; padding-left: 5%; text-transform: uppercase; letter-spacing: -0.5px;}
                        #slider .text > strong {font-size: 17px; font-weight: 600; color: #f24564;}
                        #slider .text h3 {font-size: 40px; color: #fff; font-weight: 400; line-height: 40px; padding-top: 10px; padding-bottom: 15px; position: relative;}
                            #slider .text h3 strong {display: block; font-weight: 800;}
                        #slider .text h3:after {content: " "; position: absolute; background: #ff2949; height: 2px; width: 30%; left: 0; bottom: 0;}
                        #slider .text a {font-size: 16px; color: #fff; text-decoration: none; margin: 25px 0 0 0; display: inline-block;}
                        #slider .text a:hover {text-decoration: underline;}
                            #slider .text a i {padding-left: 20px;}
        #benefitsx {background: #3a4349; padding: 33px 0 30px;}
            #benefitsx .table {table-layout: fixed; padding: 0 24px 0 16px;}
                #benefitsx .table > div {display: table-cell; vertical-align: middle; position: relative; color: #fff; padding: 0 45px; white-space: nowrap;}
                #benefitsx .table > div:after {content: " ";position: absolute; right: 0px; top: 0px; bottom: 0; margin: auto; width: 1px; height: 57px; background: #61696d;}
                #benefitsx .table > div:last-of-type:after {display: none; content: "";}
                    #benefitsx .table > div img {display: inline-block; vertical-align: middle; margin-right: 22px;}
                    #benefitsx .table > div span {font-size: 38px; font-weight: 800; text-transform: uppercase; margin-right: 22px; display: inline-block; vertical-align: middle; color: #fff;}
                    #benefitsx .table > div strong {display: inline-block; white-space: normal; vertical-align: middle; width: calc(100% - 45px); font-weight: 400;}
                    
        #news {background: #fff; padding: 0 0 50px 0;}
            #news .table {display: table;}
                #news .table > div {display: table-cell; vertical-align: top; padding-right: 40px; box-sizing: content-box;}
                #news .table > div:first-of-type {width: 355px; padding-right: 65px; padding-left: 40px;}
                    #news .table > div:last-of-type > p a {margin: 10px 0 0 15px; display: inline-block;}
                    #news table {width: 100%; border-collapse: collapse; margin-top: 40px;}
                        #news table tr:nth-of-type(2n+2) td {background: #ecf0f1;}
                        #news table tr:nth-of-type(2) td {padding: 0; height: 2px;}
                        #news table tr:nth-of-type(2) td:first-of-type {border-left: 0;}
                        #news table tr:nth-of-type(2) td:last-of-type {border-right: 0;}
                        #news table td, #news table th {border: 1px solid #d7d7d7; padding: 10px 13px; font-weight: 600;}
                        #news table th {padding: 13px;}
                        #news table th {font-size: 15px; font-weight: 700;}
                            #news  a {color: #ff2949; font-weight: 700; text-decoration: none;}
                            #news a:hover {text-decoration: underline;}
                    #news hr {width: 100%; height: 1px; background: #d9d9d9; border: none; outline: none; margin: 0; margin-bottom: 20px;}
                    #news i {font-size: 10px; padding-left: 5px; position: relative; top: -1px;}
                    .new {position: relative; padding: 15px 0 10px 42px;}
                        .new .date {position: absolute; left: 0; font-size: 25px; font-weight: 600; color: #e32d4d; line-height: 24px; top: 13px;}
                        .new h3 {font-weight: 700; padding: 0;}
                        .new p {line-height: 22px;}
                        
        #links {color: #fff;}
            #links .table {table-layout: fixed;}
                #links .table > div {display: table-cell; vertical-align: middle; height: 275px; background: #20262b url("../images/link.jpg") no-repeat; background-size: 100%; padding: 0 40px; padding-right: 270px;}
                #links .table > div:last-of-type {background: #91182a url("../images/link2.jpg") no-repeat;}
                    #links h2 {margin: 0; font-size: 32px; color: #fff; padding: 0 0 10px 0;}
                    #links h2:after {display: none; content: "";}
                    #links p {opacity: 0.55; line-height: 20px;}
                    #links .table > div:last-of-type p {opacity: 1;}
                    #links  a {padding: 0 28px; height: 45px; line-height: 45px; display: inline-block; background: #191e22; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; text-transform: uppercase; color: #fff; text-decoration: none; margin: 10px 0 0 0;}
                    #links a:hover {background: #ff2949;}
                    
        #basics {background-color: #fff; background-image: url("../images/basics.jpg"), url("../images/basics.png"); background-repeat:  no-repeat, repeat-x; background-position: right 40px center, left bottom; padding: 45px 520px 70px 55px;}
            #basics h2 {padding-top: 0; margin-top: 0;}
            #basics p {line-height: 22px;}
            #basics h3 {font-size: 20px; text-transform: uppercase; padding-top: 20px;}
            #basics ul {list-style: none; margin: 25px 0; padding: 0; display: block;}
            #basics > p a {display: inline-block; font-size: 16px; text-transform: uppercase; letter-spacing: -0.5px; color: #ff2949; text-decoration: none; margin: 20px 0 0 0;}
            #basics > p a:hover {text-decoration: underline;}
            #basics i {padding-left: 10px;}
                #basics ul li {display: inline-block; position: relative; margin: 0 25px 0 0; padding-left: 25px;}
                #basics ul li:before {position: absolute; left: 10px; top: 0; content: "\f111"; font: normal normal normal 8px/17px FontAwesome; color: #ff2949;}
                
        #statistics {background: #ff2949 url("../images/statistics.png") repeat-x top; padding: 70px 90px 55px; color: #fff;}
            #statistics .table {t/*able-layout: fixed;*/}
                #statistics .table > div {display: table-cell; vertical-align: top; text-align: center; line-height: 20px; font-weight: 600;}
                #statistics .table > div.hr {width: 180px; padding: 0 27px;}
                #statistics hr {width: 100%; height: 1px; background: #fff; border: 0; outline: 0; margin: 30px 0 0 0; padding: 0;}
                #statistics big {font-weight: 700; font-size: 16px; text-transform: uppercase; display: block; line-height: 52px;}
                    #statistics big b {font-size: 80px; display: block;}
 
 
                
    #bottom {background: #1d2429; color: #fff; padding: 45px 0 70px 0;}
        #bottom .table {table-layout: fixed;}
            #bottom .table > div {display: table-cell; vertical-align: top; position: relative; padding: 0 40px;}
            #bottom .table > div:first-of-type {padding-left: 60px;}
            #bottom .table > div:nth-of-type(2){width: 28%;}
            #bottom .table > div:after {content: " ";position: absolute; right: 0px; top: 0px; bottom: 0; margin: auto; width: 1px; height: 85%; background: #3f4549;}
            #bottom .table > div:last-of-type:after {display: none; content: "";}
                #bottom .table > div:first-of-type ul {  columns: 2; -webkit-columns: 2; -moz-columns: 2; column-gap: 85px;}
                #bottom .table > div:first-of-type ul li {display: inline-block;}
                    #bottom ul {list-style: none; margin: 0; padding: 0;}
                        #bottom ul li {position: relative; margin: 0 25px 0 0; padding: 10px 0 10px 22px; white-space: nowrap; letter-spacing: -0.5px;}
                            #bottom ul li a {color: #fff; text-decoration: none;}
                            #bottom ul li a:hover {text-decoration: underline;}
                        #bottom ul li:before {position: absolute; left: 3px; top: 10px; content: "\f111"; font: normal normal normal 8px/17px FontAwesome; color: #ff2949;}
                        #bottom h3 {font-size: 20px; color: #fff; text-transform: uppercase; padding: 0 0 25px 0;}
                        #bottom a.mobile {display: inline-block; float: left; clear: left; height: 50px; line-height: 50px; font-size: 16px; background: #31393e; position: relative; padding: 0 25px 0 60px; opacity: 1; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #fff;}
                        #bottom a.mobile:hover {background: #ff2949;}
                        #bottom a.mobile:before {position: absolute; width: 22px; height: 25px; margin: auto; top: 0; bottom: 0; content: "\f10b"; background: none; font: normal normal normal 38px/25px FontAwesome; color: #fff; left: 25px;}
                        #bottom a.logo {float: left; clear: left; margin: 15px 0 25px 0;}
                        #bottom a.social {float: left; height: 35px; width: 35px; position: relative; text-decoration: none; color: #61666a; border: 2px solid #61666a; border-radius: 35px; text-align: center; margin: 20px 10px 0 0;}
                        #bottom a.social:hover {background: #e6193d; color: #fff; border: 2px solid #fff;}
                        #bottom a.social.fb {clear: left;}
                        #bottom a.social:before {content: "\f09a"; font: normal normal normal 17px/33px FontAwesome; margin: 0; padding: 0; float: left; width: 35px;}
                        #bottom a.social.fb:before {width: 32px;}
                        #bottom a.social.google:before {content: "\f0d5";}
                        #bottom a.social.rss:before {content: "\f09e";}
                        
    #foot {background: #262f35; padding: 20px 0; font-size: 13px; letter-spacing: -0.5px; text-align: center; color: #fff; border-top: 1px solid #374149;}
        #foot .wrapper {text-align: center;}
        #foot span {display: inline-block; height: 28px; background: #464e53; width: 1px; margin: 0 25px; vertical-align: middle;}
        #foot a {color: #ff2949; font-weight: 700; text-decoration: none;}
        #foot a:hover {text-decoration: underline;}                
        
    .img_wrapper{background: #282f33; display: inline-block; width: 34px; height: 34px; border-radius: 34px;}        
        .img_wrapper img {display: inline-block;    /*filter: brightness(0.8);*/ height: 34px; width: 34px;}
                
                
@media screen and (max-width:1200px) {
    .sitex .wrapper {padding: 0 4%;}
}

.infoIcon {
	line-height: 30px;
	vertical-align: middle;
	padding-bottom: 3px;
}   
.iframeHide {
	width: 0px;
	height: 0px;
	display: none;
}

  #games {padding-top: 10px; padding-bottom: 10px;}
  #games .table { width: 140px; float: left; padding: 10px; text-align: center;}
  #games .table > div {display: table-row;}
      #games .sport {color: #80878c; font-size: 15px; /*padding-right: 20px;*/ font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap;}
      #games .sport.active, #games .sport:hover {color: #ff2949;}
          #games .sport > div > div {background: #161b1f; display: inline-block; width: 73px; height: 73px; vertical-align: middle; border-radius: 73px; padding: 2px; margin-right: 10px;}
          #games .sport > span {display: inline-block; white-space: normal; vertical-align: middle;}
          #games .sport.active > div, #games .sport:hover > div {xbackground: #ff2949;}
              #games .sport > div > span {background: #282f33; display: inline-block; width: 69px; height: 69px; border: 2px solid #161b1f; border-radius: 69px;}
              #games .sport.active > div > span, #games .sport:hover > div > span {background: #ff2949;}
                  #games .sport > div > span > img {filter: brightness(0.5);}
                  #games .sport.active > div > span > img, #games .sport:hover > div > span > img {filter: brightness(0.15);}

.sendEmail {
	line-height: 23px;
	vertical-align: middle;
	display: flex;
}
.sendEmail img {
  padding-right: 10px;
}
.facebook-button {
	position: absolute;
	top: 7px;
	left: 590px;
}
.facebook-button iframe {
  background-color: unset !important;
}
.icon-lock {
  position: relative;
  left: 5px;
  top: 2px;
}
.cert-item {
  float: left;
  min-width: 100px;
}

.checkbox-attr {
  float: left;
  padding-right: 25px;
  width: 150px;
}