@import url(icon.css);
/*@import url(icon-ultimate.css);*/
@import url(flag-icon.min.css);

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../styles/fonts/roboto/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../styles/fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../styles/fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../styles/fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../styles/fonts/roboto/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../styles/fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../styles/fonts/roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../styles/fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../styles/fonts/roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../styles/fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../styles/fonts/roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../styles/fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../styles/fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../styles/fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../styles/fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}



/* ===================================== */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* {
	margin: 0; padding: 0;
}
	
/* --- BODY -------------------------------------------------- */
body {
	margin: 0px;
	font-family: 'Roboto',sans-serif;
	font-size: 13px;
	color: #505050;
	width: 100%;
	padding: 0px;
	/*background: #f5f5f5;*/
  background: #ededed;
	font-weight: 400;
}
form {
	margin: 0px;	
}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	height: auto;
	display: block;
}
h1 {
	font-size: 21px;
	margin-bottom: 5px !important;
}
h2 {
	font-size: 13px !important;
	margin-bottom: 2px !important;	
	font-weight: normal;	
}
hr {
	border: 1px solid #ddd;
	border-width: 1px 0 0 0;
}
b {
	font-weight: 500;
}
*:focus {
  outline: none;
}
div.form_select_out {
    position: relative;
    display: inline-block;
}
div.form_select_out > select > option {
    appearance: none;
    -webkit-appearance: none;
}
div.form_select_out > select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 38px !important;
    padding-left: 8px !important;
    background: #fff;
    max-width: 200px;
}
div.form_select_out > select[disabled] {
    color: #888;
    background: #eee;
}
div.form_select_out::after {
    content: "\ea50";
    color: #888;
    width: 25px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    -webkit-user-select: none;
    user-select: none;
    line-height: 30px;
    display: block;
    position: absolute;
    font-size: 18px;
    border-right: 1px solid #ddd;
    text-align: center;
    font-family: 'IcoMoon-Free' !important;
    pointer-events: none;
    transform: rotate(180deg);
    background: #fafafa;
    border-radius: 2px 0 0 2px;
}
div.form_select_out select:hover,
div.form_select_out select:focus,
div.form_select_out select:active
div.form_select_out:hover select {
  border-color: #bbb !important;
  box-shadow: none;
  cursor: pointer;
}
div.form_select_out:hover::after {
}
/* --- GLOBAL ------------------------------------------------ */
.global_top {
	width: 100%;	
	background-image: url(../images/bg_global_top.png?2);
	text-align: center;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px;
	z-index: 10;
	z-index: 105;
	transition: background 0.3s, top 0.5s !important;
}

/* global_top_hide */
.global_top_hide .global_top {
	top: -61px;
}
.tr_description_fixed {
	top: 60px;
	transition: top 0.5s;
}
.global_top_hide .tr_description_fixed {
	/*top: 0;*/
    top: 42px
}
.header_functions_description_table_fixed.fixed {
	transition: top 0.5s;
}
.global_top_hide .header_functions_description_table_fixed.fixed {
    top: 0;
	/*top: 48px;*/
}
.global_top_hide .public_settings_button {
	left: -170px;
	/*left: -20px;*/
	padding-right: 5px;
}
.global_top_hide .public_settings_button span:not(.icon) {
	/*display: none;*/
}
/*----------*/

.global_main {
	width: 100%;
	padding: 106px 0 100px 0;
	text-align: center;
	min-height: 500px;
	background: #fefefe;
  /*background: #fafafa;*/
}
.global_bottom {
	width: 100%;
	text-align: center;
	/*background: url('../images/bg_footer.png?2') left top repeat-x #f5f5f5;*/
	/*border-top: 1px solid #ddd;*/
  /*background: #ededed;*/
  background: #f5f5f5;
	/*overflow: auto;*/
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
  box-shadow: 0 -30px 70px #fff;
}

/* --- HEADER, MAIN, FOOTER --------------------------------- */
.global_top .header, 
.main, .footer {
	margin: 0 auto 0 auto;
	width: 945px !important;
	text-align: left;
}
.global_top .header {
	height: 76px;
	position: relative;
	box-shadow: 1p 1px 5px #ccc;
	max-width: 945px;
	width: 100% !important;
	min-width: 285px;
}
.main {	
	border-collapse: collapse; 
	padding: 0px;		
}
.main td {
}
.footer_nobranding {
	display: none;
}
.footer {
	/*padding-top: 40px;*/
	text-align: center;
	padding-bottom: 50px;
}

.footer_menu {
	list-style: none;
	text-align: left;
	float: left;
	margin: 10px 35px 0 20px;
	width: 120px;
}
.footer a {
	color: #999;
	text-decoration: none;
	line-height: 24px;
}
.footer a:hover {
	text-decoration: underline;
	transition: text-decoration 0.3s;
  color: #666;
}
.footer_menu .footer_menu_title {
	font-size: 13px;
	color: #666;
	line-height: 30px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.footer .divider {
	background: #ccc;
	height: 1px;
	width: 100%;
	/*border-bottom: 1px solid #fff;*/
  margin: 0;
}
.footer_copyright .divider {
	margin: 10px 0;
}
.social_button {
	float: right;
	display: table;
	margin: 0px;
	text-align: center;
	min-width: 54px;
}
.social_button .icon {
	background: url('../images/social_buttons.png') no-repeat right top;
	height: 30px;
	width: 30px;
	display: table;
	margin: 0 auto;
}
.social_button.facebook .icon {
	background-position: 0 0;
}
.social_button.twitter .icon {
	background-position: 0 -30px;
}
.social_button.rss .icon {
	background-position: 0 -60px;
}
.footer_copyright {
	float: right;
	margin: 15px 20px 0 0;
	line-height: 20px;
	text-align: right;
}
.footer_copyright .footer_logo {
	width: 162px;
  height: 23px;
	margin-top: 5px;
  background: url('../images/logo.png') no-repeat;
  background-size: 100% auto;
}

.logo,
#logo {
	position: absolute;
	left: 5px;	
	line-height: 54px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	height: 26px;
	overflow: hidden;
	padding: 0 !important;
}

#teaser {
	position: absolute;	
	bottom: 0px;
	left: 270px;
}
#login {
	position: absolute;
	right: 0px;
	top: 44px;
}
#login .title_main {
	display: block !important;
}
#login td {
	/*line-height: 25px; */
	vertical-align: middle;
}
#login_button {
	background-image: url(../images/login.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-width: 0px;
	width: 14px;
	height: 17px;
	margin-left: 8px;
	cursor:pointer;
}
#login input {
	padding: 4px 3px 3px 5px !important;
	border: none;
	box-shadow: 0 1px 2px #e9811a;
	border-radius: 4px;
	
	background: -moz-linear-gradient(top,  rgba(174,174,174,0.3) 0%, rgba(255,255,255,0.3) 50%, rgba(174,174,174,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,174,174,0.3)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(100%,rgba(174,174,174,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4daeaeae', endColorstr='#4daeaeae',GradientType=0 ); /* IE6-9 */
	background-color: #fff;
}
#login input.focus {
	border: none !important;
	background: #fafafa;
}
#login .title_main {
	position: relative;
	top: -5px;	
}

#logout {
	position: absolute;
	right: 5px;
	top: 38px;
}
#logout table td {
	vertical-align: top;	
	line-height: 16px;
}

#logout table td, #login td,
#logout table td a {
	color: white;	
}
#header_bar a:hover .title_main .title,
#header_bar a:hover .title_main .title_shader {
	text-decoration: underline !important;
	cursor: pointer;
}
label {
    color: #777;
    cursor: text;
    font-size: 12px;
    left: 18px;
    line-height: 28px;
    padding-left: 5px;
    position: absolute;    
    left: 4px;
}
#login label {
	line-height: 24px;
	left: 6px;
}
/* --- HEADER ------------------------------------------------- */
.header_menu_left li {
	float: left;
}
.header_menu_left li .title_main {
	font-size: 13px;
}
.header_menu_right li {
	float: right;
}
/* TOP */
#header_menu_top {
	position: absolute;
	top: 13px;
	right: 0px;
	width: auto;
	z-index: 10;
}
#header_menu_top table {
	width: 100%;	
}
#header_menu_top li {
	padding: 0 10px;
	padding: 0 7px;
	margin: 0px;
	list-style: none;
	line-height: 15px;
}
#header_menu_top .header_menu_left {
	padding-left: 222px !important;
	width: 60%;
}
#header_menu_top .header_menu_right {
	/*padding-right: 14px !important;*/
}

.header_menu .icon-plus {
	background: #fff;
	border-radius: 1em;
	color: #000;
	padding: 4px;
	font-size: 80%;
}

/* MENU NEW */

#header_bar .header_menu {
	padding: 0 13px 0 0;
	height: 38px;
	line-height: 39px;
	display: block;
	text-shadow: 0px -1px 0px #CE670F;
	text-decoration: none;
	font-size: 13px;
	color: white;
	white-space: nowrap;
	outline: none;
}
#header_bar .header_menu:hover,
#header_bar .header_menu.hover,
.header_dropdown a.menu_selected {
	background: #ec8018;
	background: rgba(222, 119, 19, 0.5);
	transition: background-color 0.3s;
}
#header_bar .header_menu .font_small {
	text-decoration: none !important;
}
#header_bar .header_menu:hover span {
	/*text-decoration: underline;*/
}
.header_menu .icon {
	margin-left: 16px;
	margin-right: 7px;
	vertical-align: text-bottom;
}
.header_menu img {
	float: left;
	margin-top: 5px;
	margin-left: 9px;
}

/* HEADER DROPDOWN */
#dropdown_menu .line {
	border-bottom: 1px solid #ccc;
	padding: 0;
	height: 1px;
}
#dropdown_menu {
	position: absolute;
	right: -2px;
	top: 37px;
	overflow: visible;
}

#dropdown_menu.header_dropdown a.header_menu {
	padding: 0px 4px 0px !important;
	min-width: 142px;
	white-space: nowrap;
	text-align: right;
	float: left;
}
#dropdown_plans ul {
	width: 250px;
	left: -1px;
}
#dropdown_plans ul li {
	text-align: left;
}
.framework_user #dropdown_plans.header_dropdown ul li a  {
  padding-right: 10px !important;
}
#dropdown_menu .mygroup .menu_title {
	color: #333 !important;
}
#dropdown_menu .mygroup {
	border-bottom: 1px solid #ccc; 
	line-height: 12px; 
	padding: 5px 8px 5px 8px; 
	display: block;
	text-decoration: none;
}
#dropdown_menu .mygroup,
#dropdown_menu .mygroup select {
	cursor: pointer;
	background: url('../images/bg_dropdown_highlight.png') left bottom #f1f1f1 repeat-x;
}
#dropdown_menu .mygroup select option {
	padding-right: 5px;
}
#dropdown_menu .mygroup:hover {
	background: url("../images/bg_active_plan.png") !important;
}
#dropdown_menu .mygroup select {
	background: transparent !important;
	padding-left: 8px !important;
}
.header_dropdown {
	position: relative;
}
.header_dropdown a.header_menu {
	padding: 1px 2px 3px;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 91;
}
.header_dropdown a.header_menu:focus {
	/*outline: 2px solid black;*/
}
.header_dropdown a.menu_selected {
	/*background: url('../images/bg_dropdown_selected.png') repeat-x left bottom #ffb94c;*/
}
.header_dropdown ul {
	position: absolute;
	display: none;
	top: 39px;
	right: 0px;
	background: url('../images/bg_dropdown.png') right top #fcfcfc repeat-y;
	border: 1px solid #acacac;
	border-top: none;
	list-style: none;
	text-align: left;
	width: 180px;
	box-shadow: 0 2px 10px #CCCCCC;
	z-index: 107;
}
.header_dropdown ul li a {
	color: #505050 !important;
	text-decoration: none;
	padding: 5px 11px 5px 20px;
	display: block;
}
.header_dropdown ul li a:hover {
	text-decoration: none !important;
}
.header_dropdown ul li {
	float: none;
}
.header_dropdown ul li .icon {
	font-size: 11px;
}
.header_dropdown ul li:hover {
	background: #eaeaea !important;
}
.header_dropdown ul li.highlight {
	background: url('../images/bg_dropdown_highlight.png') left bottom #f1f1f1 repeat-x;
}
.header_dropdown ul li:first-child.highlight {
	border-bottom: 1px solid #c7c7c7;
}
.header_dropdown ul li:last-child.highlight {
	border-top: 1px solid #c7c7c7;
}
.header_dropdown ul li.highlight:hover {
	background: url("../images/bg_active_plan.png") !important;
}

/* BAR - MENU */
#header_bar .header_menu_left {
	position: absolute;
	top: 37px;
	left: 0px;
}
#header_bar .header_menu_right {
	position: absolute;
	top: 37px;
	right: -1px;
}
#header_bar .header_menu_right li {
	float: left;
}
#header_bar .header_menu_left li,
#header_bar .header_menu_right li {
	margin: 0 0 0 5px;
	margin: 0px;
	list-style: none;
	line-height: 15px;
	color: white !important;
}
#header_bar .header_menu_left li.divider,
#header_bar .header_menu_right li.divider,
#dropdown_menu .divider {
	background: url(../images/bg_menu_divider.png) no-repeat right center;
	width: 2px;
	height: 39px;
	padding: 0px;
	float: left;
	margin: 0px;
}
#header_bar .header_menu_left li a,
#header_bar .header_menu_right li a {
	color: white;
}
#header_bar .header_menu_left li a .title_main,
#header_bar .header_menu_right li a .title_main {
	margin-left: 0px !important;	
}
#header_bar .header_menu_left li a:hover .title_main .title,
#header_bar .header_menu_right li a:hover .title_main .title,
#header_bar .header_menu_left li a:hover .title_main .title_shader,
#header_bar .header_menu_right li a:hover .title_main .title_shader {
	text-decoration: underline !important;
}

/* BAR */
#header_bar {
	position: relative;
	left: -1px;
	max-width: 945px !important;
	height: 73px;	
	padding: 0px !important;	
}	
.logo,
#logo {
	position: absolute;
	left: 2px;
	top: 8px;
	outline: 0px;
	z-index: 10;
	
	background: url('../images/logo.png') no-repeat;
	width: 179px;
	height: 26px;
}
#logo_ie {
	display: none;
}
/* --- MENU ------------------------------------------------- */
.menu {
	width: 170px !important;
	padding: 0px;
	padding-top: 1px;
	vertical-align: top;
	float: left;
}
.menu a {
	text-decoration: none;
	color: rgb(50,50,50);
}
.menu a:hover {
	text-decoration: underline;
	color: rgb(50,50,50);
}
.menu td {
	color: rgb(50,50,50);
}
.liststyle {
	width: 3px;
	height: 15px !important;
	background-image: url(../images/menu_liststyle.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 5px 0 0 !important;
	float: left;
	display: block;
}

.main {
	vertical-align: top;
	width: 600px;
	padding-right: 0px;
	/*font-size: 12px;*/
	overflow: auto;
}
.main_content {
	vertical-align: top;
	/*padding-left: 5px;*/
	/*float: left;*/
}
#home {
	position: relative;
	background: url('../images/bg_home.png?2') no-repeat center bottom;
	height: 270px;
}
.home_left {
	vertical-align: top;
	padding: 0;
	float: left;
	overflow: auto;
	width: 50%;
	margin-left: 13px;
}
.home_right {	
	vertical-align: top;
	padding: 0;
	float: left;
	width: 45%;
	margin-left: 13px;
}
.home_left a,
.home_right a {
	font-size: 14px;
	line-height: 23px;
}
.home_title, .home_title a {
	font-size: 15px !important;	
	font-weight: bold;
	color: #505050;
}
.home_single .home_title {
	border-bottom: 1px solid #ddd;
	display: block;
	margin-right: 3px;
	padding-bottom: 3px;
}
.home_single2 .home_title {
	border-bottom: 1px solid #ddd;
	display: block;
	margin-right: 9px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.home_list {
	padding-left: 25px;
	margin: 0px;
	margin-top: 6px;
}
.home_list li {
	list-style-image: url(../images/menu_liststyle.gif);
	font-size: 14px;
	line-height: 20px;
	padding: 0px !important;
	vertical-align: top;
  color: #777;
}
.list_style {
	background: url(../images/menu_liststyle.gif) no-repeat center center;
	height: 20px;
	width: 20px;
	margin-left: 6px;
	float: left;
}
#home_plans .home_list li,
#home_examples .home_list li,
#home_preview .home_list li,
#home_faq .home_list li {
	font-size: 13px;	
} 
.home_single {
	vertical-align: top;
	overflow: auto;
	padding-left: 10px;
}
.home_single2 {
	vertical-align: top;
	padding-left: 9px;	
}
.home_single .home_list {
	padding-right: 50px;
}
.home_preview {
	margin-top: 4px;
	position: relative;
	left: -18px;
	display: block;
}

#home_points {
	padding: 8px 0 4px 0;
	color: white;
	text-decoration: none;
	overflow: hidden;
	display: block;
}

.home_points {
	margin: 0 0 6px 10px;
	width: 39px;
	height: 36px;
	float: left;
	clear: both;
}
.home_text {
	margin: 2px 0 0 10px;
	width: 350px;
	color: #aaaaaa;
	float: left;
}
.home_text strong {
	font-weight: normal;
	font-size: 14px;
	color: #333333;	
}

/* INDEX */


#home_header {
	background: url('../images/home_header.jpg?v=2') no-repeat center 30px fixed #bedcea;
	width: 100%;
	height: 434px;
	border-bottom: 1px solid #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	
	/*font-family: "Open Sans",sans-serif !important;*/
	font-weight: 300;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #home_header { 
        background-attachment: scroll;
        background-position: center -47px;
    }
}
#home_header h1 {
	font-size: 45px;
	color: #064a5f;
	font-weight: 300;
	position: relative;
	top: 35px;
}
#home_header h1 b {
	font-weight: 400 !important;
}
#home_header h2 {
	position: relative;
	color: #3e555c;
	top: 45px;
	font-size: 20px !important;
	font-weight: 300;
	margin: 0;
}
#home_header .a1 {
	position: relative;
	top: 100px;
}
#home_signup_question {
	background-image: url(../images/bg_signup_question.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 38px;
	display: none;
}
#home_signup_plans {
	overflow: auto;
	position: relative;
	top: 55px;
	display: table;
	margin: 0 auto;
}
#home_signup_plans * {
	transition: all 0.3s;
}
#home_signup_plans a {
	float: right;
	font-size: 20px;
	background-image: url(../images/bg_plan_button.png);
	width: 174px;
	height: 66px;
	line-height: 66px;
	text-decoration: none;
	color: #3e555c;
	text-shadow: 0 1px 1px #fff;
	text-align: center;
	opacity: 0.75;
	position: relative;
}
#home_signup_plans .signup_plan_type, 
#home_signup_plans .signup_more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;	
}
#home_signup_plans .signup_more {
	opacity: 0;
	
}
#home_signup_plans a:hover .signup_plan_type {
	opacity: 0;
}
#home_signup_plans a:hover .signup_more {
	opacity: 1;
}
#home_signup_plans a:hover {
	background-position: 0px 66px;
	opacity: 1;
}
#home_signup_info {
	background-image: url(../images/bg_signup_info.jpg);
	background-repeat: no-repeat;
	width: 442px;
	height: 24px;	
}
#home_signup_button, .home_signup_button {
	/*text-transform: uppercase;*/
	padding: 0 20px;
	margin: 0 auto;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	display: table;
	color: white;
	position: relative;
	top: 80px;
	border: 1px solid #ef820e;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #fc8f1f;
	text-shadow: 0 -1px 0px rgba(226, 65, 0, 0.6);
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
}
#home_signup_button:hover, .home_signup_button:hover {
	background: #ef7b00;
	border: 1px solid #ef7b00;
}

/* HOME PLAN INFO */
.home_plan_info {
	display: none;
	position: absolute;
	z-index: 10;
	top: 36px;
	left: 2px;
	background: url(../images/bg_plan_type_info.png) top repeat-x;
	border: 1px solid #cccccc;
	width: 200px;
	overflow: visible;	
	text-align: left;
	color: #505050;
}
.home_plan_info div {
	border: 1px solid white;
}
.home_plan_info .home_list {
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-top: 2px;
}
.home_plan_info .home_list li {
	font-size: 12px;
	line-height: 17px;
	white-space: nowrap;
	color: #404040;
}

/* HOME PREVIEWS */
.home_previews {
	background: url('../images/bg_home_preview.png') no-repeat; 
	width: 403px; 
	height: 250px;
	padding-top: 1px;
	overflow: hidden;
	margin: 0 0 0 1px !important;
}
#home_previews_points {
	color: #AAAAAA;
	float: left;
	font-size: 18px;
	margin-left: 15px !important;
}
#home_previews_points b {
	color: #ED7819;
	font-size: 18px;
}
#home_previews_inner {
	width: 372px;
	height: 204px;
	margin-left: 13px !important;
	overflow: hidden;
	background: #fff;
}
#home_previews_images {
	width: 2646px;
	height: 209px;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
	left: 0px;
	opacity: 0.9;
}
.home_previews .effect {
	background: url('../images/home_preview_effect.png') no-repeat;
	position: absolute;
	width: 378px;
	height: 209px;
	top: 0px;
	left: 0px;
	z-index: 2;
	margin-left: 0px !important;
}
.home_previews .home_list {
	margin: 0px;
	padding: 0 0 0 7px;
}
.home_previews a {
	float: left;
	width: 378px;
	height: 209px;
	position: relative;
}
.home_previews a img {
	width: 365px;
	position: relative;
	top: 0px;
	left: 2px;
	margin: 0 5px;
}

/* HELP & NEWS */
#help .home_list,
#news .home_list {
	border: 1px solid #fefefe; 
	padding: 10px 25px 10px 24px;
	margin-top: 9px;
	margin-right: 30px;
}
#help .active,
#news .active {
	border: 1px solid #dddddd; 
	/*background-color: #f5f5f5;*/
	background-color: #f9f9f9; 
	padding: 10px 25px 10px 24px;
	margin-top: 9px;
	margin-right: 30px;
}
#news .active {
	padding-left: 15px;
	border-bottom: white;
}
#help .entry_title,
#news .entry_title {
	text-decoration: none;
	color: #333;	
	padding-right: 30px;
}
#news .entry_title {
	line-height: 36px;	
  font-weight: 400;
}
#help a.entry_title:hover,
#news a.entry_title:hover {
	text-decoration: underline;	
}
#help .permalink,
#news .permalink {
	display: none;
}
#help .active .permalink,
#news .active .permalink {
	display: inline;
}
#help .entry_title2 {
	color: #505050;	
	text-decoration: underline;
}
#help .entry_title2:hover {
	text-decoration: none;
}
/* ------- */

/* HOME - NEWS */
.home_news_created {
	background-image: url(../images/bg_twitter_date.gif);
	background-repeat: no-repeat;
	width: 36px;
	height: 32px;
	text-align: center;
	padding-top: 4px;
	margin: 0 8px 0 0;
	color: white !important;
	font-size: 10px !important;
	line-height: 11px;	
	display: block;
}
#news .home_news_created {
	margin-left: 0px;	
}
#home_news {
	font-size: 12px;
	line-height: 15px;
}
#home_news .color_normal_3 {
	font-size: 13px;
}
#home_news td {
	vertical-align: top;
}
#home_news .home_title {
	margin-bottom: 10px;
	display: block;		
}
/* ------- */

/* HOME - FAQ */
#home_faq {
	font-size: 13px;
	line-height: 18px;
	padding-right: 35px;
}
#home_faq div {
	/*margin-left: 10px;*/	
}
/* ------- */

.progress_bar {
	vertical-align: baseline;
	background-repeat: no-repeat;
	background-image: url(../images/progress_pos.png);
	background-color: white;
  box-shadow: 0 0 1px 1px #aaa;
  box-shadow: 0 0 1px 1px #00000044;
  border-radius: 1px;
}
.progress_bar[data-percent="100"] {
	box-shadow: 0 0 1px 1px #d8a25e, 0 0 5px #ffba7a;
	background: url('../images/percent_100.png') #ffad00 no-repeat center center !important;
}
/* ------- */

.color_normal_3 {
	/*color: #aaaaaa !important;
	color: #d66400 !important;*/
	color: #555 !important;
	text-decoration: underline !important;
}
.color_normal_3:hover,
.color_normal_3_hover {
	/*color: #303030 !important;
	color: #ED7819 !important;*/
	color: #202020 !important;
	text-decoration: none !important;
}

.myoverview_message {
	width: 97%;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 13px;
}
.myoverview_message .home_list li {
	font-size: 13px;
}
	
/* PLAN ICON */
.plan_type .plan_icon_training {
	background: url('../images/bg_plan_icon_large_training_gray.png') bottom right no-repeat;
	width: 100%;
	height: 100%;
}
.selected .plan_icon_training {
	background: url('../images/bg_plan_icon_large_training.png') bottom right no-repeat;
}
.plan_type .plan_icon_tournament {
	background: url('../images/bg_plan_icon_large_tournament_gray.png') bottom right no-repeat;
	width: 100%;
	height: 100%;
}
.selected .plan_icon_tournament {
	background: url('../images/bg_plan_icon_large_tournament.png') bottom right no-repeat;
}
.plan_type .plan_icon_league {
	background: url('../images/bg_plan_icon_large_league_gray.png') bottom right no-repeat;
	width: 100%;
	height: 100%;
}
.selected .plan_icon_league {
	background: url('../images/bg_plan_icon_large_league.png') bottom right no-repeat;
}

.plan_icon_training {
	background: #f6fbff url('../images/bg_plan_icon_training.png') right bottom no-repeat;	
}
.plan_icon_tournament {
	background: #f6fbff url('../images/bg_plan_icon_tournament.png') right bottom no-repeat;	
}
.plan_icon_league {
	background: #f6fbff url('../images/bg_plan_icon_league.png') right bottom no-repeat;	
}
.plan_icon_event {
	background: #f6fbff url('../images/bg_plan_icon_event.png') right bottom no-repeat;	
}
#list_league.unselected, #list_tournament.unselected, #list_training.unselected,
#list_league.unselected a, #list_tournament.unselected a, #list_training.unselected a {
	color: #808080;
}

.font_value {
	float: left;
	margin: 0 40px 0 0;
}
.font_value b {
	font-size: 20px;
	font-weight: normal;
	display: block;
}
.font_value span {
	
}
.font_small {
	/*font-size: 11px !important;*/
	font-size: 0.9167em !important;
}
div.font_small {
	font-size: 12px !important;
	line-height: 17px !important;
}
.font_large {
	font-size: 13px !important;
	vertical-align: middle !important;
	line-height: 21px !important;
}
input.font_large, .font_large input {
	font-size: 15px !important;
	padding: 3px 5px !important;
	padding-top: 3px !important;
}
td.font_large {
	padding: 10px !important;
}
.font_hint_white {	
	background: #fff; 
	padding: 2px 6px; 
	border: 1px solid #ccc;
	font-weight: normal;
}
.font_hint {	
	background: #ffffaa; 
	padding: 2px 6px; 
	border: 1px solid #EEEF95;
}
.font_hint_gray {
	background: #f5f5f5; 
	padding: 2px 6px; 
	border: 1px solid #ddd;
}

h1, h2 {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 18px;
}

/* TABLE-LESS */
.tableless {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px !important;
}
.tableless td {
	border-collapse: collapse;
	padding: 0 0 0 0 !important;
}
.td_spacer td {
	padding-bottom: 5px !important;
}

/* LINKS */
a {
	color: rgb(245,166,100);
	color: rgb(237, 120, 25);	
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0px;
}
.link_normal {
	color: rgb(237, 120, 25) !important;
	text-decoration: underline !important;
}
.link_normal:hover {
	text-decoration: none !important;	
}
.link_external {
	padding-right: 15px; 
	background: no-repeat top right url('../images/external_link.png');
}

/* COLORS */

.color_normal, .color_normal_2 {
	color: rgb(70,70,70) !important;
	font-size: 12px;	
}
.color_normal_2 {
	text-decoration: none;	
}
.color_normal_2:hover {
	text-decoration: underline;
	color: rgb(70,70,70);
}
.color_highlight {
	/*color: rgb(245,166,100) !important;*/
	color: rgb(237, 120, 25) !important;
	/*font-size: 12px;*/	
}
.color_light {
	color: rgb(132,132,132);
	/*font-family:arial,tahoma,verdana,sans-serif;*/
	font-size: 11px;
}
.text_mark {
	background-color: #ffffaa !important;
	color: #404040;	
}
.spam td {
	background-color: #FFFFAA !important;
    color: #404040;
}

.menu .color_light {
	padding-left: 2px;	
}

.title_main {
	position: relative !important;
	height: 18px; 
	margin-top: 3px !important;	/* Other Browser */
	margin-top: 1px;			/* IE */
	text-align: left;
	float: left;
	/*width: 300px;*/
	white-space: nowrap;
}
.title {
	color: white !important;
	position: absolute;
	left: -1px; 
	top: -1px;
	z-index: 0;
}
.title_shader {
	position: relative;
	color: rgb(175,96,30) !important;
}
.title_icon {
	float: left; 
	padding-top: 2px; 
	margin: 0 6px 0 6px; 
}
div.error {
	font-size: 13px;
	margin: 0 0 15px 0;
}

.datecell_edit {
/*	border: 1px solid rgb(200,200,200);
	border-bottom: 1px solid gray;*/
	width: 12px; 
	height: 12px;
	margin: 1px; 
	vertical-align: middle;
	text-align: center !important;
	line-height: 12px;
	cursor: pointer;
}
.datecell_read{
	width: 12px; 
	height: 12px;
	margin: 1px; 
	vertical-align: middle;
	text-align: center !important;
	line-height: 12px;
	cursor: default;
}

/*
.datecell:hover {
	border: 2px solid red;
	margin: 0px;
	
}*/



.playerinfo {
	background-color: rgb(255,255,204);
	border: 1px double gray;
	position: absolute;
	display: none;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	top: -22px;
	left: -30px;
	white-space: nowrap;	
}

.group_switcher {
	background-color: rgb(248, 251, 255) !important;
	border-width: 0px;
	width: 100%;
	font-weight: bold;
	color: #505050;
	font-size: 12px;
	/*font-family:arial,tahoma,verdana,sans-serif;*/
	padding-left: 0px !important;
	background: transparent;
}
.group_switcher .inactive {
	font-weight: normal;
}

.date_menu {
	position: absolute;
	top: 16px;
	right: 0px;
	z-index: 99;
	background-color: rgb(247, 205, 136);
	border: 1px solid rgb(236, 126, 25);
	text-align: left;
	padding: 3px 6px 3px 6px;
	line-height: 15px !important;
}
.date_menu li {
	white-space: nowrap;
	line-height: 15px;
	list-style: none;
	margin-left: 0px;
}
.date_menu li a.color_normal_2 {
	color: #505050 !important;	
}
.hoverbox {
	position: absolute;
	z-index: 999;
	top: 10px;
	left: -10px;
	
	background-color: rgb(247, 205, 136);
	border: 1px solid rgb(236, 126, 25);
	text-align: left;
	padding: 3px 6px 3px 6px;
	line-height: 15px !important;
	width: 250px;
	display: block;
}

.playerlist {
	width: 120px;
}

/* FEEDBACK */
#feedback {
	color: gray; 
	width: 280px; 
	height: 29px; 
	margin: 3px 0 5px 0;
}
#feedback_status {
	float: left; 
	font-size: 11px; 
	line-height: 19px; 
	padding-left: 10px;
}
#feedback_submit {
	float: left;
}

/* MENU STATUS */
.box_2_main {
	width: 100%;
}
.box_2_content .menu_status {
	display: block;
	float: right;
	width: 35px;
	height: 12px;
	text-align: center;
	margin-top: 2px;
	cursor: default;
}
a.menu_status {
	cursor: pointer !important;
}
.menu_status span {
	display: block;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal !important;
}
.menu_status,
.menu_status span,
.menu_status:hover,
.menu_status:hover span {
	text-decoration: none !important;
	outline: 0px;
}
.menu_status span.next {
	color: white;
	background-color: #228b22;
	cursor: pointer;
	padding-bottom: 1px;
}
.menu_status span.new {
	color: #333;
	border-top: 1px solid #fff;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #fff;
	background: #eff7ff;
	cursor: pointer;
}
.menu_status:hover span.new {
	border-top: 1px solid #888;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #888;
	color: black;	
}
.menu_status span.open {
	color: black;
	background-color: #efef00;
	display: none;
	padding-bottom: 1px;
}
.menu_status span.closed {
	color: white;
	background-color: #999999;
	padding-bottom: 1px;
}

.public_active, .public_inactive {
	color: white;
	padding: 0 3px 0px 3px;
	margin-right: 10px;
	font-size: 13px;
	
}
.public_active {
	background-color: #439c43;
	border: 1px solid #77ad77;
	background: url('../images/bg_public_active.gif') repeat-x 50% 50%;
}
.public_inactive {
	background-color: #aaa;
	border: 1px solid #aeaeae;
	background: url('../images/bg_public_inactive.gif') repeat-x top left;
}

/* PLAN CREATION */
.plan_type {
	width: 150px;
	height: 90px;
	background: url('../images/bg_plan_create.png') no-repeat;
	background-color: #f8fbff;
	cursor: pointer;
	color: #808080;
	position: relative;
}
#plan_types .selected {
	color: #505050;
	border: 0px;
	background: #ffdc81 top url('../images/bg_plan_type_selected.gif') no-repeat;
}
#plan_types .home_list li {
	font-size: 12px !important;
	line-height: 16px !important;
}
#plan_types .home_list {
	padding-left: 0px;
}
#plan_types input {
	cursor: pointer;
}

/* TOURNAMENT - ROUND */
.match {
	width: 100%;
}

.match .team_location,
.match .team_name {
	padding: 0 5px 0 5px !important;
	/*height: 23px;*/
	height: 1.9167em;

	/*line-height: 11px;*/
	/*line-height: 13px;*/
	line-height: 1.083em;
	
	/*line-height: 11px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;*/

	padding: 0 !important;
}
.match .team_name input {
	width: 100%;
	border-width: 0 1px 0 0;
	padding: 4px 5px !important;
	position: relative;
	/*left: -5px;*/
}
.match .team_name input.focus {
	/*padding: 3px 4px 3px 4px !important;*/
	/*padding: 3px 3px !important;*/
	padding: 7px !important;
}

.match .team_sort {
	/*padding: 5px 0 0 2px !important;*/
	padding: 0px 0 0 5px !important;
	vertical-align: middle;	
	white-space: nowrap;
	width: 11px;
  background: #fff;
}
.match .team_number {
	background-color: #bad5ec;
	/*background-image: url(../images/bg_active_plan2.png) !important;*/
	background: #cce0f1;
	border-right: 1px solid #aaaaaa;
	text-align: center;
	padding: 1px 3px 2px 3px !important;
	font-size: 0.9167em;
	width: 1.6em;
	width: 14%;
	min-width: 1.4em;
}
@media screen and (max-width: 550px) {
    .match .team_number {
        min-width: 1em;
    }
}

/* RELEGATED/PROMOTED - GRAY */

.match.relegated_gray .team_number,
.match.promoted_gray .team_number {
	background: #c0c9ce !important;
	color: #505050 !important;
	border-right: 1px solid #aaaaaa !important;
}
.match.relegated_gray .group,
.match.promoted_gray .group {
	background: #e3e6e8 !important;
}
.match.relegated_gray .groupstage_values_inner,
.match.promoted_gray .groupstage_values_inner {
	background: #f4f4f4 !important;
}

/* RELEGATED/PROMOTED - BLUE */

.match.relegated_blue .team_number,
.match.promoted_blue .team_number {
	background: #acc9e0 !important;
	color: #505050 !important;
	border-right: 1px solid #aaaaaa !important;
}
.match.relegated_blue .group,
.match.promoted_blue .group {
	background: #d3e2ed !important;
}
.match.relegated_blue .groupstage_values_inner,
.match.promoted_blue .groupstage_values_inner {
	background: #e3f0f9 !important;
}

/* RELEGATED/PROMOTED - RED */

.match.relegated_red .team_number,
.match.promoted_red .team_number {
	background: #d35f5f !important;
	color: #fff !important;
	border-right: 1px solid #aaaaaa !important;
}
.match.relegated_red .group,
.match.promoted_red .group {
	background: #ffcece !important;
}
.match.relegated_red .groupstage_values_inner,
.match.promoted_red .groupstage_values_inner {
	background: #ffe0e0 !important;
}

/* RELEGATED/PROMOTED - YELLOW */

.match.relegated_yellow .team_number,
.match.promoted_yellow .team_number {
	background: #eae241 !important;
	color: #505050 !important;
	border-right: 1px solid #aaaaaa !important;
}
.match.relegated_yellow .group,
.match.promoted_yellow .group {
	background: #fffcaa !important;
}
.match.relegated_yellow .groupstage_values_inner,
.match.promoted_yellow .groupstage_values_inner {
	background: #fffdc9 !important;
}

/* RELEGATED/PROMOTED - GREEN */

.match.relegated_green .team_number,
.match.promoted_green .team_number {
	background: #9dc994 !important;
	color: #505050 !important;
	border-right: 1px solid #aaaaaa !important;
}
.match.relegated_green .group,
.match.promoted_green .group {
	background: #c4dfbf !important;
}
.match.relegated_green .groupstage_values_inner,
.match.promoted_green .groupstage_values_inner {
	background: #c4dfbf !important;
}




/* NEW TABLEMARK COLOR */

.match .team_number[class*="tablemark"] {
	color: #505050 !important;
	border-right: 1px solid #aaaaaa !important;
}


.match.tablemark_356AA0 .team_number {
	background: #668fb8 !important;
	color: #fff !important;
}
.match.tablemark_356AA0 .group, .match.tablemark_356AA0 .groupstage_values_inner {
	background: hsl(210, 70%, 80%) !important;
}

.match.tablemark_000678 .team_number {
	background: #2c329b !important;
	color: #fff !important;
}
.match.tablemark_000678 .group, .match.tablemark_000678 .groupstage_values_inner {
	background: hsl(237, 60%, 75%) !important;
}

.match.tablemark_B6C2C3 .team_number {
	background: #cad2d3 !important;
}
.match.tablemark_B6C2C3 .group, .match.tablemark_B6C2C3 .groupstage_values_inner {
	background: hsl(185, 10%, 95%) !important;
}

.match.tablemark_5B0A13 .team_number {
	background: #823840 !important;
	color: #fff !important;
}
.match.tablemark_5B0A13 .group, .match.tablemark_5B0A13 .groupstage_values_inner {
	background: hsl(353, 50%, 65%) !important;
}

.match.tablemark_DF1176 .team_number {
	background: #e03f8e !important;
	color: #fff !important;
}
.match.tablemark_DF1176 .group, .match.tablemark_DF1176 .groupstage_values_inner {
	background: hsl(331, 56%, 80%) !important;
}

.match.tablemark_993526 .team_number {
	background: #ab5143 !important;
	color: #fff !important;
}
.match.tablemark_993526 .group, .match.tablemark_993526 .groupstage_values_inner {
	background: hsl(8, 45%, 70%) !important;
}

.match.tablemark_007814 .team_number {
	background: #1f8a31 !important;
	color: #fff !important;
}
.match.tablemark_007814 .group, .match.tablemark_007814 .groupstage_values_inner {
	background: hsl(130, 35%, 65%) !important;
}

.match.tablemark_1D2935 .team_number {
	background: #495b6d !important;
	color: #fff !important;
}
.match.tablemark_1D2935 .group, .match.tablemark_1D2935 .groupstage_values_inner {
	background: hsl(210, 19%, 65%) !important;
}

.match.tablemark_333333 .team_number {
  background: #5e5e5e !important;
  color: #fff !important;
}
.match.tablemark_333333 .group, .match.tablemark_333333 .groupstage_values_inner {
  background: hsl(0, 0%, 70%) !important;
}

.match.tablemark_95A5A6 .team_number {
	background: #b4bfc0 !important;
	color: #505050 !important;
}
.match.tablemark_95A5A6 .group, .match.tablemark_95A5A6 .groupstage_values_inner {
	background: hsl(184, 9%, 90%) !important;
}

.match.tablemark_7F8C8D .team_number {
	background: #a2acac !important;
	color: #505050 !important;
}
.match.tablemark_7F8C8D .group, .match.tablemark_7F8C8D .groupstage_values_inner {
	background: hsl(184, 6%, 85%) !important;
}

.match.tablemark_555555 .team_number {
	background: #838383 !important;
	color: #fff;
}
.match.tablemark_555555 .group, .match.tablemark_555555 .groupstage_values_inner {
	background: hsl(0, 0%, 78%) !important;
}

.match.tablemark_2C3E50 .team_number {
	background: #647586 !important;
	color: #fff;
}
.match.tablemark_2C3E50 .group, .match.tablemark_2C3E50 .groupstage_values_inner {
	background: hsl(210, 29%, 78%) !important;
}

.match.tablemark_F1C40F .team_number {
	background: #f7d651 !important;
	color: #505050 !important;
}
.match.tablemark_F1C40F .group, .match.tablemark_F1C40F .groupstage_values_inner {
	background: hsl(48, 100%, 85%) !important;
}

.match.tablemark_F39C12 .team_number {
	background: #f8b64e !important;
	color: #505050 !important;
}
.match.tablemark_F39C12 .group, .match.tablemark_F39C12 .groupstage_values_inner {
	background: hsl(37, 100%, 83%) !important;
}

.match.tablemark_E67E22 .team_number {
	background: #f09f58 !important;
	color: #505050 !important;
}
.match.tablemark_E67E22 .group, .match.tablemark_E67E22 .groupstage_values_inner {
	background: hsl(28, 100%, 83%) !important;
}

.match.tablemark_D35400 .team_number {
	background: #e5813f !important;
	color: #fff;
}
.match.tablemark_D35400 .groupstage_values_inner,
.match.tablemark_D35400 .group, 
.match.tablemark_D35400 .groupstage_values_inner {
	background: hsl(24, 100%, 81%) !important;
}

.match.tablemark_E74C3C .team_number {
	background: #ed7c70 !important;
	color: #fff;
}
.match.tablemark_E74C3C .group, .match.tablemark_E74C3C .groupstage_values_inner {
	background: hsl(6, 78%, 86%) !important;
}

.match.tablemark_C0392B .team_number {
	background: #d66b60 !important;
	color: #fff;
}
.match.tablemark_C0392B .group, .match.tablemark_C0392B .groupstage_values_inner {
	background: hsl(6, 85%, 83%) !important;
}

.match.tablemark_16A085 .team_number {
	background: #5abda9 !important;
	color: #fff;
}
.match.tablemark_16A085 .group, .match.tablemark_16A085 .groupstage_values_inner {
	background: hsl(168, 46%, 83%) !important;
}

.match.tablemark_85BF4F .team_number {
	background: #a4cf7c !important;
	color: #505050 !important;
}
.match.tablemark_85BF4F .group, .match.tablemark_85BF4F .groupstage_values_inner {
	background: hsl(91, 47%, 83%) !important;
}

.match.tablemark_4C954C .team_number {
	background: #7eb97e !important;
	color: #fff;
}
.match.tablemark_4C954C .group, .match.tablemark_4C954C .groupstage_values_inner {
	background: hsl(120, 52%, 86%) !important;
}

.match.tablemark_006233 .team_number {
	background: #46946f !important;
	color: #fff;
}
.match.tablemark_006233 .group, .match.tablemark_006233 .groupstage_values_inner {
	background: hsl(151, 45%, 78%) !important;
}

.match.tablemark_9BC9FF .team_number {
	background: #b6d7fd !important;
	color: #505050 !important;
}
.match.tablemark_9BC9FF .group, .match.tablemark_9BC9FF .groupstage_values_inner {
	background: hsl(212, 80%, 93%) !important;
}

.match.tablemark_62B3FF .team_number {
	background: #8ec7fd !important;
	color: #505050 !important;
}
.match.tablemark_62B3FF .group, .match.tablemark_62B3FF .groupstage_values_inner {
	background: hsl(209, 80%, 90%) !important;
}

.match.tablemark_2980B9 .team_number {
	background: #61a3ce !important;
	color: #fff;
}
.match.tablemark_2980B9 .group, .match.tablemark_2980B9 .groupstage_values_inner {
	background: hsl(204, 64%, 82%) !important;
}

.match.tablemark_003399 .team_number {
	background: #3d69c2 !important;
	color: #fff;
}
.match.tablemark_003399 .group, .match.tablemark_003399 .groupstage_values_inner {
	background: hsl(220, 100%, 80%) !important;
}

.match.tablemark_8E44AD .team_number {
	background: #ae79c5 !important;
	color: #fff;
}
.match.tablemark_8E44AD .group, .match.tablemark_8E44AD .groupstage_values_inner {
	background: hsl(282, 44%, 85%) !important;
}




.match_empty {
	opacity: 0.8;
}

/* MATCH INFO */
.match_info_pre > td {
	padding-bottom: 15px !important;
}
.match_info {
	line-height: 13px;
	font-size: 92% !important;
	border: 0px !important;
	background: none !important;
	font-weight: normal !important;
}
.match_info {
	float: left;
}
.match_info .icon {
	margin-right: 3px;
	position: relative;
	top: 1px;
	opacity: 0.85;
}
.match_info td {
	font-size: 10px !important;
	color: #505050;
}
.match_info td {
	vertical-align: middle;
}
#logs .cell_1 {
	line-height: 14px !important;
	vertical-align: top !important;
	padding-right: 0px !important; 
	white-space: nowrap;
  padding: 0.75em 1em !important;
  color: #888;
}
#logs .cell_2 {
  padding-left: 0 !important;
}
.match_status {
	margin-right: 3px;
}
.expired .match_status {
	opacity: 0.7;
}
/* ------ */
.box_content .active {	
  background: rgb(249,234,193);
  background: -moz-linear-gradient(top,  rgba(249,234,193,1) 0%, rgba(250,224,164,1) 50%, rgba(250,223,163,1) 100%) !important;
  background: -webkit-linear-gradient(top,  rgba(249,234,193,1) 0%,rgba(250,224,164,1) 50%,rgba(250,223,163,1) 100%) !important;
  background: linear-gradient(to bottom,  rgba(249,234,193,1) 0%,rgba(250,224,164,1) 50%,rgba(250,223,163,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9eac1', endColorstr='#fadfa3',GradientType=0 );
}
.box_content .match .active .team_name  {
    color: #333 !important;
    font-weight: 500 !important;
}  
.box_content .match .active .team_number {
    background: transparent !important;
    color: #333 !important;
    font-weight: 500 !important;
    /*background: transparent;*/
    /*color: #333;*/
}
.box_content .match .active .team_name {
    /*color: #fff !important;*/
}
/* ------ */
.match_inner  {
  transition: transform 0.2s;
}
.round_team_1, .round_team_2 {
  transition: box-shadow 0.1s;
}
.match_hover {	
  transform: scale(1.02);
}
.match_hover.round_team_1 {
  border-bottom: 2px solid #000 !important;
  box-shadow: 0 0px 2px #0004;
}
.match_hover.round_team_2 {
  box-shadow: 0 2px 2px #0004;
  top: 1px;
  position: relative;
}
/* ------ */

/* WINNER */


.winner_1 .team_name,
.winner_1 .team_number {
	height: 28px;
	/*font-size: 14px;*/
	font-size: 1.167em;
}
.winner_1 .team_name {
	font-weight: 500 !important;
}
.winner_1 .groupstage_values_inner {
	height: 27px;
	/*line-height: 27px;	*/
	/*font-size: 14px;*/

	line-height: 2.25em;	
	font-size: 1.167em;

	
	height: 31px;
	line-height: 31px;
}
.winner_1 .groupstage_values_inner {
	/*height \*: 31px\9;*/
	/*line-height \*: 30px\9;*/
}
/* ------ */

#match_report_editor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
}
.match_header {
	background-size: 100% auto; 
	background-position: center bottom;
	background-repeat: no-repeat; 
	padding: 0px !important;
	/*height: 55px;*/
}
.match_header_shadow {
	padding: 0 !important;
	background-size: 100% 140% !important;
	background-position: left top !important;
}
.match_header_inner {
	/*background: url("../images/transparent_55b.png") repeat scroll 0px 0px transparent !important;*/ 
	height: 100%; 
	padding: 10px 0 10px 15px;
	text-align: left;
	position: relative;
}
.match_header_title {
	font-size: 16px;
	line-height: 20px;
	/*color: #222;*/
  font-weight: 500;
	margin-bottom: 1px;
  color: #333;
}
.match_header_subtitle {
	color: #444;
	/*margin-bottom: 20px;*/
  line-height: 20px;
}
.match_header .submenu {
	right: 0px; 
	position: absolute; 
	bottom: 1px;
	margin: 0 5px 0 0;
}
.match_header .submenu .menu_entry {
	padding: 4px 5px 4px !important;
	width: 55px;
	text-align: center;
	line-height: 16px;
	overflow: hidden;
}
.match_header .submenu .active .menu_entry {
	padding: 3px 5px 3px !important;
}
.match_header .submenu .active .menu_entry_left {
	margin-left: 3px;
}
.match_header .submenu .active .menu_entry_right {
	margin-right: 0px;
}
.match .match_result td {
	padding: 0px !important;	
}
.match_more .table-cell {
	opacity: 0.6;
	border-bottom: 0px;
}
.match_more .table-cell,
.match_more .team_name {
	height: 7px;
}
.match_more .groupstage_values_inner {
	border-color: #d6d6d6;
}
.match_end, .match_end td, .match_end .team_name, .match_end .group {
	border-width-bottom: 0px !important;
}
.match_result input {
	border: 0px;
	height: 19px !important;
	line-height: 19px !important;
	border: 0px;
	text-align: center;	
	padding-left: 0px !important;
	padding-right: 0px !important;
	cursor: pointer;
}
.match_result input.focus {
	width: 23px !important;
}
.match_result {
	border-left: 2px solid #fff;
	background-color: white;
	text-align: center;
}

.box_roundlist .match_result {
    background: #f2f8ff;
}
.match_result, .match_result input, .result_disabled {
	/*width: 25px;*/
	width: 2.083em;
}
.result_disabled {
	background-color: #edf6fc; 
}
.result_disabled input {
	display: none;
}
.match .match_winner {
  display: none;
}
#edit_match .match_winner {
	background-color: #80dd80;
	cursor: pointer;
	width: 14px;
	height: 15px;
	text-align: center;
	margin-left: 3px;
	line-height: 15px;
	font-size: 15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 !important;
}
.match_winner b {
	font-weight: 300;
	color: black;
}
#edit_match .match_winner,
#show_match .match_winner {
	color: rgba(0, 0, 0, 0.4);
	color: black;
	width: 25px;
	height: 25px;
	line-height: 24px;
	font-size: 26px;
	/*margin: 10px 10px 5px 10px !important;*/
	/*border: 1px solid #b3efb3;*/
	border: none;
	border-radius: 4px;
	/*font-family: icon;*/
	transition: opacity 0.3s ease;
}
#edit_match .draw .match_winner,
#show_match .draw .match_winner {
	/*background-color: #fff99f;*/
	/*border: 1px solid #efe986;*/
	/*border: 1px solid #fff99f;*/
	border: none;
	background: #ffef00;
}
#edit_match.winner_1 #team1_name,
#edit_match.winner_2 #team2_name {
	font-weight: bold;
}
#edit_match.winner_1 #team2_name,
#edit_match.winner_2 #team1_name {
	opacity: 0.8;
}
#edit_match.winner_1 .match_winner:not([id^="winner_1"]),
#edit_match.winner_2 .match_winner:not([id^="winner_2"]),
#edit_match.winner_3 .match_winner:not([id^="winner_3"]) {
	opacity: 0.5;
}
#edit_match .tooltip:hover .match_winner {
	opacity: 1 !important;
}
#edit_match.winner_1 .match_winner[id^="winner_1"],
#edit_match.winner_2 .match_winner[id^="winner_2"] {
	background: #96ef95;
	border-color: #96ef95;
}
#edit_match.winner_3 .match_winner[id^="winner_3"] {
	background: #fff55f;
	border-color: #fff55f;
}
.winner_disabled {
	color: white;
	background-color: white;
}
.round_team_1, .round_team_2 {
	/*border: 1px solid #ccc;	*/
	/*background-image: url(../images/bg_date_empty.gif);*/
	/*background: rgb(241,249,255);
	background: -moz-linear-gradient(top,  rgba(241,249,255,1) 0%, rgba(232,241,250,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(241,249,255,1) 0%,rgba(232,241,250,1) 100%);
	background: linear-gradient(to bottom,  rgba(241,249,255,1) 0%,rgba(232,241,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9ff', endColorstr='#e8f1fa',GradientType=0 );*/

    background: #e5f1ff;
	width: 70%;
}
.round_team_1 table, .round_team_2 table {
	width: 100%;
}
.round_team_1 {
	border-bottom: 2px solid #666666 !important;
}
.round_line_1 {
	width: 20px; 
	border-bottom: 2px solid #333333 !important;
}
.round_line_2 {
	border-right: 2px solid #333333 !important; 
}
.round_line_3 {
	border-bottom: 2px solid #333333;
	width: auto;
}
.round_line_4 {
	border-bottom: 2px dashed #aaaaaa;
	width: 50px;
}
.round_space {
	line-height: 6px;
	height: 6px;
}
.round_spacer_1 {
	line-height: 12px;
	height: 12px;				
}
.round_spacer_2 {
	line-height: 50px;
	height: 68px;		
}

.button_arrow_down, .button_arrow_up,
.button_arrow_down_inactive, .button_arrow_up_inactive {
	background-repeat: no-repeat;
	display: block;  
	width: 12px; 
	height: 11px; 
	float: right;
}
.button_arrow_down, .button_arrow_down_inactive {
	margin-right: 3px;
}
.button_arrow_down {
	background-image: url('../images/arrow_down.gif');
}
.button_arrow_down_inactive {
	background-image: url('../images/arrow_down_inactive.gif');
}
.button_arrow_up {
	background-image: url('../images/arrow_up.gif');
}
.button_arrow_up_inactive {
	background-image: url('../images/arrow_up_inactive.gif');
}
.button_delete, .button_delete_inactive {
	background-repeat: no-repeat;
	display: block;  
	width: 11px;
	height: 11px;
	float: right;
	margin-right: 1px;	
}
.button_delete {
	background-image: url('../images/delete.gif');
}
.button_delete_inactive {
	background-image: url('../images/delete_inactive.gif');
}

.dates_match_points {
	color: #505050;
	font-size: 125%;
	display: inline;
}
.expired .dates_match_points {
	font-weight: 400;
}
.expired .form_button {
	opacity: 0.6;
	
}
.expired .form_button:hover {
	opacity: 1;
	transition: opacity 0.3s ease;
}
/* .expired .form_button .form_button_content input {
	color: #555 !important;
}
.expired .form_button:hover .form_button_content input {
	color: #000 !important;
} */

/* tournament_dates */
.dates_match_result {
	line-height: 150%;
	border: 1px solid #ddd;
	background-color: white;
	float: left;
	border-radius: 3px !important;
	text-align: center;
	min-width: 24px;
	min-width: 40px;
	margin: 1px 3px 1px 0;
	cursor: default;
	padding: 1px 4px !important;
}
#edit_match_form .dates_match_result {
	padding: 0 !important;
	border-collapse: separate;
	border-radius: 3px;
}
.dates_match_result td {
	line-height: 15px;
	vertical-align: bottom;

	line-height: 24px;
}
#edit_match .dates_match_result td.font_small {
	padding: 0 !important;
}
.dates_match_result td.font_small {
	padding: 0 2px !important;
	white-space: nowrap;
}

.end_week,
.end_round {
	/*border-bottom: 1px solid #AAAAAA !important*/
	border-bottom: 5px solid #eee !important;
}
.dates_inner > tbody > tr:last-child > td {
    border-bottom: 0px !important;
}
.end_month {
    border-bottom: 3px double #ebebeb !important;
}

/* edit match */
#edit_match .dates_match_result {
	width: 52px !important;
	width: 74px !important;

	/*margin: 1px 3px 0 0 !important;*/
}

#edit_match .dates_match_result td,
#show_match .dates_match_result td  {
	line-height: 24px;
	font-size: 14px !important;
	background: #fafafa;
}
#edit_match .dates_match_result input,
#show_match .dates_match_result input {
	border: 1px solid white;
	border: none;
	width: 18px;
	width: 22px;
	font-size: 14px !important;
	text-align: center;
}

/* TOOLTIP */

.icon_tooltip {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 17px;
	font-size: 12px;
	/*font-family: "Times New Roman";*/
	font-weight: bold;
	border-radius: 1em;
	background: #555;
	color: #fff;
	text-align: center;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.3s ease;
}
.icon_tooltip:hover {
	opacity: 1;
}

span.wtooltip {
	border-bottom: 1px dotted #ed7819;
	cursor: default;
}
.wtooltip p, .wtooltip label {
	display: none;
}
.wtooltip_box {
	/*font-family: Arial,Helvetica,sans-serif;*/
	/*background-color: #ffdab7 !important;*/
	background: url('../images/bg_wtooltip.png') repeat !important;
	border: 1px solid #ff9a3c !important;
	color: #464646 !important;
	/*width: 200px !important;*/
	font-size: 10px;
	padding: 2px 4px !important;
	max-width: 400px;
}
.wtooltip_box b {
	font-size: 11px !important;
}

/* GROUPSTAGE */
.tr_table_description .table-cell:not(.table_description) {
	text-align: center;
}
.tr_table_description .table-cell {
  vertical-align: bottom;
  font-weight: 400;
  padding-bottom: 3px;
}
.groupstage_values_out {
	position: relative;
}
.groupstage_values_inner {
	min-width: 38px;
	text-align: center;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0 4px;
	background: #f6fbff;
}
.table-cell-empty {
	display: table-cell;
	min-width: 5px;
	width: 0.5%;
}
.groupstage_values_inner span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}


.tr_description .table-cell:not(.table_description) {
	text-align: center;
}
.groupstage_description div:not(.table-cell):not(.table-row) {
	padding: 0 1px !important;
	line-height: 22px;
	border-bottom: 1px solid #aaa;
}
.groupstage_description div:not(.table-cell):not(.table-row),
.groupstage_values_inner {
	width: 45px;
	/*width: 3.75em;*/
	height: 27px;
	margin: 0 0 0 5px;
	text-align: center;
}

/* --- NEW 19.02.2021 --- */
.league_statistic_teams .groupstage_values_inner,
.group_table .groupstage_values_inner,
.league_table_out .groupstage_values_inner {
  width: 75px;
  max-width: 100px;
}
.box_content .league_table_out {
  padding-right: 10px !important;
}
.league_table_out .table-cell-empty {
  min-width: 1px;
  max-width: 5px;
  width: 5px;
}
.league_table_out .table_description_scroll {
  margin: 0 auto;
  min-width: 96%;
}
/* ------------------- */


#box_visitors .groupstage_values_inner {
	/*height: 23px;*/
}
.groupstage_description div:not(.table-cell):not(.table-row) {
	position: relative;
}
.groupstage_description div:not(.table-cell):not(.table-row) span {
	/*max-width: 55px;*/
	max-width: 4.583em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 12px;
	font-size: 13px;
}
.table_description {
	font-size: 1.083em;
}
.groupstage_values_inner {
	line-height: 22px;
	background: #f6fbff;
	border: 1px solid #aaa;
	white-space: nowrap;
	/*border-top: 0px; */

  background: #f2f8ff;
}
.group .active {
	font-weight: 500 !important;
}
.group .groupstage_values {
	background: #f6fbff;
}
.edit_groupstage .groupstage_description div:not(.table-cell):not(.table-row) {
	color: #a7a7a7;
	border-bottom: 1px solid #d4d4d4;	
}
.edit_groupstage .group .groupstage_values {
	background: #fafdff;
}
.edit_groupstage .groupstage_values_inner {
	border: 1px solid #d4d4d4;
	border-top: 0px; 
}
.group {
	width: 100%;
	/*min-width: 9em;*/
  min-width: 13em;
	border: 1px solid #aaa;
	border-top: 0px; 
	/*background-image: url(../images/bg_date_empty.gif);*/
	height: 24px;
	height: 100%;

	background: rgb(241,249,255);
	background: -moz-linear-gradient(top,  rgba(241,249,255,1) 0%, rgba(232,241,250,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(241,249,255,1) 0%,rgba(232,241,250,1) 100%);
	background: linear-gradient(to bottom,  rgba(241,249,255,1) 0%,rgba(232,241,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9ff', endColorstr='#e8f1fa',GradientType=0 );

  background: #e5f1ff;
}
.match_more .group {
	height: auto !important;
}



/* PLAN BOX */
.plan_box {
	background: url('../images/bg_plan_box.png') no-repeat;
	height: 333px;
	width: 872px;
	margin: 20px auto 7px auto;
	position: relative;
}
.plan_features {
	margin: 10px 0 0 30px;
}
.plan_features h1 {
	display: inline;
	border-bottom: 1px inset #505050;
}
.plan_features .plan_points {
	background: url('../images/bg_plan_point.png') no-repeat;
	padding-left: 35px;
	line-height: 22px;
	margin: 10px 0 0 15px;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
#plan_training .plan_points {
	margin-top: 7px;	
}
#plan_league .plan_points {
	margin-top: 7px;
}
#plan_tournament .plan_points {
	margin-top: 7px;	
}
.plan_examples {
	position: absolute;
	left: 410px;
	top: 29px;	
}
.plan_examples .home_list li {
	font-size: 13px;
}
.plan_signup {
	height: 65px;
	width: 199px;
	position: absolute;
	bottom: 12px;
	left: 45px;
	text-shadow:0 1px #C58636;
	font-stretch: wider;
}
.plan_signup a.button {
	background: url('../images/bg_plan_signup_button.png') no-repeat;
	width: 199px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	text-align: center; 
	display: block;
}
.plan_signup a.button:hover {
	background: url('../images/bg_plan_signup_button_hover.png') no-repeat;
}
.plan_signup .shader {
	background: url('../images/bg_plan_signup_shader.png') no-repeat;
	width: 199px;
	height: 25px;
	margin-top: 1px;
}
.plan_previews {
	position: absolute;
	left: 380px;
	bottom: 0px;
}
.plan_previews .preview_box {
	background: url('../images/bg_preview_box.png') no-repeat top;
	float: left;	
	width: 223px;
	height: 171px;
	padding-top: 20px;
	position: relative;
}
.plan_previews .preview_box .shader {
	background: url('../images/bg_preview_shader.png') no-repeat 0px 1px;
	width: 183px;
	height: 30px;
	position: absolute;
	bottom: 7px;
	left: 20px;
}
.preview_box .thickbox {
	height: 170px;
	width: 183px;
	display: block;
	outline: 0px;
	margin-left: 20px;
}
.preview_box .icon {
	height: auto;
	width: auto;	
	position: absolute;
	left: 14px;
	top: 14px;
	outline: 0px;
}
#help .plan_previews,
#landingpage .plan_previews {
	position: relative;
	left: 0;
	overflow: hidden;
}
#help .preview_box .thickbox,
#landingpage .preview_box .thickbox {
	height: auto;
}
#help .plan_previews .preview_box,
#landingpage .plan_previews .preview_box {
	background: none;
	padding-top: 10px;
	height: auto;
}
#help .preview_box .icon,
#landingpage .preview_box .icon {
	top: 4px;	
}

/* register */
.register_point, .register_point_last {
	float: left;
	line-height: 36px;
	vertical-align: middle;
	font-size: 14px;
	margin-left: 5px;
}
.register_point {
	margin-right: 20px;
}
.register_point img, .register_point_last img {
	float: left;
	margin-right: 10px;
}

.widgetbox .at300b span, 
.widgetbox .at300m span, 
#widget_button {
	box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
	border-radius: 4px;
}
.widgetbox .at300b:hover, 
.widgetbox .at300m:hover, 
#widget_button:hover{
	transform: scale(1.1);
	background: #ef7b00;
}
#widget_button {
	transition: transform 0.3s, background 0.3s;
	display: block;
	width: 146px;
	height: 32px;
	background: #fe9120;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	margin: 4px 0 0 2px;
	position: relative;
}
#widget_button span:not(.icon) {
	padding: 2px 0 0 55px;
	display: block;
	line-height: 14px;
}
#widget_button .icon {
	padding: 0;
	position: absolute;
	top: 0px;
	left: 8px;
	font-size: 30px;
}

* html #feedback_button {
	position: absolute;	
}

.plan_box#plan_training,
.plan_box#plan_tournament,
.plan_box#plan_league {
	background: url("../images/bg_plan_box2.png") no-repeat scroll 0 0 transparent;
	height: 495px;
}
.plan_box#plan_training .plan_signup,
.plan_box#plan_tournament .plan_signup,
.plan_box#plan_league .plan_signup  {
	bottom: 173px;
}
.plan_box#plan_training .plan_previews,
.plan_box#plan_tournament .plan_previews,
.plan_box#plan_league .plan_previews {
	bottom: 161px;
}
.plan_box#plan_training .plan_menu_info,
.plan_box#plan_tournament .plan_menu_info,
.plan_box#plan_league .plan_menu_info {
	position: absolute;
	text-align: justify;
	top: 337px;
	width: 235px;
	line-height: 18px;
}
.plan_box#plan_training .plan_menu_info strong,
.plan_box#plan_tournament .plan_menu_info strong,
.plan_box#plan_league .plan_menu_info strong {
	padding-left: 35px;
	font-size: 15px;
	line-height: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

/* DEBUG */
#debug_box, #debug_box2 {
	/*display: none;*/
}
#debug_box {
	position: fixed; 
	z-index: 999;
	top: -6px; 
	left: 0px; 
	overflow: auto;
	opacity: 0.7;
	width: 60px;
	height: 15px;
	overflow: hidden;
	line-height: 17px;
    font-weight: 400;
}
#debug_box .debug_content span:first-child {
	display: none;
}
#debug_box .debug_content span:nth-child(2) {
	float: left !important;
}
#debug_box:hover {
	height: auto;
	width: 110px;
	opacity: 1;
	line-height: 17px;
	top: 0px;
	box-shadow: 0px 0 0px 10px #0004;
}
#debug_box:hover .debug_content span:nth-child(2) {
	float: right !important;
}
#debug_box:hover .debug_content span:first-child {
	display: inline;
}
#debug_box2 {
	position: fixed; 
	z-index: 998;
	top: 0px; 
	right: 0px; 
	overflow: auto;
	background: #fbf7f7; 
    font-weight: 400;
  color: #555;
}
#debug_box2.show {
	left: 0px;
	bottom: 0px;
	top: 0px;
	padding: 15px 10px 10px;
}
#debug_box2.show .debug_content {
	display: block !important;
}
.sql_cache {
  color: #999;
}
.sql_cache_hint {
  background: green; 
  color: #fff; 
  padding: 0 3px;
  opacity: 0.8;
  float: left;
  margin-right: 7px;
}

.debug_content {
	background: #fbf7f7; 
	text-align: left; 
	padding: 2px 5px;
	font-size: 11px;
}
.debug_button {
	float:right;
	margin-right:5px;
	cursor:pointer;
}
#debug_box2.show .debug_button {
	right: 25px;
	position: fixed;
}
#debug_box2 .debug_content {
	border-width: 0px;
}

/* WIDGETBOX */
.widgetbox {
	/*float: left; */
	/*width: 154px;*/
	padding: 8px 10px 0 0;
	border: 1px solid #d2d2d2; 
	vertical-align: top !important; 
	display: block; 
}
#widgetbox_loading {
	margin-top: 20px;
}

.table_description {
	border-bottom: 1px solid #aaa; 
	/*height: 23px;*/
	/*height: 27px;*/
	height: 1.9em;
}

iframe .button_count a.connect_widget_like_button {
	color: red !important;
}

.description_status {
	font-size: 11px;
	padding-left: 5px
}

#language_outter {
	position: relative; 
	margin-left: 10px;
	padding-left: 7px;
}
#language {
	outline: none;	
}
#language span {
	padding-right: 0px !important;
}
#language_select {
	display: none;
	position: absolute;
	top: 17px;
	left: 1px;
	border: 1px solid #aaa;
	background: white;
	padding: 3px 15px 3px 5px;
	text-decoration: none;
	text-align: left;
}
#language_select a {
	line-height: 15px;
}
#language_select a:hover,
a#language:hover  {
	text-decoration: none;
}
#language_select a:hover span,
a#language:hover span {
	text-decoration: underline;
}
.language_flag {
	margin: 0 2px 2px 0;
	vertical-align: middle;
}

/* addthis */
#at_email #at_msg, #at_email #at_to {
	height: 37px !important;
}


.copy_widget {
	font-size: 11px;
	color: #fff !important;
	font-weight: normal;
	line-height: 20px;
	float: right;
	text-decoration: underline;
	outline: 0px;
}
.copy_widget span {
	float: left;
	margin-top: 3px;
}
.copy_widget .ui-icon {
	background-image: url('../styles/ui/images/ui-icons_ffffff_256x240.png');
}


.ui-helper-hidden-accessible {
	clip: auto !important;
}

#TB_ajaxContent {
	overflow: hidden !important;
}

#btn_plan_public {
	background: #479d47 url('../images/btn_plan_public.png') no-repeat top left;
	border: 1px solid #4c834c;
	width: 131px;
	height: 22px;
	line-height: 20px;
	vertical-align: middle;
	display: block;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
#btn_plan_public:hover {
	background-color: #58ad58;
	border-color: #58ad58;
	text-decoration: none;
	color: #f3f3f3;
}
#btn_plan_public.inactive {
	background-color: #bbb !important;
	border-color: #999 !important;
	cursor: default !important;
}
#___plusone_0 {
	width: 75px !important	;
}
#___plusone_0, #___plusone_1 {
	float: left !important;
	display: block !important;
}

.cell_log_1 {
	/*width: 80px;*/
	width: 6.7em;
	padding-right: 0px !important; 
	vertical-align: top; 
	white-space: nowrap;
}

.public_head_line {
	position: relative;
	left: -40px;
	width: 100%;
	height: 10px;
	background: url('../images/public_head_line.png') left center no-repeat;
}

/* FAVORITES STAR */
.star_1, .star_2, .star_3 {
	background-image: url('ui/images/ui-icons_ef8c08_256x240.png') !important; 
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 50%;
  transform: translateX(-50%);
	z-index: 6;
}
.star_1 {
	background-image: url('ui/images/ui-icons_ffd27a_256x240.png') !important; 
}
.star_2 {
	opacity: 0.7;
}
.star_div {
	position: relative;
	height: 16px;
}
.star_bg {
	background-image: url('ui/images/ui-icons_ffffff_256x240.png') !important; 
	margin: 0 auto;
	position: absolute;	
	top: 1px;	
	left: 50%;
  transform: translateX(-50%);
	z-index: 5;
}


/* LANDINGPAGE */
#landingpage {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding-left: 10px;
}
#landingpage .register {
	width: 535px;
	height: 384px;
	position: relative;
}
#landingpage .register.league {
	background: url('../images/bg_register_league.png') no-repeat top left;
	position: relative;
	left: -10px;
}
#landingpage .register.tournament {
	background: url('../images/bg_register_tournament.png') no-repeat top left;
}
.register h1 {
	display: block;
	margin-left: 32px;
	margin-bottom: 3px !important;
	padding: 20px 0;
	color: #555;
	font-size: 23px !important;
}
.register span {
	display: block;
	float: left;
	margin: 0 0 53px 32px;
	font-size: 15px;
	color: #777;
	font-weight: normal;
	width: 289px;
	line-height: 17px;
}
.register span.error {
	color: #f00;
}
.register .form_input {
	height: 28px;
	width: 289px;
	border: 1px solid #cdcdcd;
	position: absolute;
	left: 32px;
	padding-top: 7px !important;	
	padding-right: 5px !important;
	padding-left: 5px !important;
	padding-bottom: 0px !important;
}
.register .form_input input {
	font-size: 18px !important;
	color: #333;
	padding: 0px !important;
	width: 289px;
	border: 0px;
	outline: 0px;
	background: none;
}
.register #signup_email {
	top: 84px;
}
.register #signup_fullname {
	top: 154px;
}
.register #signup_password {
	top: 224px;
}
.register #signup_tac {
	position: absolute;
	top: 264px;
	left: 32px;
	font-weight: normal;
}
.register #signup_tac input {
	float: left;
	margin-top: 0px;	
}
.register #signup_tac span {
	margin: 0 0 0 8px;
	line-height: 15px;
}
.register #signup_tac .error {
	line-height: 15px;
	margin: 0px;
}
.register #home_signup_button {
	position: absolute;
	top: 300px;
	left: 32px;
	/*font-family: arial,tahoma,verdana,sans-serif !important;*/
}
.register #home_signup_button_shadow {
	position: absolute;
	top: 350px;
	left: 76px;
	height: 33px;
}
#landingpage h2 {
	font-size: 38px !important;
	line-height: 38px;
	color: #222;
	margin-bottom: 15px !important;
}
#landingpage h3 {
	font-size: 30px !important;
	line-height: 26px;
	color: #666;
	margin-bottom: 10px !important;
	font-weight: normal !important;
}
#landingpage .content {
	font-size: 14px !important;
	color: #666;
	font: 13px/1.5em Helvetica Neue,Arial,Helvetica,sans-serif;
}
#lp_signup {
	font-weight: bold;
	font-size: 14px
}
#lp_signup span {
	float: left;
	margin-right: 3px;
}
#lp_signup .ui-icon {
	background-image: url('../styles/ui/images/ui-icons_ef8c08_256x240.png');
}


/* CUSTOM MATCHES */

.select_matches .ui-selecting,
.select_matches .ui-selected { 
	background: #c2d9ef; 
	color: #222;
}
.select_matches { 
	overflow-y: auto; 
	list-style-type: none; 
	padding: 1px 0px; 
	width: 100%; 
}
.select_matches li { 
	cursor:pointer; 
	margin: 0; 
	padding: 5px 0;
	font-size: 14px;
	height: 18px; 
	text-align: center;
	background: white;
	border: 0px;
	border-bottom: 1px solid #ccc;
	color: #505050;
}
.ui-state-disabled {
	background-image: url('../styles/ui/images/ui-icons_222222_256x240.png');
}
.ui-state-focus .ui-icon {
	float: left;
}
a.ui-button .ui-icon {
	margin-bottom: 5px;
}
a.ui-button .icon {
  font-size: 11px;
}

a.ui-button .ui-button-text {
	white-space: nowrap !important;
}
a.ui-button {
    transition: all 0.1s;
}
.ui-state-active {
    font-weight: 400;
    border: 0px;
}
.ui-state-active:not(.ui-state-disabled),
a.ui-button:not(.ui-state-disabled):hover {
    background: #f17e04;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    /*border: 1px solid #fb972d;*/
}
.ui-state-active:not(.ui-state-disabled) .ui-icon,
a.ui-button:not(.ui-state-disabled):hover .ui-icon {
    background-image: url(../styles/ui/images/ui-icons_ffffff_256x240.png);
}
.ui-state-active:not(.ui-state-disabled) .icon,
a.ui-button:not(.ui-state-disabled):hover .icon {
    color: #fff;
}

#status_matches_full div {
	background: #b9e1a1;
	border: 1px solid #72b46d;
}
#status_matches_full .ui-icon {
    background-image: url("../styles/ui/images/ui-icons_4eb305_256x240.png");
}
#status_matches_empty div {
	background: #f89a84;
	border: 1px solid #ff0000;
}
#status_matches_empty .ui-icon {
    background-image: url("../styles/ui/images/ui-icons_555555_256x240.png");
}
#status_matches_empty p {
	color: #333333;
}


/* submenu inbox */
.inbox_menu li {
	border: 1px solid #fff;
	border-bottom: none;
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	font-size: 14px;	
	margin: 0 15px 0px 0;
	padding: 3px 10px 3px 2px;
	color: #666;
	cursor: pointer;
}
.inbox_menu li span {
	margin-top: 3px;
	margin-right: 2px;
}
.inbox_menu li.active {
	background: #F6FBFF;
	background-image: none !important;
	color: #333;
	border: 1px solid #ccc;
	border-bottom: none;
	padding-bottom: 4px;
	padding-top: 2px;
	position: relative;
	top: 1px;
	cursor: default;
}
.inbox_content {
	width: 100%; 
	margin: 0px auto; 
	border: 1px solid #ccc; 
	border-top: 1px solid #bbb;
}
.count_matches {
	float: left; 
	margin-left: 15px; 
	font-size: 13px;
}
.count_matches #matches {
	font-size: 17px;
}
.preset_description b {
	white-space: nowrap;
}

/* PRESETS */

.preset_select {
	float: right;
	width: 482px;
	height: 170px;
	margin: 10px 10px 0;
	background: url('../images/bg_preset_select.png') no-repeat left top !important;
}
.preset_select .preset_inner {
	margin: 10px 10px 10px 15px;
}
.preset_select .preset_details {
	list-style: none;
}
.preset_select ul {
	margin: 0 0 0 20px;
}
.preset_select table.tableless {
	width: 100%;
}
.preset_select td {
	vertical-align: top;
}
.preset_select #select_title {
	font-size: 19px;
	margin-right: 6px;
	text-shadow: -1px 0 2px #fff;
}
.preset_select #select_info {
	white-space: nowrap;
	font-size: 11px;
}
.preset_select #select_description {
	
}
.preset_manual {
	width: 234px;
	padding: 10px 0 0 10px;
}
.preset_divider {
	height: 1px; 
	margin: 5px 10px 11px; 
	border-top: 1px solid #ddd;
}
.preset_auto {
	padding: 0px;
	overflow: auto;
}
.preset_auto .preset_list li,
.preset_list a {
	width: 31%;
	float: left;
	margin-right: 3px;
	margin-left: 10px !important;
}
.preset_left .preset_list {
	width: 100%;
}
.preset_list a {
	border: 1px dotted rgb(225,225,225); 
	background: url('../images/bg.jpg') !important;
	color: #505050;
	margin: 0 0 10px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
}

.preset_list li {
	background: #f8fbff;
	list-style: none;
	margin: 0 0 10px 0;
	border: 1px solid #c8c8c8;
	text-align: center;
	cursor: pointer;
	background: url("../images/bg_date_empty.gif") repeat-x left bottom #F1F9FF;
}
.preset_list li:hover,
.preset_list a:hover {
	border: 1px solid #aaa;	
}
.preset_list .preset_inner {
	padding: 2px 0 4px 0;
	border: 1px solid white;
}
.preset_manual li .preset_inner {
	padding: 5px 0 7px 0;
}
.preset_list .preset_info {
	font-size: 11px;
	color: #555;
}
.preset_list li.active {
	background-image: url(../images/bg_active_plan.png) !important;
	background-position: left top;
	border: 1px solid #ff9a3c;
	cursor: default;
	color: #333;
}
.preset_list .preset_title {
	font-size: 13px;
	line-height: 20px;
}
.preset_manual .preset_title {
	font-size: 15px !important;
}
.preset_list li .preset_description {
	display: none;
}
.preset_list li.active .tournament {
	background: url("../images/bg_plan_icon_large_tournament.png") no-repeat scroll right center transparent
}
.preset_list li.active .league {
	background: url("../images/bg_plan_icon_large_league.png") no-repeat scroll right center transparent
}
.preset_list li.active .training {
	background: url("../images/bg_plan_icon_large_training.png") no-repeat scroll right center transparent
}


/* CUSTOM LINK */
.custom_link {
    /*margin-bottom: 5px;*/
    display: inline-block;
    margin-left: 2px;
}
.public_website {
    max-width: 350px;
    min-width: 300px;
}
.website_link {
    font-weight: 400;
}
.public_website a span:not(.icon) {
    width: auto;
    max-width: 90%;
    display: inline-block;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
a.custom_link,
.public_website {
    margin-top: 8px;
}
.public_website a,
a.custom_link {
    text-decoration: none;
	line-height: 14px;
    font-size: 110%;
    color: #555;
}
.public_website a span,
a.custom_link span {
  transition: all 0.1s;
}
.public_website a .icon,
a.custom_link .icon {
  text-decoration: none;
  margin-right: 5px;
  vertical-align: top;
  font-size: 14px;
}
.public_website a span:not(.icon),
a.custom_link span:not(.icon) {
  text-decoration: none;
  border-bottom: 1px solid #777 !important;
  display: inline-block;
  padding-bottom: 2px;
}
.public_website a:hover span:not(.icon),
a.custom_link:hover span:not(.icon) {
  text-decoration: none;
  border-bottom: 1px solid transparent !important;
}
.public_website a:hover span,
a.custom_link:hover span {
  color: #000;
}
.custom_links { 
	/*clear: both;*/
	overflow: auto;
	/*margin: 8px 0px 0;*/
	position: relative;
	left: -2px;
  padding: 1px 0;
}
.custom_links div {
	float: left;
	margin: 0 25px 0 0;
    white-space: nowrap;
}


/* CREDIT BONUS */
.credits {
	padding-top: 2px;
	font-size: 13px;
	display: block;
}
.credit_bonus_content {
	font-size: 11px;
	color: #228B22;
}
.credit_bonus {
	background-color: #228B22;
    color: white;
    padding: 0 2px 1px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
    line-height: 18px;
}
.credit_bonus:hover {
	text-decoration: none !important;
}
.credit_match {
	background-color: #999;
    color: white;
    padding: 0 2px 1px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
    line-height: 18px;
}
.credit_transaction {
	background-color: #fd7300;
    color: white;
    padding: 0 2px 1px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
    line-height: 18px;
}


#credit_user {
	border-top: 1px solid #ccc; 
	line-height: 12px; 
}
#credit_user a {
	padding: 8px 11px 8px 20px; 
	display: block;
	text-decoration: none;
}
#credit_user a:hover {
	background: url("../images/bg_active_plan.png") !important;
}

.header_dropdown ul li.premium a {
	color: #3e873e !important;
	font-weight: bold;
}

/* CREDIT MATCH HINT */
.credit_match_hint {
	padding: 0px !important;
}
.credit_match_hint div {
	text-align: center;
	font-size: 11px;
}
#credit_match_false, .credit_match_false {	/* yellow */
	background: #fff99f;
	border: 1px solid #ebec8f;
	border-right: 0px;
	border-left: 0px;

	font-size: 13px;
    padding: 4px 0;
}
#credit_match_true, .credit_match_true {	/* green */
	background: #ccffcc;
	border: 1px solid #b2e5b2;
	
	background: #f1f1f1;
	border: 1px solid #ddd;
	color: #777;
	
	border-right: 0px;
	border-left: 0px;
}

img.screenshot {
	float: right;
	border: 1px solid #ccc;
	margin-left: 15px;
}
.gradient_gray {
	background: url('../images/bg_gradient_gray2.png') repeat-x left top !important;
}


/* CREDIT PACKAGE */
.credit_package {
	width: 240px;
	margin: 0px;
	text-align: left;
}
.credit_package .credit_title {
	background: url('../images/credit_title.png') no-repeat top left;
	background-size: 100% auto;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	border-bottom: 1px solid white;	
	background-color: #ee8d33;
	color: white;
	font-size: 16px;
	text-indent: 10px;
}
.credit_package .credit_description {
	background: #f6f6f6;
	border-bottom: 1px solid white;
	text-indent: 10px;
	line-height: 17px;
	padding-bottom: 10px;
	color: #666;
}
.credit_package .credit_description b {
	padding: 5px 0 3px 0;
	display: block;
	font-size: 13px;
}
.credit_package .credit_description div {
	text-indent: 0px;
	padding-left: 10px;
}
.credit_package .credit_price {
	height: 6px;
	background: #eaeaea;
	border-bottom: 1px solid white;
}
.credit_package .credit_price b {
	margin-right: 6px;
	font-size: 13px;
}
.package_link, package_hint {
	background: url('../images/credit_select.png') no-repeat top left;
	background-size: 100% auto;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	color: #333;
	background-color: #ffbd72;
	text-decoration: none;
	display: block;
	width: 240px;
}
.package_link:hover {
	text-decoration: underline;
}
.credit_package .credit_select:hover {
	text-decoration: underline;
}
.package_hint {
	background-color: #d1d1d1;
	font-size: 14px;
	line-height: 22px;
}
.package_hint div,
.package_link div {
	display: table;
	margin: 0 auto;
}
.package_hint .ui-icon,
.package_link .ui-icon {
	background-image: url('../styles/ui/images/ui-icons_555555_256x240.png');
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}
.credit_package ul {
	list-style: none;
	padding: 5px 0 0 0;
}
.credit_package ul li {
	font-size: 13px;
	line-height: 23px;
}
.credit_package ul li span {
	margin: 0 6px 0 0;
}
/*
.match_arrow {
	position: absolute; 
	right: 5px; 
	top: 50%;
	margin-top: -11px;
	display: none;
	cursor: pointer;
	z-index: 10;
}
*/
.select_matches.match_arrow:hover td {
	/*cursor: pointer;*/
}
.select_matches.match_arrow:hover .match_gallery,
.select_matches.match_arrow:hover .match_report {
	/*visibility: hidden;*/
}

#logs .log_match_report {
	/*font-size: 11px !important;*/
	/*line-height: 14px !important;*/
	padding: 0 4px 0px 4px; 
	white-space: normal; 
	position: relative;
	top: -4px;

	font-size: 0.9167em !important;
	line-height: 1.167em !important;
}

/* ads */

.a1 {
	text-align: center; 
	/*height: 90px;*/
}
#a2 {
	overflow: hidden;
	float: right;
	/* padding: 0 8px; */ 
	padding: 0; 
	vertical-align: top;
	width: 160px;
}
#a2 ins:first-child {
	margin-bottom: 15px !important;
}
#a4 {

}


/* icons */

icon.ui-icon {
	display: inline-block;
	vertical-align: top;
}


#phpbb .icon {
	font-family: inherit !important;
}

#box_news img {
	max-width: 420px;	
}


/* TOOLTIP */

.tooltip_title {
	font-size: 16px;
	line-height: 28px;
}
.ui-tooltip-content {
	line-height: 17px;
}
.ui-tooltip, .ui-tooltip .arrow:after, .ui-tooltip-content {
	background: #333;
}
.ui-tooltip {
	border: none !important;
	color: #eee !important;
	position: absolute !important;
	display: inline-block !important;
	font-size: 12px !important;
	padding: 5px 15px 6px !important;
	box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5) !important;
	border-radius: 3px !important;
	background: #333 !important;
	max-width: 300px;
	z-index: 1005;
}
.ui-tooltip .arrow {
	width: 16px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -12px;
}
.ui-tooltip .arrow.top {
	top: -7px;
	bottom: auto;
}
.ui-tooltip .arrow.left {
	left: 20%;
}
.ui-tooltip .arrow:after {
	content: "";
    position: absolute;
    left: 2px;
    top: -6px;
    width: 12px;
    height: 11px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
	bottom: -2px;
	top: auto;
}
.ui-tooltip-content {
	position: relative;
	z-index: 1;
}
.ui-tooltip-content div[class^="tooltip_button"] {
	display: inline;
	opacity: 0.7;
	cursor: pointer;
}
.ui-tooltip-content div[class^="tooltip_button"]:hover {
	opacity: 1;
}
.tooltip_button_stop {
	float: right;
}
.ui-tooltip-content div[class^="tooltip_button"] .icon {
	font-size: 10px;
}
.assistent_tooltip {
	z-index: 9;
	/*z-index: 106;*/
	padding: 5px 10px 6px !important;
	min-width: 50px;
	margin-left: 7px;
}

#popup_content {
	overflow: auto;
}
#popup_content .text_content {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	line-height: 1.6em;
}
#content_popup .text_content_title {
	font-size: 13px;
	font-weight: bold;
	margin-top: -5px;
	line-height: 1.8em;

	font-size: 16px;
	font-weight: normal;
}
#content_popup .text_content_right {
  float: right;
}
.box_top_background .cell_single {
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);
}



.plan_info button.ui-button {
	height: 27px;
}
.premium_rebate {
	/*font-family: "Open Sans",​sans-serif;*/
	background: #489B38;
	border-radius: 5px;
	padding: 4px 7px 5px;
	font-size: 13px;
	line-height: 100%;
	position: absolute;
	top: -29px;
	left: 75%;
	/*left: 50%;*/
	transform: translateX(-50%);
	text-shadow: none;
	font-weight: 300;
	color: #fff;
	opacity: 0.8;
	transition: all 0.3s ease;
	z-index: 10;
}
.premium_rebate:hover {
	opacity: 1;
}
.premium_rebate b {
	font-weight: 400;
}
.premium_rebate_arrow {
	position: absolute;
	left: 50%;
	left: 35%;
	transform: translateX(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	bottom: -5px;
	background: inherit;
}
.hint_expire_plus {
	background-color: #888;
}
.hint_expire_premium, .hint_expire_trial {
	background-color: #489b38;
}
.hint_expire_business {
	background-color: #386e7f;
}

/* NEXT MATCH BUTTON */

.next_match_button {
	position: absolute; 
	left: 15px; 
	top: 15px;
	cursor: pointer;
}
.next_match_button .tooltip {
	position: absolute; 
	left: 0; 
	right: 0; 
	top: 0; 
	bottom: 0; 
	background: transparent; 
	z-index: 1;
}
.next_match_button input {
	vertical-align: sub;
}
.next_match_button.disabled {
	opacity: 0.5;
}
/* v2 */
/*
.next_match_button {
	color: #000;
	opacity: 0.5;
	top: 0;
	left: 10px;
	padding: 3px 6px;
	border-radius: 4px; 
	background: #fff99f;
	transition: all 0.3s ease;
}
.next_match_button:hover {
	opacity: 1;
}
.next_match_button.active {
	background: #b3efb3;
}
*/

@media screen and (max-width: 500px) {
	.save_buttons {
		margin: 0 15px 0 auto !important;
		float: right;
	}
}
.save_buttons {
	margin: 0 auto;
}

.framework_user .header_menu_right li:first-child {
	padding-right: 0 !important;
}

.header_button_standard,
.header_button_business,
.header_button_enterprise,
.header_button_premium,
.header_button_plus,
.header_button_basic,
.header_button_trial {
	margin-left: 8px;
	padding: 3px 10px 3px 8px;
	opacity: 0.8;
	transition: opacity 0.3s ease;
	text-decoration: none;
	border-radius: 3px;
}
.header_button_standard .icon,
.header_button_business .icon,
.header_button_enterprise .icon,
.header_button_premium .icon,
.header_button_plus .icon,
.header_button_basic .icon,
.header_button_trial .icon {
	font-size: 11px;
}
.header_package_button  {
	text-transform: uppercase;
}
.header_button_basic {
	background: #888;
	/*background: #ef7b00;*/
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
.header_button_business {
	background: #386e7f;
	color: #fff !important;
	padding-left: 6px;
	opacity: 0.75;
}
.header_button_enterprise {
	background: #11aa78;
	color: #fff !important;
	padding-left: 6px;
	opacity: 0.75;
}
.header_button_premium {
	background: #387f37;
	color: #fff !important;
	padding-left: 6px;
	opacity: 0.75;
}

.header_button_standard {
	background: #ef7b00;
	color: #fff !important;
	padding-left: 6px;
	opacity: 0.75;
}
.header_button_plus {
	background: #888;
	color: #fff !important;
	text-shadow: none;
}
.header_button_trial {
	background: #FFFFAA;
	color: #505050 !important;
	border: 1px solid #eeef95;
	opacity: 1;
}
.header_button_business:hover,
.header_button_enterprise:hover,
.header_button_premium:hover,
.header_button_standard:hover,
.header_button_plus:hover,
.header_button_basic:hover,
.header_button_trial:hover {
	opacity: 1;
	text-decoration: none;
}
@media screen and (max-width: 960px) {
	#header_menu_top {
		right: 10px;
	}
}

.nowrap {
	white-space: nowrap;
}

.box_tooltip {
	background: #333;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 8px;
	margin: 5px 0 0 0;
}

.result_custom {
	/*font-size: 11px;*/
}
.result_custom_title {
	display: inline-block;
	min-width: 65px;
	margin-right: 5px;
}

/* DESIGN UPDATE 2018-09-07 */

.groupstage_description div:not(.table-cell):not(.table-row), .table_description,
.table_description {
	color: #666;
}
.groupstage_description div:not(.table-cell):not(.table-row),
.groupstage_values_inner,
.table_description,
.group, 
.match .team_number,
.match[class*="relegated"] .team_number,
.match[class*="promoted"] .team_number {
	/*border-color: #ccc !important;*/
  /*border-color: #0000002a !important;*/

  border-color: #fff !important;
}

/* TEAMLIST BEST */

.team_best span {
	vertical-align: middle;
}
.team_best_edit {
	background: #fff;
	cursor: pointer;
}
.team_best:not(.team_best_edit) span {
	font-size: 10px;
}
.team_best:not(.team_best_edit) .icon {
	font-size: 11px;
}
.team_best {
	width: 40px;
	text-align: right;
}
.team_best:not(.team_best_active) .icon {
	color: #ddd;
	transition: color 0.3s ease;
}
.team_best:not(.team_best_active):hover .icon,
.team_best_active .icon {
	color: #EEC731;
}
.team_best span:not(.icon) {
	margin-right: 3px;
	color: #666;8JLJUKSH
}



/*** ANIMATIONS ***/


/* ROTATE */

.animate_rotate {
	-webkit-animation: frame_rotate 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_rotate 2s infinite alternate;
    box-shadow: 0 2px 2px #0003;
}
@keyframes frame_rotate {
	0% { transform: rotate(-2deg); }
	50% { transform: rotate(2deg); }
	100% { transform: rotate(-2deg); }
}
.animate_rotate:hover {
	animation: none;	
}

.animate_rotate2 {
	-webkit-animation: frame_rotate2 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_rotate2 2s infinite alternate;
    box-shadow: 0 2px 2px #0003;
}
@keyframes frame_rotate2 {
	0% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	100% { transform: rotate(-5deg); }
}
.animate_rotate2:hover {
	animation: none;	
}

/* PULSE */

.animate_pulse {
	-webkit-animation: frame_pulse 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_pulse 2s infinite alternate;
    display: inline-block;
    transition: transform 0.5s ease;
}
@keyframes frame_pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

.animate_pulse2 {
	-webkit-animation: frame_pulse2 1.5s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_pulse2 1.5s infinite alternate;
    display: inline-block;
    transition: transform 0.5s ease;
}
@keyframes frame_pulse2 {
	0% { transform: scale(1); }
	50% { transform: scale(1.5); }
	100% { transform: scale(1); }
}

.animate_pulse_translatex {
	-webkit-animation: frame_pulse_translatex 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_pulse_translatex 2s infinite alternate;
    display: inline-block;
    transition: transform 0.5s ease;
}
@keyframes frame_pulse_translatex {
	0% { transform: scale(1) translateX(-50%); }
	50% { transform: scale(1.1) translateX(-45%); }
	100% { transform: scale(1) translateX(-50%); }
}

/* VERTICAL */

.animate_vertical {
	-webkit-animation: frame_vertical 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_vertical 2s infinite;
    position: relative;
}
@keyframes frame_vertical {
	0% { top: 0px; }
	50% { top: 12px; }
	100% { top: 0px; }
}


/* HORIZONTAL */

.animate_horizontal_right {
	-webkit-animation: frame_horizontal_right 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_horizontal_right 2s infinite;
    position: relative;
}
@keyframes frame_horizontal_right {
	0% { left: 0px; }
	50% { left: 12px; }
	100% { left: 0px; }
}

.animate_horizontal_left {
	-webkit-animation: frame_horizontal_left 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_horizontal_left 2s infinite;
    position: relative;
}
@keyframes frame_horizontal_left {
	0% { left: 0px; }
	50% { left: -12px; }
	100% { left: 0px; }
}


@media screen and (min-width: 651px) {
	.show_mobile {
		display: none !important;
	}
}
@media screen and (max-width: 650px) {
	.show_notmobile {
		display: none !important;
	}
}


/* OTHER ANIMATIONS */


@-webkit-keyframes slideDown {
	0% {
		transform: translateY(-300px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-300px)
	}
	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(-300px)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(-300px)
	}
}

@-webkit-keyframes rotateInRight {
	0% {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateInRight {
	0% {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateOutRight {
	0% {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateOutRight {
	0% {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@-webkit-keyframes rotateOutRightX {
	0% {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@keyframes rotateOutRightX {
	0% {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@-webkit-keyframes rotateInLeft {
	0% {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
	to {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
}

@keyframes rotateInLeft {
	0% {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
	to {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
}

@-webkit-keyframes rotateOutLeft {
	0% {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
	to {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
}

@keyframes rotateOutLeft {
	0% {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
	to {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
}

@-webkit-keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateOutAndriod {
	0% {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateOutAndriod {
	0% {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}


.fadeOut {
	animation-name: fadeOut;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


.animate_fadeindown {
	animation: fadeInDown .267s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInDown {
	animation: fadeInDown .267s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInLeft {
	animation: rotateInLeft 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateInAndriod {
	animation: rotateInAndriod 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutAndriod {
	animation: rotateOutAndriod 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateOutLeft {
	animation: rotateOutLeft 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInRight {
	animation: rotateInRight 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutRight {
	animation: rotateOutRight 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInRightX {
	animation: rotateInRightX 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutRightX {
	animation: rotateOutRightX 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.noAnimation .rotateInAndriod,
.noAnimation .rotateInLeft,
.noAnimation .rotateInRight,
.noAnimation .rotateInRightX,
.noAnimation .rotateOutAndriod,
.noAnimation .rotateOutLeft,
.noAnimation .rotateOutRight,
.noAnimation .rotateOutRightX {
	animation: none
}

.noAnimation .outlookAndroidScreen,
.noAnimation .outlookCalendarScreen,
.noAnimation .outlookIphoneAppScreen,
.noAnimation .outlookTabletScreen {
	transform: none
}

.noAnimation .outlookTabletScreen {
	max-height: none;
	transform: scale(1.3) translateX(-10%)
}






.public_blur .global_top,
.public_blur #public_settings,
.public_blur .main,
.public_blur .global_bottom,
.public_blur #public_head_background {
	filter: blur(5px);
}





/*** BOX - NORMAL ***/
.box_main {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.box_main td {
	padding: 0px;
	/*font-size: 1em;*/

}

/* TOP */
.box_top_left {
	/*background-color: #f0f0f0;*/
	display: table;
	width: 12px;
	height: 8px;
	/*background-image: url(../images/bg_top_left.gif);
	background-position: left top;*/
	
	background-image: url(../images/box_common.png?2);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	position: relative;
	left: 4px;
}

.box_top_background {
	padding: 0 10px 0 0px !important;
	overflow: hidden !important;
	color: white;
	font-weight: bold;
	font-size: 13px !important;
	height: 22px;
	height: 7px;
	background: #fff url(../images/bg_top.png) repeat-x;
	overflow: hidden;	
}

.box_top_right {
	/*background-color: #f0f0f0;*/
	display: table;
	width: 12px;
	height: 8px;
	/*background-image: url(../images/bg_top_right.gif);
	background-position: right top;*/
	
	background-image: url(../images/box_common.png?2);
	background-position: -14px 0px;
	background-repeat: no-repeat;
	
	position: relative;
	left: -4px;
}

/* SPACER */
.box_top_spacer_left, .box_top_spacer_content, .box_top_spacer_right {
	padding: 0px !important;
	font-size: 0px !important;
	height: 0px !important;
}
.box_top_spacer_left {
	/*background-color: #f0f0f0;*/
	background-image: url(../images/bg_left.png?2);
	width: 13px;
	background-position: left top;
	background-repeat: repeat-y;	
}
.box_top_spacer_content {
	padding: 0px !important;
	background-color: white;	
}
.box_top_spacer_right {
	/*background-color: #f0f0f0;*/
	background-image: url(../images/bg_right.png?2);
	width: 13px;
	background-position: right;
	background-repeat: repeat-y;	
}

/* LEFT, CONENT, RIGHT */
.box_left {
	/*background-color: #f0f0f0;*/
	background-image: url(../images/bg_left.png?2);
	width: 13px;
	background-position: 2px 0;
	background-repeat: repeat-y;
}

.box_content_container {
	padding: 0px !important;
	background-color: white;
}

.box_right {
	/*background-color: #f0f0f0;*/
	background-image: url(../images/bg_right.png?2);
	width: 13px;
	background-position: -2px 0;
	background-repeat: repeat-y;
}

/* CONTENT CONTAINER */
.box_content {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* BOTTOM */
.box_bottom_left, .box_bottom_background, .box_bottom_right {
	/*background-color: #f0f0f0;*/
	height: 3px !important;
	padding: 0px !important;
	margin: 0px;
	display: block;
	font-size: 1px;
}
.box_bottom_left {
	/*background-color: gray;*/

	/*background-image: url(../images/bg_bottom_left.gif);
	background-repeat: no-repeat;*/
	width: 12px;	
	height: 13px !important;
	background-image: url(../images/box_common.png);
	background-position: 0px -23px;
	background-repeat: no-repeat;
	position: relative;
	left: 4px;
	top: -4px;
}

.box_bottom_background {
	width: auto;
	height: 13px !important;
	background-image: url(../images/bg_bottom.png?2);	
	background-repeat: repeat-x;
	background-position: 0 -4px;
	margin: 0 4px 0 3px;
}

.box_bottom_right {
	/*background-color: gray;*/

	/*background-image: url(../images/bg_bottom_right.gif);
	background-repeat: no-repeat;*/
	width: 12px;
	height: 13px !important;

	background-image: url(../images/box_common.png);
	background-position: -14px -23px;
	background-repeat: no-repeat;
	
	position: relative;
	left: -4px;
	top: -4px;
}

/* --- FORM BOX ----- */
.form_box_main {
	width: 100%;
	text-align: center;
}


/* --- BOX 2 ----------------------------- */
.box_2_main {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.box_2_main td {
	padding: 0px;
	font-size: 12px;
}

/* GLOBAL BORDER-WIDTH */
.box_2_top_left, .box_2_top_right,
.box_2_left, .box_2_right,
.box_2_bottom_left, .box_2_bottom_right {
	width: 1px;
	/*background-color: gray;*/
	
}

/* TOP */
.box_2_top_left {
	/*background-color: gray;*/
	display: block;
	background-image: url(../images/bg_2_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 5px;
	display: none;
}

.box_2_top_background {
	/*background-color: rgb(249,131,25);*/
	padding: 1px 5px 1px 5px !important;
	color: white !important;
	font-weight: bold;
	font-size: 11px !important;
	background-image: url(../images/bg_2_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	display: none;	
}

.box_2_top_right {
	/*background-color: gray;*/
	display: block;
	height: 15px;
	background-image: url(../images/bg_2_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 5px;
	display: none;
}

/* SPACER */
.box_2_top_spacer_left, .box_2_top_spacer_content, .box_2_top_spacer_right {
	height: 0px;
	background-color: white;
	border-top: 1px solid rgb(210,210,210);
	font-size: 1px;
}
.box_2_top_spacer_left {
	border-width: 0px;
}
.box_2_top_spacer_right {
	border-width: 0px;
}


/* LEFT, CONENT, RIGHT */
.box_2_left {
	/*background-color: gray;*/
	background-image: url(../images/bg_2_left.png);
	background-repeat: repeat-y;
	width: 8px;
}

.box_2_content_container {
	padding: 0px !important;
	/*background-color: #edf5ff;*/
	background: url(../images/bg_2_content2.gif) no-repeat right bottom #E5F1FF !important;
}

.box_2_right {
	/*background-color: gray;*/
	background-image: url(../images/bg_2_right.png);
	background-repeat: repeat-y;	
	width: 8px;
}

/* CONTENT CONTAINER */
.box_2_content {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.box_2_content .cell_menu {
	position: relative;
}
/* BOTTOM */
.box_2_bottom_left, .box_2_bottom_background, .box_2_bottom_right {
	/*height: 1px !important;*/
	/*background-color: white;*/
	/*border-bottom: 1px solid #bbbbbb;*/
	font-size: 1px;
}
.box_2_bottom_left {
	/*background-color: gray;*/
	background-image: url(../images/bg_2_bottom_left.png);
	background-repeat: repeat-y;	
	width: 8px;
	height: 8px;	
	
}

.box_2_bottom_background {
	/*background-color: gray;*/
	background-image: url(../images/bg_2_bottom.png);
	background-repeat: repeat-x;
	background-position: top;	
	height: 8px;	
}

.box_2_bottom_right {
	/*background-color: gray;*/
	background-image: url(../images/bg_2_bottom_right.png);
	background-repeat: repeat-y;	
	width: 8px;
	height: 8px;	
}
.box_2_content .cell_menu_last {
	border-bottom: 1px solid rgb(210,210,210);
}
.box_2_content .cell_content {
	padding-left: 10px !important;	
}
.cell_menu, .cell_menu_last {
	padding: 3px !important;
}
.cell_menu a {
	line-height: 15px !important;
}

/* --- SUBMENU ----------------------------- */

.submenu {
	width: auto;
	height: 29px;
	margin: 0 0 0 8px;
	/*border-bottom: 1px solid #eca872;*/	
	background-image: url(../images/line_horizontal.png);
	background-repeat: repeat-x;	
	background-position: bottom;
}
.submenu a {
	cursor: pointer;
	text-decoration: none !important;
	display: table;
	float: left;
}
.submenu .menu_entry_left {
	display: block;
	float: left;
	/*margin: 0 0 0 3px;*/
	margin: 0;
	width: 10px;
	height: 19px;
	background-image: url(../images/bg_menu_entry_left.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.submenu .active .menu_entry_left {
	background-image: url(../images/bg_menu_entry_left_active.png);
	margin-left: 1px;
}
.submenu .menu_entry_right {
	display: block;
	float: left;
 	margin: 0;
	width: 10px;
	height: 19px;
	background-image: url(../images/bg_menu_entry_right.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.submenu .active .menu_entry_right {
	background-image: url(../images/bg_menu_entry_right_active.png);
	margin-right: 3px;
}
.submenu .menu_entry {
	display: block;
	float: left;
	padding: 4px 15px 0px !important;
	background-image: url(../images/bg_menu_entry.png);
	background-repeat: repeat-x;	
	height: 19px;
	font-size: 11px;
	color: #6f6053;
	text-decoration: none;
	text-shadow: 0px 1px #ffefdf;
	overflow: auto;
}
.submenu .active .menu_entry {
	padding: 3px 13px 0px !important;
	background-image: url(../images/bg_menu_entry_active.png);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0 1px #d0680f;
}
.submenu .menu_entry a {
	font-size: 11px;
	color: #6f6053;
	text-decoration: none;
}
.submenu .active .menu_entry a {
	color: white;
	text-decoration: none;
	text-shadow: 0 1px #d0680f;
	font-size: 12px;
}

/* SUBMENU - GEAR */
.submenu .gear .menu_entry_left {
	background-image: url(../images/bg_menu_gear_left.png);
}
.submenu .gear .menu_entry_right {
	background-image: url(../images/bg_menu_gear_right.png);
}
.submenu .gear .menu_entry {
	background-image: url(../images/bg_menu_gear.png);
	padding: 3px 4px 0 4px !important;
	color: white !important;
}
.submenu .gear .menu_entry .ui-icon {
	background-image: url("../styles/ui/images/ui-icons_ffffff_256x240.png");
	background-position: -193px -113px;
	width: 15px;
}
#gear_outter {
	position: relative; 
	float: left; 
	top: 1px;
}
a.gear {
	outline: none !important;
	background: #72b46d;
	border-radius: 5px 5px 0 0;
	padding: 1px 8px 1px;
	margin: 0 3px;
	border: 1px solid rgba(0,0,0,0.05)
}
a.gear .icon {
	color: #f2ffea;
	margin: 0;
	font-size: 14px;
	text-shadow: 0 0 8px rgba(0,0,0,0.4);
}
#gear_select {
	display: none;
	position: absolute;
	top: 18px;
	left: 0px;
	border: 1px solid #72b46d;
	background: #f2ffea;
	padding: 0px;
	text-decoration: none;
	text-align: left;
	z-index: 99;
}
#gear_select a {
	line-height: 26px;
	display: block;
	white-space: nowrap;
	padding-right: 28px;
	float: none;
}
#gear_select a:hover {
	background: #b9e1a1;
	text-decoration: none;
	vertical-align: middle;
	color: #000;
}
#gear_select .ui-icon {
	float: left;
	margin-top: 4px;
}
/* ----------------- */

.menu_spacer {
	width: 0px;
}

.submenu_spacer {
	height: 8px !important;
}

.menu_horizontal .active {
/*	background-color: rgb(100,100,100);
	padding: 1px 20px 1px 20px !important;*/
	color: white !important;
	font-weight: bold;
	font-size: 11px;
}



/* ------------------------------------------------------------------------------ */
/* --- GLOBAL SPACER ----------------------*/
.spacer_3 {
	height: 45px;
	display: block;
	clear: both;
}
.spacer_2 {
	height: 30px;
	display: block;
	clear: both;
}
.spacer {
	height: 15px;
	display: block;
	clear: both;
}
.spacer_half {
	height: 7px;
	display: block;
	clear: both;	
}
.spacer_half2 {
  height: 4px;
  display: block;
  clear: both;  
}
.spacer_elimination_cross {
	height: 1px;
	border: 1px solid #f5f5f5;
	border-width: 7px 0;
	display: block;
	clear: both;
	background: #ccc;
	position: relative;
	top: -1px;
}
/* --- CELL ------ */

.hide.even, .hide.odd {
	display: none;
}
.even > td,
.even_1, .even_2, .even_3, .even_4, .even_5, .even_6, .even_7, .even_last,
.even_last_1, .even_last_2, .even_last_3, .even_last_4, .even_last_5, .even_last_6, .even_last_7 {
	/*background-color: rgb(240,249,255);*/
	background-color: white;	
	border-bottom: 1px solid #fff;
}

.odd > td,
.odd_1, .odd_2, .odd_3, .odd_4, .odd_5, .odd_6, .odd_7, .odd_last,
.odd_last_1, .odd_last_2, .odd_last_3, .odd_last_4, .odd_last_5, .odd_last_6, .odd_last_7 {
	background-color: rgb(248,251,255);
	background-color: #eff5fd;	/* v2.0 */
	background-color: #eef5ff;	/* v2.1 */
	background-color: #f4f9ff;	/* v2.2 */
	background-color: #f6fbff;	/* v2.3 */
  background-color: #f2f8ff;  /* v2.4 */
	/*background-image: url(../images/bg.jpg);*/
	border-bottom: 1px solid #fff;
}

.even_last_1, .even_last_2, .even_last_3, .even_last_4, .even_last_5, .even_last_6, .even_last_7,
.odd_last_1, .odd_last_2, .odd_last_3, .odd_last_4, .odd_last_5, .odd_last_6, .odd_last_7,
.even_last, .odd_last {
	border-bottom: 0px;
}

.cell_1, .cell_2, .cell_3, .cell_4, .cell_5, .cell_6, .cell_7, .cell_last, .cell_single {
	/*padding: 6px 4px !important;*/
	padding: 0.5em 0.33em !important;
}
.cell_last {
	/*white-space: nowrap !important;*/
}
.cell_1 {
	padding-right: 15px !important;
}

.cell_description, .cell_description_1, .cell_description_2, .cell_description_3, .cell_description_4, .cell_description_5, .cell_description_6, .cell_description_7, .cell_description_last {
	padding: 4px !important;
	/*border-bottom: 1px solid #ddd;*/
  border-bottom: 0px;
  border-bottom: 1px solid transparent;
	text-align: left !important;
}
.cell_description, .cell_description_1 {
	padding-left: 8px !important;
}
.cell_description_last {
	padding-right: 10px !important;	
}

.box_content .cell_strong_content[class*="cell_description"] {
	vertical-align: top !important;
}
.cell_strong_content {
	font-weight: normal;
	font-size: 108% !important;
	color: #444 !important;
	vertical-align: top !important;
	text-align: right;
}

.cell_content {
	/*font-size: 12px;*/
	/*font-size: 1em;*/
	vertical-align: middle;
}

.box_content .cell_content, .box_content .cell_strong_content {
	/*line-height: 18px;	*/
	line-height: 140%;	
	vertical-align: middle !important;
}
.cell_form_button {
	border-top: 1px solid rgb(200,200,200);
	border-top: 0px solid #ddd;
	background-color: #edf5ff;
	background-color: #e3efff; /* v2.0 */
	background-color: #e9f3ff; /* v2.2 */

  background-color: #e5f1ff;
}
.cell_form_button.cell_content {
  background-color: #d6e6fa;
}
.cell_form_button.cell_content .form_button_2 {
  /*border-color: transparent;*/
}
.cell_form_button.cell_content .form_button_2:not(.form_button_2_highlight):hover {
  background: #fff !important;
}
.cell_form_newentry {
	font-size: 11px !important;
	background-image: url(../images/bg_form_newentry2.gif);
	background-repeat: repeat;
	color: rgb(150,150,150);
	cursor: pointer;
	font-size: 12px !important;
	display: block;
	text-decoration: none;
}
.cell_form_newentry:hover {
	background-image: none;
	background-color: white; /*rgb(248,251,255);*/
	cursor: pointer;
	color: rgb(186,128,78);
	color: rgb(237, 120, 25) !important;
}


.box_main .attention {	
	background-image: url(../images/bg_active_plan.gif) !important;
	background-repeat: repeat !important;
	background-color: white;

	text-align: center;
	background: #eb5635 !important;
	color: #fff !important;
	border-radius: 0;
	border: none;
}
.box_main .attention span:not(.icon) {
	font-size: 130%;
	display: block;
	line-height: 150%;
}
.box_content .active td {
	background-color: transparent !important;
	background-position: expression(-this.offsetLeft);
}
.box_roundlist .round_team_2 .active {
    border-radius: 0 6px 6px 0;
}

.box_content .expired td,
.box_content .expired input,
.box_content .expired select {
	/*color: gray;*/
}
.expired .color_normal_2 {
	color: gray !important;
}

#content_popup {
	height: 100%;
	width: 100%;
	background-color: rgb(237, 245, 255);
}
#content_popup .box_top_background .cell_single {
	padding-left: 15px !important;
	height: 22px !important;
	padding: 0 0 0 15px !important;
}

.text_content {
	padding: 0 20px 0 0px;
	line-height: 18px;
	font-size: 13px;
}
.text_content td {
	vertical-align: top;
	/*font-size: 12px;*/
}

#intro_content {
	text-align: left; 
	font-size: 12px; 
	vertical-align: top;
	background-image: url(../images/intro.jpg);
	background-repeat: no-repeat;
	background-position: 253px -8px;	
}

.error, .error_message {
	color: rgb(255, 51, 0);
	font-size: 11px;
	clear: both;
	display: block;
}
.error_inner span {
	font-size: 12px !important;
	color: #777;
	display: block;
	margin-top: 10px;
}
.error_inner {
	padding: 40px 0 10px !important;
	font-size: 16px !important;
	color: #333;
	font-weight: normal;
}
.system_message {
	color: green;
	font-size: 11px;
	clear: both;
	display: block;
}

.text_content .error, .text_content .error_message, 
.text_content .system_message {
	font-size: 13px;
}

/* ------------------------------------------------------------------------------ */
/* --- CALENDAR ----------------------*/
.box_calendar_top_left,
.box_calendar_top_background,
.box_calendar_top_right,
.box_calendar_bottom_left,
.box_calendar_bottom_background,
.box_calendar_bottom_right {

	/* IE 6 BUGFIX */
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

.c_date {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.c_date td {
	padding: 0px;
	font-size: 12px;
}
.calendar .last {
	border-right: 0px !important;
}
.calendar .weekday td {
	font-weight: bold;
	padding: 4px !important;
	text-align: center !important;
	border-right: 0px !important;
	width: 14%;
}
.calendar .date td {
	text-align: right;
	background-color: rgb(229, 241, 255);
	border-top: 1px solid rgb(200,200,200);
}
.calendar .day .day_td {
	vertical-align: top;
	height: 65px;
	padding: 0 3px 5px 3px;
	background: #f9fdff url('../images/bg_calendar_day.gif') no-repeat 0px -1px;
}
.calendar .day .active {
	background: #fdf9f0 url('../images/bg_active_day.png') repeat-x top !important;
}
.calendar .date .active {
	color: #303030;	
}
.calendar .c_date {
	background-color: #f6fbff;
	line-height: 12px;		
	vertical-align: middle;
	cursor: pointer;
	padding: 3px;
	/*margin: 3px 3px 4px 3px;*/
	margin: 3px 0 0px 0;
	border-collapse: collapse;
}
.calendar .c_date img {
	width: 9px;
	height: 9px;
}
.calendar .c_title {
	font-size: 11px;
}
/* DATE OPEN */
.calendar .date_open {
	background-color: rgb(255, 255, 153);
	color: #848484 !important; 
	
	background: #f9ff36 top repeat-x url('../images/bg_date_open.gif');	/* new design */
}
.calendar .day .date_open:hover {
	background-color: rgb(255, 255, 102);
	
	background: #ffffa7 top repeat-x url('../images/bg_date_open_hover.gif'); /* new design */
}
/* DATE NEXT */
.calendar .date_next {
	background-color: rgb(153, 255, 153);
	color: #464646 !important;
	
	background: #57e75a top repeat-x url('../images/bg_date_next.gif'); /* new design */
}
.calendar .day .date_next:hover {
	background-color: rgb(114, 255, 114);
	
	background: #94f6a0 top repeat-x url('../images/bg_date_next_hover.gif'); /* new design */
}
/* DATE EMPTY */
.calendar .date_empty {
	background-color: rgb(246, 251, 255);
	color: #848484 !important;
	
	/*background: #e8f1fa top repeat-x url('../images/bg_date_empty.gif');*/
	background: #e8f1fa top repeat url('../images/bg.jpg'); /* new design */
}
.calendar .day .date_empty:hover {
	background-color: rgb(229, 241, 255);
	
	background: #f1f9ff top repeat-x url('../images/bg_date_empty_hover.gif'); /* new design */
	background: #fafafc;
}
/* DATE FULL */
.calendar .date_full {
	background-color: rgb(246, 251, 255);
	color: #464646 !important;
	
	background: #e8f1fa top repeat-x url('../images/bg_date_empty.gif'); /* new design */
}
.calendar .day .date_full:hover {
	background-color: rgb(229, 241, 255);
	
	background: #f1f9ff top repeat-x url('../images/bg_date_empty_hover.gif'); /* new design */
}
/* CALENDAR - BORDER */
.calendar .c_date .box_calendar_top_background {
	background-image: url('../images/bg_calendar_horizontal.gif');
	background-repeat: repeat-x;
	background-position: top;
	height: 1px !important;
}
.calendar .c_date .box_calendar_bottom_background {
	background-image: url('../images/bg_calendar_horizontal.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	height: 1px !important;
}
.calendar .c_date .box_calendar_left {
	background-image: url('../images/bg_calendar_vertical.gif');
	background-repeat: repeat-y;
	background-position: top left;
	width: 1px !important;
}
.calendar .c_date .box_calendar_right {
	background-image: url('../images/bg_calendar_vertical.gif');
	background-repeat: repeat-y;
	background-position: top right;
	width: 1px !important;
}
/* CALENDAR - BORDER HOVER */
.calendar .c_date:hover .box_calendar_top_background {
	background-image: url('../images/bg_calendar_hover.gif');
	background-repeat: repeat-x;
	background-position: top;
	height: 1px !important;
}
.calendar .c_date:hover .box_calendar_bottom_background {
	background-image: url('../images/bg_calendar_hover.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	height: 1px !important;
}
.calendar .c_date:hover .box_calendar_left {
	background-image: url('../images/bg_calendar_hover.gif');
	background-repeat: repeat-y;
	background-position: top left;
	width: 1px !important;
}
.calendar .c_date:hover .box_calendar_right {
	background-image: url('../images/bg_calendar_hover.gif');
	background-repeat: repeat-y;
	background-position: top right;
	width: 1px !important;
}
/* CALENDAR - TOP & BOTTOM */
.box_calendar_top_left,
.box_calendar_top_right,
.box_calendar_bottom_left,
.box_calendar_bottom_right {
	height: 2px !important;
	width: 2px !important;
}
.calendar .c_date:hover .box_calendar_top_left,
.calendar .c_date:hover .box_calendar_top_right,
.calendar .c_date:hover .box_calendar_bottom_left,
.calendar .c_date:hover .box_calendar_bottom_right {
	background: #9b9b9d;
}
/* CALENDAR - TOP ECKEN */
.calendar .c_date .box_calendar_top_left {	 
	background: #cecad8 url('../images/bg_calendar_top_left.gif');	
}
.calendar .c_date .box_calendar_top_right {
	background: #cecad8 url('../images/bg_calendar_top_right.gif');
}
/* CALENDAR - BOTTOM ECKEN */
.calendar .c_date .box_calendar_bottom_left {
	background: #cecad8 url('../images/bg_calendar_bottom_left.gif');
}
.calendar .c_date .box_calendar_bottom_right {
	background: #cecad8 url('../images/bg_calendar_bottom_right.gif');
}
/* CALENDAR - TOP ECKEN - HOVER */
.calendar .c_date:hover .box_calendar_top_left {	 
	background: #9b9b9d url('../images/bg_calendar_top_left.gif');	
}
.calendar .c_date:hover .box_calendar_top_right {
	background: #9b9b9d url('../images/bg_calendar_top_right.gif');
}
/* CALENDAR - BOTTOM ECKEN */
.calendar .c_date:hover .box_calendar_bottom_left {
	background: #9b9b9d url('../images/bg_calendar_bottom_left.gif');
}
.calendar .c_date:hover .box_calendar_bottom_right {
	background: #9b9b9d url('../images/bg_calendar_bottom_right.gif');
}
/* CALENDAR - LEGEND */
.calendar .legend {
	border-top: 1px solid rgb(200,200,200);
	padding: 2px 2px 2px 4px !important;
}
.calendar .legend div.box {
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	border: 1px solid rgb(204,204,204); 
}
.calendar .legend span {
	float: left;
	line-height: 17px;
	margin-right: 15px;
	font-size: 11px;
}

/* FEEDBACK */
.box_feedback {
	border-collapse: collapse;
	/*position: relative;
	top: 0px;*/
}
.box_feedback .home_title {
	font-size: 12px !important;
}
.box_feedback .box_content {
	background-color: #ffffaa;	
	border-collapse: collapse;
}
.box_feedback div, .box_feedback td {
	padding: 0px;
	margin: 0px;	
}
.box_feedback_left, .box_feedback_right {
	width: 8px;
}
.box_feedback_bottom_background {
	font-size: 0px;
}
.box_feedback_top_background {
	font-size: 0px;
}
.box_feedback_top_left, .box_feedback_top_right,
.box_feedback_bottom_left, .box_feedback_bottom_right {
	width: 8px;
	height: 5px;
	font-size: 0px;
	padding: 0px;
}
.box_feedback_top_background {
	background-image: url('../images/bg_feedback_top.gif');
	background-repeat: repeat-x;
}
.box_feedback_bottom_background {
	background-image: url('../images/bg_feedback_bottom.gif');
	background-repeat: repeat-x;
}
.box_feedback_left {
	background-image: url('../images/bg_feedback_left.gif');
	background-repeat: repeat-y;
}
.box_feedback_right {
	background-image: url('../images/bg_feedback_right.gif');
	background-repeat: repeat-y;
}
.box_feedback_top_left {
	background-image: url('../images/bg_feedback_top_left.gif');
	background-repeat: no-repeat;
}
.box_feedback_top_right {
	background-image: url('../images/bg_feedback_top_right.gif');
	background-repeat: no-repeat;
}
.box_feedback_bottom_left {
	background-image: url('../images/bg_feedback_bottom_left.gif');
	background-repeat: no-repeat;
}
.box_feedback_bottom_right {
	background-image: url('../images/bg_feedback_bottom_right.gif');
}

.box_signup input.form_input {
	font-size: 15px !important;
}

/* ATTENTION */
.box_attention {
	/*background-color: #ffffaa !important;*/
	background-color: #fff99f !important;
	/*border: 1px solid #eeef95;*/
	padding: 9px 10px;
	margin: 0 0 0 0;
	display: inline-block;
	border-radius: 5px;
	font-size: 13px;
	line-height: 18px;
}
.box_attention .icon {
	font-size: 15px;
	vertical-align: sub;
}
.box_attention .form_button_2 {
	margin-left: 10px;
}

/* REDESIGN 2013 */

.title_icon, .copy_widget,
.title_outer, .title_main {
	display: none;
}
.title_main {
	display: none;
}
#content_popup .box_top_background .title_main,
#TB_window .box_top_background .title_main {
	display: block;
}
#content_popup .box_main {
	background: white;
}
.even_1, .even_2, .even_3, .even_4, .even_5, .even_6, .even_7, .even_last, .even_last_1, .even_last_2, .even_last_3, .even_last_4, .even_last_5, .even_last_6, .even_last_7 {
	background: none;
}
.even_1, .even_2, .even_3, .even_4, .even_5, .even_6, .even_7, .even_last, .even_last_1, .even_last_2, .even_last_3, .even_last_4, .even_last_5, .even_last_6, .even_last_7 {
	background: none;
}
.cell_1, .cell_single {
    padding-left: 8px !important;
}
.box_content_container {
	/*background: url("../images/bg_gradient_gray2.png") repeat-x scroll 0 -1px transparent;*/
}
.box_main .box_content_container {
	background-color: white;
}
#content_popup .box_top_background,
#TB_window .box_top_background {
	background-image: url("../images/bg_top.gif");
}

.button_dark {
	border-radius: 4px;
	text-decoration: none !important;
	padding: 4px 8px;
	color: #fff;
	
/*	background: -moz-linear-gradient(top,  rgba(174,174,174,0.3) 0%, rgba(255,255,255,0.3) 50%, rgba(174,174,174,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,174,174,0.3)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(100%,rgba(174,174,174,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(174,174,174,0.3) 0%,rgba(255,255,255,0.3) 50%,rgba(174,174,174,0.3) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4daeaeae', endColorstr='#4daeaeae',GradientType=0 ); /* IE6-9 */*/
	background: #222;
	transition: all 0.3s ease;
}
.button_dark:hover {
	background-color: #444;
}

.box_title {
	font-size: 1.167em !important;
	font-weight: normal !important;
	color: #666;
	text-shadow: 0 1px 0 #fff;
}
div.box_title {
	/*padding: 4px 0 4px 10px;*/
  padding: 6px 0 6px 10px;
}


.box_buttons {
	background: #f6f6f6; 
	/*border-bottom: 1px solid #ddd;*/
  /*border-bottom: 1px solid #ebebeb;*/
	padding: 7px 6px 2px 5px;
	overflow: auto;
}
.box_buttons .form_button {
	float: left;
	margin: 0 4px 5px;
}
.box_buttons .button_more {
	display: table; 
	margin: 2px auto 5px;
	color: #777;
	text-decoration: none;
}
.box_buttons .button_more .icon {
	font-size: 12px;
	text-decoration: none;
}
.box_buttons .button_more span {
	text-decoration: underline;
}
.box_buttons .button_more:hover span {
	text-decoration: none;
}


/* CUSTOM TABLE */
.table-caption {
	display: table-caption;
}
.table-out {
	display: inline-block;
	vertical-align: middle;
}
.table {
	display: table;
	width: inherit;
}
.table-row {
	display: table-row;
}
.table-cell, .table-cell-top {
	display: table-cell;
}
.table-cell {
	vertical-align: middle;
}
.table-cell-top {
	vertical-align: top;
}
.table-cell .wordwrap, .table-cell-top {
	word-wrap: break-word;
}
.table-row > .table-cell:last-child > .teamlogo,
.table-row > .table-cell-top:last-child > .teamlogo {
	margin: 0 0 0 0.49em;
}
.table-row > .table-cell:last-child > .teamlogo.flag-icon,
.table-row > .table-cell-top:last-child > .teamlogo.flag-icon {
	margin: 0 0 0 0.3em;
}
.cell_log_2 .table-out {
	margin-bottom: 2px;
}

.teamlogo {
	font-size: 85%;
	padding: 0.3em;
	border-radius: 1em;
	text-decoration: none;
	margin-right: 0.49em;
	vertical-align: middle;
	display: inline-block;

	font-size: 99.35%;
}
.teamlogo.flag-icon {
	padding: 0;
	margin-right: 0.3em;
	font-size: 137%;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);

	font-size: 158%;
}
.teamlogo svg {
	fill: inherit;
	width: 1em;
	height: 1em;
	position: relative;
}
.teamlogo svg g {
	fill: inherit;
	width: 100%;
	height: 100%;
	position: absolute;
}
img.teamlogo {
	width: 1.6em;
	height: 1.6em;
	border-radius: 0.5em;
	padding: 0;
}
.teamlogo.teamlogo_transparent {
	padding: 0;
	font-size: 99.35%;
}
.teamlogo.icon.teamlogo_transparent {
	width: 1.6em;
	text-align: center;
}
.teamlogo.icon.teamlogo_transparent[class*="icon-"] {
	font-size: 137%;
	width: auto;
}
.teamlogo.teamlogo_transparent svg {
	height: 1.6em;
	width: 1.6em;
}
.expired .teamlogo {
	/*opacity: 0.7;*/
}
.description_match {
	position: relative;
	min-height: 18px;
}
.description_match span {
	position: absolute;
	transform: translateX(-45%);
}
.team_win {
	font-weight: 600 !important;
	font-size: 113%;
}
.dates_inner .team_win .team_name_inner {
  font-weight: 600;
}
.team_lose {
	opacity: 0.8;
}


	

.form_select {
	display: inline-block;
	padding: 0px 5px;
	cursor: pointer;
	border-radius: 3px;
	transition: background 0.3s;
	font-size: 13px;
	position: relative;
	top: -1px;
	left: -5px;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.form_select_inactive {
	cursor: default;
}
.form_select_inactive .form_select_arrow {
	display: none;	
}
.form_select > span {
	vertical-align: middle;
	transition: color 0.3s;
}
.form_select .form_select_arrow {
	margin-left: 10px;
	font-size: 35px;
	color: #888;
	/*padding-bottom: 0.5ex;*/
	line-height: 20px;
	/*font-family: "Open Sans",​sans-serif;*/
	vertical-align: text-bottom;
}
.form_select:hover:not(.form_select_inactive),
.form_select_hover {
	background: #f5f5f5;
}
.form_select:hover:not(.form_select_inactive) span:last-child,
.form_select_hover span:last-child {
	/*color: #333;*/
}
.form_settings_tr:not(.form_settings_tr_border) {
	border: none !important;	
}
.form_settings_list,
.form_select_list {
	max-height: 0;
	transition: max-height 0.3s;
	overflow: hidden;
	position: relative;
	left: -5px;
}
.cell_strong_content .form_settings_list {
	position: static;
}
.form_settings_list ul,
.form_select_list ul {
	list-style: none;
	display: table;
	/*margin-top: 5px;*/
	margin-bottom: 5px;
}
.form_settings_list_inner li > div,
.form_select_list_inner li > div {
	margin-left: 25px;
	float: right;
}
.form_select_list div {
	margin-top: 1px;
	border-radius: 50px;

	border: 1px solid #bbb;
	background: none;
	width: 18px;
	height: 18px;
}
.form_settings_list li,
.form_select_list li {
	padding: 2px 5px;
	border-radius: 3px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    line-height: 25px;
}
.form_select_list li:hover {
	cursor: pointer;
	background: #f5f5f5;
}
.form_select_list li.form_select_selected div {
	background: #fff;
	border: 5px solid #f8952c;
	width: 10px;
	height: 10px;
}
.form_settings_tr .form_select_list,
.form_settings_tr .form_settings_list .form_select {
	left: 0;
	
}
.form_settings_tr.form_settings_list_show .form_settings_list,
div.form_settings_list_show,
div.form_select_list_show {
	max-height: 1000px;
  overflow: visible;
}

.form_select_list_inner,
.form_settings_list_inner {
	margin: 5px 0;
}
.form_settings_tr .form_settings_list_inner {
	margin: 5px 0 10px 0;
}
.form_settings_tr > td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.form_select_selected.form_select_premium div {
	border-color: red !important;
}

.form_checkbox {
	border-radius: 100px;
	background: #f8952c;
	width: 45px;
	height: 23px;
	padding: 2px;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	vertical-align: middle;
	box-sizing: border-box;
}
.form_checkbox_premium {
	background: red;
}
.form_checkbox div {
	background: white;
	border-radius: 100px;
	border: none;
	width: 19px;
	height: 100%;
	margin-left: 22px;
	transition: margin 0.2s;
}
.form_checkbox.form_checkbox_inactive {
	background: #aaa;
}
.form_checkbox.form_checkbox_inactive div {
	margin-left: 0px;
}
@media screen and (max-width: 600px) and (min-width: 551px) {
	.settings_box .cell_strong_content {
		width: 260px !important;
	}
}
@media screen and (max-width: 550px) {
	.form_select,
	.form_settings_list,
	.form_select_list {
		left: 3px;
	}
	.form_settings_list div,
	.form_select_list div {
		margin-left: 15px;
	}
}

.form_package_link {
	background: #ff9634;
	border-radius: 4px;
	padding: 4px 6px;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	line-height: 100%;
	font-size: 11px;
	transition: background 0.3s ease;
	text-shadow: 0px -1px 0px #CE670F66;
}
.form_package_link:hover {
	background: #ef7b00;
}
.form_package_link span {
	vertical-align: middle;	
}
.form_package_link .icon {
	font-size: 10px;
	margin-right: 3px;
}
.form_button_2 .icon-checkmark {
  font-size: 110% !important;
}
.form_button_2.form_button_2_inactive:not(.button_editmatch) {
    cursor: default !important;
}
.form_button_2.form_button_2_inactive:not(.form_button_2_transparent) {
    background: #f1f1f1;
}
.form_button_2 {
	min-height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	cursor: pointer;
	border: 1px solid #d1d1d1;
  border-width: 0 0 1px 0;
	border-radius: 5px;
	border-collapse: separate;
	display: inline-block;
	padding: 3px 8px;
	margin-top: 1px;
	background: rgb(255,255,255);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	text-decoration: none;
	vertical-align: middle;

	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-width: 34px; 
    text-align: center;


    background: #eee;
    border-color: #ccc;
    transition: background 0.3s;
    padding: 4px 12px;
    font-weight: 500;
}
.form_button_2:hover {
    text-decoration: none;
}
.form_button_2_transparent {
    background: transparent;
    border-bottom-color: transparent;
}
.cell_form_button {
	/*background: #8bbaf1cc;*/
}
#edit_match_form .cell_form_button {
	background: #e9f3ff;
}
#edit_match_form .cell_form_button .form_button_2  {
	border-color: #c0c5cb;
  border-color: #ccc;
}
.form_button_2_large {
	font-size: 15px !important;
	line-height: 100% !important;
	font-weight: 500 !important;
	padding: 8px 15px !important;
}
.form_button_2_large .icon {
  font-size: 90% !important;
}
.form_button_2_lowlight {
  background: #eee;
}
.cell_form_button .form_button_2_highlight {
  background: #547aa6;
  color: #fff;
}
.form_button_2_highlight {
  background: #f8952c;
  color: #fff;
}
.form_button_2_highlight .icon {
  color: #fff !important;
}
.cell_form_button .form_button_2_highlight:hover {
  background: #3C628E !important;
  color: #fff !important;
}
.form_button_2_highlight:hover {
  background: #ef7b00 !important;
  color: #fff !important;
}
.button_edit_match:hover,
.form_button_2:not(.fbc2):not(.form_button_2_inactive):hover,
.form_button_2_active {
/*	background: rgb(238,249,255);
  background: -moz-linear-gradient(top,  rgba(238,249,255,1) 0%, rgba(212,231,251,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(238,249,255,1) 0%, rgba(212,231,251,1) 100%);
  background: linear-gradient(to bottom,  rgba(238,249,255,1) 0%, rgba(212,231,251,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef9ff', endColorstr='#d4e7fb',GradientType=0 );*/

    background: #ddd;
    color: #000;
}
.ui-widget:active,
.form_button_2:not(.fbc2):not(.form_button_2_inactive):active {
    transform: scale(0.96);
}
@media screen and (max-width: 650px) {
    .select_matches:not(.expired) .button_showmatch.form_button_2:active,
    .button_editmatch.form_button_2:active {
        transform: scale(0.96)  translateY(-50%) !important;
    }
}
.form_button_2 span:not(.icon) {
	text-align: center;
}
.form_button_2 span:last-child,
.form_button_2 input {
	margin: 0 0 0 5px;
}
.form_button_2 span:first-child {
	margin: 0;
}
.form_button_2 input {
	background: transparent;
	border: none;
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	font-size: 12px;
}
.form_button_2 span {
	vertical-align: middle !important;
}
.form_button_2 span.icon-entity {
	font-size: 16px;
	margin-left: 0;
	line-height: 60%;
	color: #EC8E0C;
}
.form_button_2_inactive,
.form_button_2_inactive .icon,
.form_button_2_inactive .icon-entity {
	color: #777 !important;
}
.form_button_2 .icon {
	font-size: 10px;
	color: #EC8E0C;
	line-height: 16px;
	vertical-align: baseline;
}
.form_button_2 .ui-icon {
	display: inline-block;
	background-image: url(ui/images/ui-icons_ef8c08_256x240.png);
	background-color: transparent;
	border: none;

}

/* FORM BUTTON 3 */

.form_button_3 {
    display: inline-block;
    background: #ddd;
    border-radius: 50%;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    margin-right: 5px;
    transition: background 0.3s;
}
.form_button_3 .icon {
    font-size: 100%;
    color: #555;
    margin: 0;
}
.form_button_3:hover {
    background: #ccc;
}

.fbc2_green {
	background: #6DAF60;
	border: 1px solid #5A9C4D;
	opacity: 0.7;
	transition: opacity 0.3s ease;
	color: #fff;
	text-shadow: none;
}
.fbc2_green:hover,
.fbc2_active {
	opacity: 1;
}
.fbc2_active {
	background: #489B38;
}
.fbc2_green .icon {
	color: #fff;
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.form_box_main {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.form_box_left {
	width: 30%;
}
.form_box_content {
	width: 30%;
	text-align: center;
}
.form_box_right  {
	width: 30%;
}
.form_input, .form_input_nofocus, #phpbb input[type="text"], #phpbb input[type="password"], #phpbb select, #phpbb .inputbox, .textarea {
	font-size: 14px !important;
	color: #444;
	border: 1px solid #ddd;
	padding: 1px 1px 1px 2px;
	padding: 3px 5px;
	/*border-bottom: 1px solid #aaa;*/
	/*font-family:arial,tahoma,verdana,sans-serif;*/
  font-family: 'Roboto',sans-serif;
  font-weight: 300;
}
.form_input, .form_input_nofocus, #phpbb input[type="text"], #phpbb input[type="password"], #phpbb select, #phpbb .inputbox,
.dates_match_result {
	border-radius: 3px;
}
.form_input_nofocus option {
	color: rgb(50,50,50);
}
#edit_match_form .dates_match_result .form_input.focus {
	margin-bottom: -1px !important;
	margin-top: -1px !important;
	height: 19px;
}
.form_input {
  font-weight: 400;
  min-height: 18px;
}

textarea, input:not([type=checkbox]) {
  -webkit-appearance: none;
}
input[type=url], 
input[type=text], 
input[type=email],
input[type=password] {
	padding: 5px 8px;
}
textarea.form_input {
	/*font-size: 12px !important;*/
  line-height: 130%;
}


.form_input_default {
	color: gray !important;
}

.form_input_small {
	font-size: 10px !important;
	color: rgb(50,50,50);
	border: 1px solid rgb(150,150,150);
	border-bottom: 1px solid rgb(100,100,100);
	padding: 0 2px;
}

.focus,
.form_input:focus {
	/*border: 1px solid #ED7819 !important;*/
	/*background-color: #ffe8cf;*/
	border: 1px solid #95b7ee !important;
	border: 1px solid #fff !important;
	background-color: #e8f0fe;
	background-color: #fefefe !important;
	box-shadow: 0 0 2px 2px #a1c5ff;
	outline: none;
}
.focus_small,
.form_input_small:focus {
	border: 2px solid #589adb !important;
	background-color: #e9f3ff;	

	margin-left: 0px !important;	
}
#feedback.form_input {
	background-color: white;
	/*border: 1px solid #dedf7d;*/
	border: 1px solid rgb(200,200,200);
	
}
.box_feedback #feedback.focus {
	background-color: white;
	border: 1px solid rgb(200,200,200) !important;
}

select.focus, 
select.focus_small,
select.form_input:focus,
select.form_input_small:focus {
	border: 1px solid rgb(150,150,150) !important;
	border-bottom: 1px solid rgb(100,100,100) !important;
	background-color: white !important;
}

.pointer {
	cursor: pointer;
}

/* FORM BUTTON */
.float_buttons_left, .float_buttons_right {	
	white-space: nowrap !important;
	text-align: right;
	display: block;
}
.float_buttons_center {	
	white-space: nowrap !important;
	text-align: center;
	display: block;
}
.float_buttons_left .form_button,
.float_buttons_left .form_button_2 {
	float: left;
	margin-right: 3px;
}
.float_buttons_right .form_button,
.float_buttons_right .form_button_2 {
	float: right;
	margin-right: 5px;	
}
 .float_buttons_center .form_button,
 .float_buttons_center .form_button_2 {
	margin-right: 3px;	
	display: inline-block;
	margin-top: 1px;
	margin-bottom: 1px;
}
.a_form_button {
	border: 1px dotted black;	
	width: auto !important;
	display: list-item;
}
.form_button  {
	border-collapse: collapse;
	padding: 0px !important;
	margin: 0px;
	height: 20px !important;
	
}

.form_button td, .form_button input {
	line-height: 20px !important;
	height: 20px !important;
	
	/*font-family:arial,tahoma,verdana,sans-serif;*/
	font-size: 11px;
	color: black !important;
	text-decoration: none;	
	cursor: pointer;
	background: transparent;
}
.form_button .form_button_left {
	min-width: 4px !important;
	/*background-image: url(../images/bg_form_button_left.gif);
	background-position: top;*/
	
	background-image: url(../images/form_button_common.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.form_button .form_button_content {	
	height: 20px !important;
	background-image: url(../images/bg_form_button.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px 3px 0 4px !important;
	border-width: 0px;
	cursor: pointer;	
}
.form_button .form_button_content input {
	height: 20px !important;
	background-image: url(../images/bg_form_button.png);
	background-repeat: repeat-x;
	background-position: top;
	border-width: 0px;
	cursor: pointer;
	padding: 0 0 1px !important;
	margin: 0px !important;
}
.form_button .form_button_content span {
	/*line-height: 21px;*/
}
.form_button .form_button_right {
	min-width: 4px;
	/*background-image: url(../images/bg_form_button_right.gif);
	background-position: top;*/
	
	background-image: url(../images/form_button_common.png);
	background-position: -5px 0px;	
	background-repeat: no-repeat;
}

/* INACTIVE FORM_BUTTON */
.form_button_inactive td, .form_button_inactive input {
	color: gray !important;
	cursor: default;
}
.form_button_inactive .form_button_content,
.form_button_inactive input {	
	cursor: default !important;
	outline: 0px;
}
.form_button_inactive:hover .form_button_left {
	background-image: url(../images/form_button_common.png) !important;
	background-position: 0px 0px !important;
}
.form_button_inactive:hover .form_button_content, .form_button_inactive:hover .form_button_content input {
	background-image: url(../images/bg_form_button.png) !important;
}
.form_button_inactive .form_button_right,
.form_button_inactive:hover .form_button_right {
	background-image: url(../images/form_button_common.png) !important;
	background-position: -5px 0px !important;	
}


/* HOVER FORM_BUTTON */
.form_button:hover .form_button_left,
.form_button_hover .form_button_left {
	/*background-image: url(../images/bg_form_button_hover_left.gif);*/

	background-image: url(../images/form_button_common.png);
	background-position: -10px 0px;	
}

.form_button:hover .form_button_content, 
.form_button:hover .form_button_content input,
.form_button_hover .form_button_content, 
.form_button_hover .form_button_content input {
	background-image: url(../images/bg_form_button_hover.png);
}
.form_button:hover .form_button_right,
.form_button_hover .form_button_right {
	/*background-image: url(../images/bg_form_button_hover_right.gif);*/
	
	background-image: url(../images/form_button_common.png);
	background-position: -15px 0px;		
}

/* HOVER+ FORM_BUTTON */
.form_button_hover .form_button_left,
.form_button_hover:hover .form_button_left {
	background-position: -10px 0px !important;	
}
.form_button_hover:hover .form_button_content, 
.form_button_hover:hover .form_button_content input {
	background-image: url(../images/bg_form_button_hover.png) !important;	
}
.form_button_hover .form_button_right,
.form_button_hover:hover .form_button_right {
	background-position: -15px 0px !important;
}

/* JQUERY - UI ICONS */

.form_button .ui-icon {
	float: left;
	margin-top: 2px;
}
.form_button .ui-state-default,
.form_button_inactive .ui-state-default {
	font-weight: normal;
}
.form_button_inactive .ui-state-default .ui-icon {
	background-image: url("../styles/ui/images/ui-icons_222222_256x240.png") !important;
}
.ui-button {
	cursor: pointer;
}

.button_notext .ui-button-text {
	padding: 0 15px !important;
	display: inline !important;
}

#navigation .float_buttons_left .form_button .form_button_content {
	width: 1.9em;
	text-align: center;
}

.form_button_close {
	background: rgb(243,243,244);
	background: -moz-linear-gradient(top,  rgba(243,243,244,1) 0%, rgba(255,255,255,1) 50%, rgba(232,232,232,1) 50%, rgba(241,241,242,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(243,243,244,1) 0%,rgba(255,255,255,1) 50%,rgba(232,232,232,1) 50%,rgba(241,241,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(243,243,244,1) 0%,rgba(255,255,255,1) 50%,rgba(232,232,232,1) 50%,rgba(241,241,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#f1f1f2',GradientType=0 );

	border: 1px solid #888;
	border-radius: 4px;
	display: inline;
	padding: 2px 10px;
	line-height: 1em;
	font-size: 12px;
	cursor: pointer;
	color: #000;
}
.form_button_close .icon {
	font-size: 10px;
	color: #ec8e0c;
	vertical-align: middle;
}
.form_button_close:hover {
	
}

.business_hint_bottom,
.premium_hint_bottom {
	color: #555 !important;
	background: #fff99f;
	padding: 9px 10px 5px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	font-size: 15px;
	text-align: center;
	line-height: 120%;
}
.business_hint_bottom .form_button_2,
.premium_hint_bottom .form_button_2 {
	margin: 7px 10px 10px;
	/*min-width: 130px;*/
	text-align: center;
	padding: 6px 8px;
	border-color: #e7e88e;
	letter-spacing: 0.5px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	/*font: 12px Arial, Helvetica, sans-serif;*/
	color: #333333;
	padding: 0 1px 0 1px;
}

#TB_secondLine {
	/*font: 10px Arial, Helvetica, sans-serif;*/
	color:#666666;
}

/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:106;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background: url('../images/transparent_55b.png');
	background-color:#eee5;
	/*filter:alpha(opacity=35);*/
	/*-moz-opacity: 0.35;*/
	/*opacity: 0.35;*/
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.global_top,
.global_main,
.global_bottom {
  /*transition: blur 1s;*/
}
body.thickbox .global_top,
body.thickbox .global_main,
body.thickbox .global_bottom {
  /*filter: blur(2px);*/
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 108;
	color: #505050;
	display:none;
	box-shadow: 0 0 0px 5px #848484;
	/*box-shadow: 0 0 1px 5px #0007;*/
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px 5px 5px 5px;
	padding: 0;
	text-align:left;
	top:50%;
	left:50%;
	border-radius: 1px;
	box-sizing: border-box;
}
.TB_image {
	border: 0px;
	overflow: auto;
	margin:0 -2px 0 0;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	/*margin: 15px 0 0 15px;*/
/*	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;*/
}
#TB_window.tb_hide {
	display: none !important;
}

#TB_caption{
	/*height:25px;*/
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:0px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding: 0px 0 0 0;
	width: 100%;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:107;	/* old 103 */
	top: 45%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_spinner {
    position: fixed;
    display:none;
    z-index:107;    /* old 103 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.spinner {
    width: 40px;
    height: 40px;
    border: 6px #ddd solid;
    border-top: 6px #ff9430 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% { 
        transform: rotate(360deg); 
    }
}


* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin: 0px;
}
#TB_iframeContent, #TB_ajaxContent {
	/*border: 1px solid #ddd;	*/
	background-color: #fff;
	border-color: #e9f3ff;
}





/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
/*.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }*/
.ui-helper-hidden-accessible { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-size: 14px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../styles/ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../styles/ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    border: 1px solid #cccccc; background: #f6f6f6 url(../styles/ui/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; 
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
    border: 1px solid #fbcb09; background: #fdf5ce url(../styles/ui/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #da7f07; 


    font-weight: 400;
    background: #f4a44e;
    color: #fff;
    text-shadow: none;
    border: 0px solid #fb972d;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../styles/ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../styles/ui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../styles/ui/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../styles/ui/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../styles/ui/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../styles/ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../styles/ui/images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../styles/ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../styles/ui/images/ui-icons_ef8c08_256x240.png); }
/*.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }*/
.ui-state-highlight .ui-icon {background-image: url(../styles/ui/images/ui-icons_ef8c08_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../styles/ui/images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(../styles/ui/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../styles/ui/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.3;  }
.ui-button-text-only .ui-button-text { padding: .4em 0.7em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.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; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.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; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.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*/
}/*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }











@media screen and (max-width: 550px) {
	#debug_box, #debug_box2 {
		display: none;
	}
}

/* TOGGLE OPTION */

.toggle_option {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	padding: 1px;
	vertical-align: middle;
	cursor: pointer;
	transition: all 0.2s ease;
	color: #666;
	display: inline-block;
}
.toggle_option .icon {
	margin-right: 5px;
	font-size: 15px;
	background: #fff;
  border-radius: 5px;
}
.toggle_option input {
	display: none;
}
.toggle_option.checked .icon-checkbox-unchecked,
.toggle_option:not(.checked) .icon-checkbox-checked {
	display: none;
}
.toggle_option:not(.checked):hover {
	color: #000;
}
.toggle_option.checked {
	opacity: 1;
	color: green;
}


.text_hint_gray {
	background: #999;
	color: #fff;
	border-radius: 5px;
	padding: 1px 7px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
}


.roundlist_matchcount_outer {
	position: relative;
}
.roundlist_matchcount {
	position: absolute;
	text-align: right;
	background: #fff;
	color: #333;

    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    /*border: 1px solid #bbb;*/
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

/*    top: 18px;
	left: 0px;
	width: 10px;
	height: 21px;
	line-height: 20px;
	font-size: 11px;*/

	top: 0;
  transform: translateY(-50%);
	left: 0px;
	width: 0.91em;
	height: 1.75em;
	line-height: 1.67em;
	font-size: 0.917em;
  margin-top: -1px;
}
.roundlist_matchcount span {
	position: relative;
	background: #fff;
	display: block;
	text-align: right;

/*	left: -17px;
	border-radius: 50px;
	height: 19px;
	width: 19px;
	padding-right: 5px;*/

	left: -1.4167em;
	border-radius: 100px;
	height: 1.65em;
	width: 1.583em;
	padding-right: 0.4167em;
}
.print_outer .roundlist_matchcount {
	top: 15px;
	left: -8px;
	border: none;
}
.print_outer .roundlist_matchcount span {
	font-size: 110%;
}

.dates_matchcount {
	border-radius: 100px;
	text-align: center;
	display: inline-block;
	color: #666;
	background: #ddd;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	
	min-width: 14px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	margin-right: 5px;
	padding: 0 2px;
}
.print_outer .dates_matchcount {
	background: none;
	font-size: 12px;
}
.print_outer .dates_matchcount::after {
	content: ".";
}

.team_nolink i,
.team_link i {
	color: #999;
}


.progress_bar_out {
	position: absolute;
	left: 15px;
	top: 13px;
}
.group_prefix {
    border-radius: 3px;
    background: #afafaf;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
    color: #666;
    background: #ddd;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
    cursor: pointer;
	text-decoration: none;	
}
.group_prefix[onclick]:hover,
.group_prefix[href]:hover {
	text-decoration: underline;	
}

.link_plan {
	padding: 8px 10px 8px 15px;
	transition: background 0.3s;
	cursor: pointer;
	text-decoration: none;
	padding-left: 55px;
	position: relative;
	line-height: 160%;	
	font-weight: 400;
}
.link_plan:hover {
	background: #f3f3f3;
	background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(243,243,243,1) 20%, rgba(243,243,243,1) 80%, rgba(243,243,243,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(243,243,243,1) 20%,rgba(243,243,243,1) 80%,rgba(243,243,243,0) 100%);
	background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(243,243,243,1) 20%,rgba(243,243,243,1) 80%,rgba(243,243,243,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00f3f3f3',GradientType=1 );
}
.link_plan:hover,
.link_plan:hover * {
	text-decoration: none;
}
.link_plan:hover .plan_title {
  text-decoration: underline;
}
@media screen and (min-width: 551px) {
	.link_plan {
		/*min-width: 40%;*/
	}
}

.plan_prediction,
.plan_owner,
.plan_player,
.plan_admin_status {
	display: inline-block;
	background: #666;
	border-radius: 3px;
	min-width: 18px;
	color: #fff;
	text-align: center;
	cursor: default;
	padding: 0px 5px;
	min-width: 60px;
  margin-top: 3px;
}
.plan_admin_status.active {
	background: #6a9f69 !important;
	color: #fff;
}
.plan_admin_status.inactive {
	background: #f00a;
	color: #fff;
}
.plan_player {
	background: #eba205;
	color: #fff;
}
.plan_owner {
	background: #333;
	color: #fff;
}
.plan_prediction {
  /*background: #c95e5f;*/
  background: #6d95a1;
  color: #fff;
}

hr.hr_content {
	border-width: 5px 0 0 0;
	border-color: #eeeeee;
	margin: 30px 0 5px;
	clear: both;
}

.top_content {
	/*background-color: #fafafa !important;*/
    background-color: #f6f6f6 !important;
	/*border-bottom: 1px solid #eeeeee;*/
	margin-bottom: 10px;
  overflow: auto;
  padding: 15px 20px 5px;


}
.top_content .ui-button {
  margin-bottom: 10px;
}
@media screen and (max-width: 550px) {
    .top_content {
        padding-left: 10px;
    } 
    #header_menu_right  {
        margin-right: 5px !important;
    }
    .submenu_mobile_points {
        right: 13px !important;
    }
}

.table_description_scroll {
	display: table;
	position: relative;
}
.tr_description_fixed {
	position: fixed;
	background: #fff;
	display: none;
	top: 60px;
	padding: 5px 0 0 0;
	z-index: 1;
}
.tr_description_fixed .table-cell {
	/*border-bottom: 1px solid #bbbbbb;*/
}
.tr_description_fixed_show {
	display: block;
}


.icon-discord {
  background: url("../images/discord.svg") no-repeat;
  background-size: 100%;
  width: 17px;
  height: 17px;
  fill: red;
}

.plan_favorite {
    cursor: pointer;
    display: inline-block;
    /*color: #ffcd00;*/
    color: #ccc;
    vertical-align: middle;
    margin-left: 13px;
    margin-bottom: 2px;
}
.plan_favorite .icon {
    font-size: 18px;
    margin: 0;
}
.public_button_out .icon-star-full:not(.plan_favorite_active):hover,
.plan_favorite:not(.plan_favorite_active):hover,
.plan_favorite_active {
    color: #ffcd00 !important;
}
.plan_favorite_active:hover {
    color: #666 !important;
}
.plan_favorite_li {
    /*background: #00000007;*/
}
.header_dropdown ul li.plan_favorite_li a {
    /*color: #000 !important;*/
}