/* --------------------------
Pitwall CSS
Copyright, Frank Van Laere
-------------------------- */

*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

html {
	height:100%;
}

body {
	height:100%;
	background: #E7E7E7;
	background-image: url('/image/background_1.jpg');
	background-size: cover;
	background-attachment: fixed;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 140%;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {
	margin: 0px;
}

hr {
	border: 0;
	border-top: 2px solid #AF7B00;
	margin-top: 20px;
	margin-bottom: 20px;
}

[tooltip] {
	position: relative; /* opinion 1 */
}

[tooltip]::before,
[tooltip]::after {
	text-transform: none; /* opinion 2 */
	font-size: 1em; /* opinion 3 */
	line-height: 2em;
	font-weight: normal;
	line-height: 1.5em;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
	content: attr(tooltip); /* magic! */

	/*font-family: Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	text-align: center;

	min-width: 50px;
	width: max-content;
	max-width: 300px;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	padding: 1ch 1.5ch;
	border-radius: 8px;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: rgba(51, 51, 51, 0.95);
	color: #fff;
	z-index: 1000; 
	opacity: 1 !important;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block;
}

[tooltip='']::before,
[tooltip='']::after {
	display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
}

@keyframes tooltips-vert {
	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz {
	to {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}

#header_container {
	width: 100%;
	height: 90px;
	background-color: #115918;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.25) 0, rgba(0,0,0,0) 70%),-webkit-linear-gradient(left, #007203 70px, #007203 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0) 70%),linear-gradient(to right, #007203 50px, #007203 100%);
	color: #FFFFFF;
	text-align: center;
	overflow: auto;
}
#header {
	margin-left: 5%;
	margin-right: 5%;
}
@media screen and (max-width: 1250px) { #header {
	margin-left: 0%;
	margin-right: 0%;
}}
#header_left {
	float: left;
	width: 20%;
}
@media screen and (max-width: 500px) { #header_left {
	display: none;
}}
#header_center {
	float: left;
	width: 60%;
	font-family: 'Roboto', sans-serif;
	font-size: 1.75em;
}
@media screen and (max-width: 500px) { #header_center {
	width: 100%;
}}
#header_right {
	float: left;
	width: 20%;
}
@media screen and (max-width: 500px) { #header_right {
	display: none;
}}


#menu {
	width: 100%;
	height: 50px;
	background-color: #277F31;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 50%),-webkit-linear-gradient(left, #277F31 70px, #277F31 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 50%),linear-gradient(to right, #277F31 70px, #277F31 100%);
	color: #FFFFFF;
	
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
#menu_links {
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
}
@media screen and (max-width: 1250px) { #menu_links {
	margin-left: 0%;
	margin-right: 0%;
}}
@media screen and (max-width: 850px) { #menu_links {
	text-align: center;
}}
#menu_widgets {
	position: absolute;
	top: 0px;
	right: 0px;
}
@media screen and (max-width: 850px) { #menu_widgets {
	display: none;
}}

#menu_mobile_bar {
	display: none;
	width: 100%;
	height: 50px;
	background-color: #891C10;
	color: #FFFFFF;
	
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
@media screen and (max-width: 850px) { #menu_mobile_bar {
	display: block;
}}
#menu_mobile_bar_links {
	position: relative;
	line-height: 50px;
	padding-left: 5px;
}
@media screen and (max-width: 550px) { #menu_mobile_bar_links {
	font-size: 12px;
}}
@media screen and (max-width: 475px) { #menu_mobile_bar_links {
	font-size: 10px;
}}
@media screen and (max-width: 400px) { #menu_mobile_bar_links {
	line-height: 25px;
	margin-left: 5px;
}}

#menu_mobile_bar_links_linebreak {
	display: none;
}
@media screen and (max-width: 400px) { #menu_mobile_bar_links_linebreak {
	display: block;
}}

#menu_mobile_bar_widgets {
	position: absolute;
	top: 0px;
	right: 0px;
}
@media screen and (max-width: 550px) { #menu_mobile_bar_widgets > .dropdown_menu {
	
	padding-left: 5px;
	padding-right: 5px;
}}
@media screen and (max-width: 425px) { #menu_mobile_bar_widgets > .dropdown_menu {
	padding-left: 0px;
	padding-right: 0px;
}}

#container {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}


#sub_header_container {
	position: fixed;
	padding: 0px;
	height: 120px;
	width: 100%;

	background: #282828;
	color: #FFFFFF;
	opacity: 0.95;
}
#sub_header_left {
	float: left;
	width: 15%;
	height: 120px;
	text-align: center;

	background-image: url('image/logo/logo_background.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#sub_header {
	float: left;
	width: 85%;
	font-size: 14px;
}
#sub_header_team_bar {
	float: left;
	width: 100%;
	font-size: 13px;
	text-align: right;
}
#sub_header_menu {
	float: left;
	width: 75%;
	font-size: 14px;
}
#sub_header_search {
	float: right;
	width: 25%;
	text-align: right;
}

.sub_header_menu_item {
	text-align:center;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-right: 5px;
	border-bottom: 3px solid #891C10;
	color: #FFFFFF;
}
.sub_header_menu_item:hover { background-color: #4B4B4B;border-bottom: 3px solid #CA2112;color: #FFFFFF; }
.sub_header_menu_item a:link { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:visited { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:hover { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:active { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item_selected {
	background-color: #4B4B4B;border-bottom: 3px solid #CA2112;
}
.menu_header_active {
	border-bottom: 3px solid #8E261B;
}

.dropdown {
	position: relative;
	display: inline-block;
	line-height: 50px;
}
.dropdown-content {
	display: none;
	position: absolute;
	right:0;
	background-color: #f9f9f9;
	color: #000000;
	min-width: 175px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align: left;
	line-height: normal;
	font-weight: normal;
	z-index: 100;
}
@media screen and (max-width: 400px) { .dropdown-content {
	min-width: 150px;
}}
.dropdown-content a {
	color: #000000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.dropdown-content_gameinfo { left: 0;}
.dropdown-content_account { left: 0;}
.dropdown-content_management { left: 0;}
.dropdown-content_rd { left: 0;}
@media screen and (max-width: 375px) { .dropdown-content_rd { left: initial; right: 0;}}
.dropdown-content_personnel { left: 0;}
@media screen and (max-width: 450px) { .dropdown-content_personnel { left: initial; right: 0;}}
.dropdown-content_championship { left: 0;}
@media screen and (max-width: 600px) { .dropdown-content_championship { left: initial; right: 0;}}
.dropdown-content_racing { left: 0;}
@media screen and (max-width: 850px) { .dropdown-content_racing { left: initial; right: 0;}}

.dropdown-content_chat {
	right:0;
	background-color: #62AA3C;
	padding: 12px 16px;
	min-width: 225px;
	cursor: auto;
}
@media screen and (max-width: 400px) { .dropdown-content_chat {
	min-width: 175px;
}}
.dropdown-content_chat a {
	display: inline;
	padding: 0px;
}
.dropdown-content_chat a:hover {background-color: initial;}

.dropdown-content_notifications {
	right:0;
	/*background-color: #57a6f6;*/
	min-width: 225px;
	cursor: auto;
}

.dropdown-content_help {
	right:0;
	min-width: 225px;
	cursor: auto;
}

.dropdown_menu {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown_menu:hover { background-color: #33A53E; }
.dropdown_menu a:link { text-decoration: none; }
.dropdown_menu a:visited { text-decoration: none; }
.dropdown_menu a:hover { text-decoration: none; }
.dropdown_menu a:active { text-decoration: none; }
@media screen and (max-width: 400px) { .dropdown_menu {
	padding-left: 5px;
	padding-right: 5px;
}}

.menu_dropdown_text {
	display: inline-block;
}
@media screen and (max-width: 715px) { .menu_dropdown_text {
	display: none;
}}
.menu_dropdown_icon {
	display: none;
	font-size: 28px;
}
@media screen and (max-width: 715px) { .menu_dropdown_icon {
	display: inline-block;
}}
@media screen and (max-width: 525px) { .menu_dropdown_icon {
	font-size: 24px;
}}
@media screen and (max-width: 475px) { .menu_dropdown_icon {
	font-size: 20px;
}}
@media screen and (max-width: 425px) { .menu_dropdown_icon {
	font-size: 15px;
}}
.menu_dropdown_label {
	background: #891C10;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8rem;
	
	margin-left: 5px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.label {
	display: inline-block;
	text-align: center;
	
	color: #FFFFFF;
	min-width: 30px;
	line-height: 20px;
	margin: 1px;
	padding: 0px 4px 0px 4px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.label_green { background: #38A507;}
.label_red { background: #E2331C;}
.label_purple { background: #BF00BF;}
.label_gold { background: #FFB600;}
.label_silver { background: #C0C0C0;}
.label_bronze { background: #CD7F32;}

.header_live {
	width: 75%;
	background-color: #62AA3C;
	padding: 10px;
	color: #FFFFFF;
	text-align: center;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.header_account {
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
	color: #000000;
	text-align: right;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 1450px) { .header_account {
	font-size: 0.9em;
}}
@media screen and (max-width: 1250px) { .header_account {
	font-size: 0.8em;
}}
@media screen and (max-width: 1000px) { .header_account {
	font-size: 0.7em;
}}
@media screen and (max-width: 850px) { .header_account {
	display: none;
}}
.header_account_points {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #000000;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.header_account_points:after {
	content: '';
}
.header_account_points_designer { background-color: #57A6F6;}
.header_account_points_mechanic { background-color: #CA2112;}
.header_account_points_commercial { background-color: #FFCC5E;}

#page_container {
	margin-top: 10px;
}
#page_left {
	
}
#page {
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 85vh;
}
@media screen and (max-width: 1250px) { #page {
	padding-left: 0%;
	padding-right: 0%;
}}
#page_right {

}

#footer {
	clear: both;
	width: 100%;
	bottom: 0;
}
.footer_container {
	height: 100%;
	color: #4C4C4C;
	/*background-color: #4B4B4B;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),-webkit-linear-gradient(top, #4C4C4C 50px, #4C4C4C 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),linear-gradient(top, #4C4C4C 50px, #4C4C4C 100%);*/
	font-size: 0.9em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer_left {
	text-align: right;
	padding: 5px;
}
@media screen and (max-width: 716px) { #footer_left {
	text-align: center;
}}
#footer_right {
	text-align: left;
	padding: 5px;
}
@media screen and (max-width: 716px) { #footer_right {
	text-align: center;
}}

.header_item {
	background-color:#A02112;
	padding:4px;
	color:#FFFFFF;
	text-decoration:none;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.header_item:hover {
	color:#F4F3EB;
	background-color:#CA2112;
}

.list_item {
	display: block;
	height: 60px;
	width: 100%;
	padding: 5px;
	border-radius: 50px;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.flex_10 { flex: 1 0 10px;}
.flex_15 { flex: 1 0 15px;}
.flex_20 { flex: 1 0 20px;}
.flex_25 { flex: 1 0 25px;}
.flex_30 { flex: 1 0 30px;}
.flex_35 { flex: 1 0 35px;}
.flex_40 { flex: 1 0 40px;}
.flex_45 { flex: 1 0 45px;}
.flex_50 { flex: 1 0 50px;}
.flex_55 { flex: 1 0 55px;}
.flex_60 { flex: 1 0 60px;}
.flex_65 { flex: 1 0 65px;}
.flex_70 { flex: 1 0 70px;}
.flex_75 { flex: 1 0 75px;}
.flex_80 { flex: 1 0 80px;}
.flex_85 { flex: 1 0 85px;}
.flex_90 { flex: 1 0 90px;}
.flex_95 { flex: 1 0 95px;}
.flex_100 { flex: 1 0 100px;}
.flex_110 { flex: 1 0 110px;}
.flex_120 { flex: 1 0 120px;}
.flex_125 { flex: 1 0 125px;}
.flex_150 { flex: 1 0 150px;}
.flex_175 { flex: 1 0 175px;}
.flex_200 { flex: 1 0 200px;}
.flex_250 { flex: 1 0 250px;}
.flex_275 { flex: 1 0 275px;}
.flex_300 { flex: 1 0 300px;}
.flex_350 { flex: 1 0 350px;}
.flex_400 { flex: 1 0 400px;}
.flex_450 { flex: 1 0 450px;}
.flex_500 { flex: 1 0 500px;}
.flex_550 { flex: 1 0 550px;}
.flex_600 { flex: 1 0 600px;}
.flex_650 { flex: 1 0 650px;}
.flex_700 { flex: 1 0 700px;}
.flex_750 { flex: 1 0 750px;}
.flex_800 { flex: 1 0 800px;}
.flex_850 { flex: 1 0 850px;}
.flex_900 { flex: 1 0 900px;}
.flex_950 { flex: 1 0 950px;}
.flex_1000 { flex: 1 0 1000px;}
.flex_grow_0 { flex-grow: 0;}
.flex_grow_025 { flex-grow: 0.25;}
.flex_grow_05 { flex-grow: 0.5;}
.flex_grow_1 { flex-grow: 1;}
.flex_grow_2 { flex-grow: 2;}
.flex_grow_3 { flex-grow: 3;}
.flex_grow_4 { flex-grow: 4;}
.flex_grow_5 { flex-grow: 5;}
.flex_grow_6 { flex-grow: 6;}
.flex_grow_7 { flex-grow: 7;}
.flex_grow_8 { flex-grow: 8;}
.flex_grow_9 { flex-grow: 9;}
.flex_grow_10 { flex-grow: 10;}
.flex_hide_100 { visibility: visible;}
@media screen and (max-width: 100px) { .flex_hide_100 { display: none;}}
.flex_hide_200 { visibility: visible;}
@media screen and (max-width: 200px) { .flex_hide_200 { display: none;}}
.flex_hide_300 { visibility: visible;}
@media screen and (max-width: 300px) { .flex_hide_300 { display: none;}}
.flex_hide_400 { visibility: visible;}
@media screen and (max-width: 400px) { .flex_hide_400 { display: none;}}
.flex_hide_500 { visibility: visible;}
@media screen and (max-width: 500px) { .flex_hide_500 { display: none;}}
.flex_hide_550 { visibility: visible;}
@media screen and (max-width: 550px) { .flex_hide_550 { display: none;}}
.flex_hide_600 { visibility: visible;}
@media screen and (max-width: 600px) { .flex_hide_600 { display: none;}}
.flex_hide_650 { visibility: visible;}
@media screen and (max-width: 650px) { .flex_hide_650 { display: none;}}
.flex_hide_700 { visibility: visible;}
@media screen and (max-width: 700px) { .flex_hide_700 { display: none;}}
.flex_hide_800 { visibility: visible;}
@media screen and (max-width: 800px) { .flex_hide_800 { display: none;}}
.flex_hide_900 { visibility: visible;}
@media screen and (max-width: 900px) { .flex_hide_900 { display: none;}}
.flex_hide_1000 { visibility: visible;}
@media screen and (max-width: 1000px) { .flex_hide_1000 { display: none;}}
.flex_hide_1100 { visibility: visible;}
@media screen and (max-width: 1100px) { .flex_hide_1100 { display: none;}}
.flex_hide_1200 { visibility: visible;}
@media screen and (max-width: 1200px) { .flex_hide_1200 { display: none;}}
.flex_hide_1300 { visibility: visible;}
@media screen and (max-width: 1300px) { .flex_hide_1300 { display: none;}}
.flex_hide_1400 { visibility: visible;}
@media screen and (max-width: 1400px) { .flex_hide_1400 { display: none;}}
.flex_hide_1500 { visibility: visible;}
@media screen and (max-width: 1500px) { .flex_hide_1500 { display: none;}}


.frame_1 { float: left; width: 1%; }
.frame_2 { float: left; width: 2%; }
.frame_3 { float: left; width: 3%; }
.frame_4 { float: left; width: 4%; }
.frame_5 { float: left; width: calc(5% - 10px); }
.frame_6 { float: left; width: 6%; }
.frame_7 { float: left; width: 7%; }
.frame_8 { float: left; width: 8%; }
.frame_9 { float: left; width: 9%; }
.frame_10 { float: left; width: calc(10% - 10px); }
.frame_11 { float: left; width: 11%; }
.frame_12 { float: left; width: 12%; }
.frame_13 { float: left; width: 13%; }
.frame_14 { float: left; width: 14%; }
.frame_15 { float: left; width: calc(15% - 10px); }
.frame_16 { float: left; width: 16%; }
.frame_17 { float: left; width: 17%; }
.frame_18 { float: left; width: 18%; }
.frame_19 { float: left; width: 19%; }
.frame_20 { float: left; width: calc(20% - 10px); }
.frame_21 { float: left; width: 21%; }
.frame_22 { float: left; width: 22%; }
.frame_23 { float: left; width: 23%; }
.frame_24 { float: left; width: 24%; }
.frame_25 { float: left; width: calc(25% - 10px); }
.frame_26 { float: left; width: 26%; }
.frame_27 { float: left; width: 27%; }
.frame_28 { float: left; width: 28%; }
.frame_29 { float: left; width: 29%; }
.frame_30 { float: left; width: calc(30% - 10px); }
.frame_31 { float: left; width: 31%; }
.frame_32 { float: left; width: 32%; }
.frame_33 { float: left; width: 33%; }
.frame_34 { float: left; width: 34%; }
.frame_35 { float: left; width: calc(35% - 10px); }
.frame_36 { float: left; width: 36%; }
.frame_37 { float: left; width: 37%; }
.frame_38 { float: left; width: 38%; }
.frame_39 { float: left; width: 39%; }
.frame_40 { float: left; width: calc(40% - 10px); }
.frame_41 { float: left; width: 41%; }
.frame_42 { float: left; width: 42%; }
.frame_43 { float: left; width: 43%; }
.frame_44 { float: left; width: 44%; }
.frame_45 { float: left; width: calc(45% - 10px); }
.frame_46 { float: left; width: 46%; }
.frame_47 { float: left; width: 47%; }
.frame_48 { float: left; width: 48%; }
.frame_49 { float: left; width: 49%; }
.frame_50 { float: left; width: calc(50% - 10px); }
.frame_51 { float: left; width: 51%; }
.frame_52 { float: left; width: 52%; }
.frame_53 { float: left; width: 53%; }
.frame_54 { float: left; width: 54%; }
.frame_55 { float: left; width: calc(55% - 10px); }
.frame_56 { float: left; width: 56%; }
.frame_57 { float: left; width: 57%; }
.frame_58 { float: left; width: 58%; }
.frame_59 { float: left; width: 59%; }
.frame_60 { float: left; width: calc(60% - 10px); }
.frame_61 { float: left; width: 61%; }
.frame_62 { float: left; width: 62%; }
.frame_63 { float: left; width: 63%; }
.frame_64 { float: left; width: 64%; }
.frame_65 { float: left; width: calc(65% - 10px); }
.frame_66 { float: left; width: 66%; }
.frame_67 { float: left; width: 67%; }
.frame_68 { float: left; width: 68%; }
.frame_69 { float: left; width: 69%; }
.frame_70 { float: left; width: calc(70% - 10px); }
.frame_71 { float: left; width: 71%; }
.frame_72 { float: left; width: 72%; }
.frame_73 { float: left; width: 73%; }
.frame_74 { float: left; width: 74%; }
.frame_75 { float: left; width: calc(75% - 10px); }
.frame_76 { float: left; width: 76%; }
.frame_77 { float: left; width: 77%; }
.frame_78 { float: left; width: 78%; }
.frame_79 { float: left; width: 79%; }
.frame_80 { float: left; width: calc(80% - 10px); }
.frame_81 { float: left; width: 81%; }
.frame_82 { float: left; width: 82%; }
.frame_83 { float: left; width: 83%; }
.frame_84 { float: left; width: 84%; }
.frame_85 { float: left; width: calc(85% - 10px); }
.frame_86 { float: left; width: 86%; }
.frame_87 { float: left; width: 87%; }
.frame_88 { float: left; width: 88%; }
.frame_89 { float: left; width: 89%; }
.frame_90 { float: left; width: calc(90% - 10px); }
.frame_91 { float: left; width: 91%; }
.frame_92 { float: left; width: 92%; }
.frame_93 { float: left; width: 93%; }
.frame_94 { float: left; width: 94%; }
.frame_95 { float: left; width: calc(95% - 10px); }
.frame_96 { float: left; width: 96%; }
.frame_97 { float: left; width: 97%; }
.frame_98 { float: left; width: 98%; }
.frame_99 { float: left; width: 99%; }
.frame_100 { float: left; width: calc(100% - 10px); }

.frame_1_relative { float: left; width: 1%; }
.frame_2_relative { float: left; width: 2%; }
.frame_3_relative { float: left; width: 3%; }
.frame_4_relative { float: left; width: 4%; }
.frame_5_relative { float: left; width: 5%; }
.frame_6_relative { float: left; width: 6%; }
.frame_7_relative { float: left; width: 7%; }
.frame_8_relative { float: left; width: 8%; }
.frame_9_relative { float: left; width: 9%; }
.frame_10_relative { float: left; width: 10%; }
.frame_11_relative { float: left; width: 11%; }
.frame_12_relative { float: left; width: 12%; }
.frame_13_relative { float: left; width: 13%; }
.frame_14_relative { float: left; width: 14%; }
.frame_15_relative { float: left; width: 15%; }
.frame_16_relative { float: left; width: 16%; }
.frame_17_relative { float: left; width: 17%; }
.frame_18_relative { float: left; width: 18%; }
.frame_19_relative { float: left; width: 19%; }
.frame_20_relative { float: left; width: 20%; }
.frame_21_relative { float: left; width: 21%; }
.frame_22_relative { float: left; width: 22%; }
.frame_23_relative { float: left; width: 23%; }
.frame_24_relative { float: left; width: 24%; }
.frame_25_relative { float: left; width: 25%; }
.frame_26_relative { float: left; width: 26%; }
.frame_27_relative { float: left; width: 27%; }
.frame_28_relative { float: left; width: 28%; }
.frame_29_relative { float: left; width: 29%; }
.frame_30_relative { float: left; width: 30%; }
.frame_31_relative { float: left; width: 31%; }
.frame_32_relative { float: left; width: 32%; }
.frame_33_relative { float: left; width: 33%; }
.frame_34_relative { float: left; width: 34%; }
.frame_35_relative { float: left; width: 35%; }
.frame_36_relative { float: left; width: 36%; }
.frame_37_relative { float: left; width: 37%; }
.frame_38_relative { float: left; width: 38%; }
.frame_39_relative { float: left; width: 39%; }
.frame_40_relative { float: left; width: 40%; }
.frame_45_relative { float: left; width: 45%; }
.frame_46_relative { float: left; width: 46%; }
.frame_47_relative { float: left; width: 47%; }
.frame_48_relative { float: left; width: 48%; }
.frame_49_relative { float: left; width: 49%; }
.frame_50_relative { float: left; width: 50%; }
.frame_55_relative { float: left; width: 55%; }
.frame_60_relative { float: left; width: 60%; }
.frame_65_relative { float: left; width: 65%; }
.frame_70_relative { float: left; width: 70%; }
.frame_75_relative { float: left; width: 75%; }
.frame_80_relative { float: left; width: 80%; }
.frame_85_relative { float: left; width: 85%; }
.frame_90_relative { float: left; width: 90%; }
.frame_95_relative { float: left; width: 95%; }
.frame_100_relative { float: left; width: 100%; }

.frame_absolute_4 { float: left; width: 4px; }
.frame_absolute_5 { float: left; width: 5px; }
.frame_absolute_10 { float: left; width: 10px; }
.frame_absolute_15 { float: left; width: 15px; }
.frame_absolute_19 { float: left; width: 19px; }
.frame_absolute_20 { float: left; width: 20px; }
.frame_absolute_25 { float: left; width: 25px; }
.frame_absolute_30 { float: left; width: 30px; }
.frame_absolute_40 { float: left; width: 40px; }
.frame_absolute_50 { float: left; width: 50px; }
.frame_absolute_60 { float: left; width: 60px; }
.frame_absolute_70 { float: left; width: 70px; }
.frame_absolute_80 { float: left; width: 80px; }
.frame_absolute_90 { float: left; width: 90px; }
.frame_absolute_100 { float: left; width: 100px; }
.frame_absolute_110 { float: left; width: 110px; }
.frame_absolute_120 { float: left; width: 120px; }
.frame_absolute_130 { float: left; width: 130px; }
.frame_absolute_140 { float: left; width: 140px; }
.frame_absolute_150 { float: left; width: 150px; }
.frame_absolute_160 { float: left; width: 160px; }
.frame_absolute_170 { float: left; width: 170px; }
.frame_absolute_180 { float: left; width: 180px; }
.frame_absolute_190 { float: left; width: 190px; }
.frame_absolute_200 { float: left; width: 200px; }
.frame_absolute_250 { float: left; width: 250px; }
.frame_absolute_300 { float: left; width: 300px; }
.frame_absolute_350 { float: left; width: 350px; }
.frame_absolute_400 { float: left; width: 400px; }
.frame_absolute_450 { float: left; width: 450px; }
.frame_absolute_500 { float: left; width: 500px; }
.frame_absolute_800 { float: left; width: 800px; }

.line {
	line-height: 1px;
}

.panel {
	background-color: rgba(250,250,250,0.8);
	padding: 10px;
	margin: 5px;
	box-sizing: border-box;
	
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.panel_blue { background-color: rgba(217, 237, 247, 0.8); color: rgba(49, 112, 143, 1);}
.panel_green { background-color: rgba(223, 240, 216, 0.8); color: rgba(60, 118, 61, 1);}
.panel_red { background-color: rgba(242, 222, 222, 0.8); color: rgba(169, 68, 66, 1);}
.panel_yellow {background-color: rgba(252, 248, 227, 0.8); color: rgba(138, 109, 59, 1);}
.panel_gold { background-color: rgba(255, 215, 0, 0.8); color: #000000;}
.panel_header {
	display: inline-block;
	width: 100%;
	color: #A46832;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.panel_header a:link {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:visited {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:hover {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:active {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub {
	display: inline-block;
	width: 100%;
	color: #AF7B00;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.panel_header_sub a:link {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:visited {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:hover {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:active {
	color: #AF7B00;
	text-decoration: none;
}

.panel_sub {
	background: #E5E5E5;
	padding: 5px;
	margin: 5px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.index_logo {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 180px;
	height: 140px;
}
@media screen and (max-width: 600px) { .index_logo { width: 120px; height: 93px; }}

.index_catchline {
	font-family: 'Roboto', sans-serif;
	font-size: 46px;
	line-height: 58px;
	font-weight: bold;
	text-align: center;
	color: #F3C200;
	
	max-width: 710px;
    margin: 20px auto;
}
@media screen and (max-width: 900px) { .index_catchline { font-size: 40px; line-height: 52px;}}
@media screen and (max-width: 700px) { .index_catchline { font-size: 34px; line-height: 46px;}}
@media screen and (max-width: 500px) { .index_catchline { font-size: 28px; line-height: 40px;}}

.index_container {
	max-width: 900px;
    margin: 40px auto;
}

input[name^='rating_']:checked+label{ 
	background-color: #782112;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
} 

.shop_payment {
	background: #CCCCCC;
	padding: 5px;
	margin: 5px;
	text-align: center;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.shop_options {
	background: #CCCCCC;
	padding: 5px;
	margin: 5px;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.shop_options:hover {
	background: #C0C0C0;
}
.shop_options_selected {
	background: #339900;
	color: #FFFFFF;
}

.feedback_inline_success { 
	background-color: rgba(223, 240, 216, 0.8);
	color: rgba(60, 118, 61, 1);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.feedback_inline_warning {
	background-color: rgba(255, 215, 0, 0.8); 
	color: #000000;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.feedback_inline_error {
	background-color: rgba(242, 222, 222, 0.8);
	color: rgba(169, 68, 66, 1);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.box {
	margin-right: 5px;
}
.box_left_blue, .box_left_team, .box_right_blue, .box_right_help, .box_right_options, .box_right_live, .box_right_green {
	margin-bottom: 10px;
}
.box_left_blue {
	background: rgba(87, 166, 246, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_left_team {
	background: rgba(255, 247, 185, 0.8);
	color: #000000;
	padding: 5px;
}
.box_left_team a:link {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_left_team a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_left_team a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_left_team a:active {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_blue {
	background: rgba(125, 184, 244, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_help {
	background: rgba(125, 184, 244, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_help a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_help a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_help a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_help a:active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_options {
	background: rgba(251, 245, 198, 0.8);
	color: #000000;
	padding: 5px;
	border-left: 6px solid #FBD43C;
}
.box_right_options a:link {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_right_options a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_right_options a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_options a:active {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_live {
	background: rgba(251, 245, 198, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_live a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_green {
	background: rgba(98, 170, 60, 0.8);
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
}
.box_right_green a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_green a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_green a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_green a:active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

.box_gold, .box_green, .box_red, .box_blue {
	padding: 10px;
	margin-bottom: 10px;
}
.box_gold {
	background: rgba(255, 204, 94, 0.8);
	color: #AF7B00;
}
.box_green {		
	background: rgba(51, 153, 0, 0.8);
	color: #FFFFFF;
}
.box_red {
	background: rgba(202, 33, 18, 0.8);
	color: #FFFFFF;
}
.box_blue {
	background: rgba(87, 166, 246, 0.8);
	color: #FFFFFF;
}

.box_text {
	padding: 10px;
	margin: 5px;
	background: #CCC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.background_blue {
	background: #57a6f6;
}
.background_blue_80 {
	background: rgba(87, 166, 246, 0.8);
}
.background_green {
	background: #B9FFB9;
}
.background_green_transparant {
	background: rgba(39,127,49,0.2) !important;
}
.background_green_light {
	background: #DFFFDF;
}
.background_red {
	background: #CA2112;
}
.background_orange {
	background: rgba(255, 215, 0, 1); 
}
.background_orange_80 {
	background: rgba(255, 215, 0, 0.8);
}
.background_gray_light {
	background: #CCC;
}
.background_gold {
	background: #FFD700 !important;
} 
.background_silver {
	background: #C0C0C0 !important;
}
.background_bronze {
	background: #CD7F32 !important;
}

.text_bottom {
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
	width: 0px;
}


/*.tooltip { 
	display: inline-block;
	width: 5em;
	border-bottom: #000000 1px dotted;
	max-width: 200px;
}*/
.tooltip { 
	display: inline-block;
	/*width: 5em;*/
	/*border-bottom: #000000 1px dotted;*/
	max-width: 200px;
}


.border_left { border-left: 1px solid #CBCBCB; padding-left:15px; margin-left:15px; }
.border_top { border-top: 1px solid #CBCBCB; padding-top:15px; margin-top:15px; }
.border_right { border-right:1px solid #CBCBCB; padding-right:15px; margin-right:15px; }
.border_bottom { border-bottom: 1px solid #CBCBCB; padding-bottom:15px; margin-bottom:15px; }

.button_page {
	display: inline-block;
	background-color: rgba(250, 250, 250, 0.8);
	color: #000000;
	padding: 10px;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
}
.button_page:hover {
	background-color: rgba(250, 250, 250, 1);
}
.button_page a:link { color: #000000; text-decoration: none;}
.button_page a:visited { color: #000000; text-decoration: none;}
.button_page a:hover { color: #000000; text-decoration: none;}
.button_page a:active { color: #000000; text-decoration: none;}
.button_page_selected {
	background-color: rgba(250, 250, 250, 1);
	font-weight: bold;
}
.button_page_left {
	border-left: none;
	border-right: none;
	padding-left: 20px;
	
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}
.button_page_right {
	border-left: none;
	border-right: none;
	padding-right: 20px;
	
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.button_red {
	background-color:#A02112;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #782112;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_red:hover {
	color:#F4F3EB;
	background-color:#CA2112;
}
.button_red:active {
	color:#F4F3EB;
	background-color:#A02112;
}

.button_green {
	background-color:#339900;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #337100;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_green:hover {
	color:#FFFFFF;
	background-color:#33BE00;
}
.button_green:active {
	color:#FFFFFF;
	background-color:#339900;
}

.button_black {
	background-color:#000000;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #000000;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_black:hover {
	color:#FFFFFF;
	background-color:#333333;
}
.button_black:active {
	color:#FFFFFF;
	background-color:#000000;
}

.button_white {
	background-color:#F4F4F4;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	color:#000000;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #E5E5E5;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_white:hover {
	color:#000000;
	background-color:#FFFFFF;
}
.button_white:active {
	color:#000000;
	background-color:#F4F4F4;
}

.button_gray {
	background-color:#CCCCCC;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	color:#000000;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #999999;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_gray:hover {
	color:#000000;
	background-color:#FFFFFF;
}
.button_gray:active {
	color:#000000;
	background-color:#CCCCCC;
}

.button_white {
	border: 1px solid #ccc;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	text-decoration: none;
	text-align: center;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	cursor: pointer;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.button_open {
	display: inline-block;
    color: #000000;
    margin: 3px;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border: solid #F5C60D 2px;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.button_open:hover {
	background-color: #F5C60D;
}
.button_open_selected {
	font-weight: bold;
	background-color: #F5C60D;
}

.form_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.form_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #339900;
	color: #FFFFFF;
	
	border: 0;
	border-bottom: 2px solid #337100;
	padding: 8px;
	padding-bottom: 5px;
	margin: 3px;
	
	cursor: pointer;
	outline: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.form_button:hover {
	color:#FFFFFF;
	background-color:#33BE00;
}
.form_feedback {
	display: inline-block;
	background: rgba(255, 204, 94, 1);
	color: #AF7B00;
	padding: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.table_header {
	background: rgba(102,102,102,0.8);
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}
.table_row {
	border-bottom: #DBDBDB 1px solid;
}
.table_row:nth-child(even){
	background-color: #EEEEEE;
}
.table_row:hover {
	background: #DBDBDB;
	color:#000000;
}
.table_row_links a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.table_row_links a:visited { color: #3F3F3F; }
.table_row_links a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.table_row_links a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.table_footer {
	background: rgba(102,102,102,0.8);
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

.row_left {
	text-align: right;
	color: #666666;
	padding: 2px;
	padding-right: 4px;
}
.row_right {
	padding: 2px;
	padding-left: 4px;
}
.row_highlight {
	background: #FFD700 !important;
}
.row_highlight_green {
	background: #C0D890 !important;
}

.text_left { text-align: left;}
.text_center { text-align: center;}
.text_right { text-align: right;}
.highlight_text {
	background: #277F31;
	color: #FFFFFF;
	padding: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.invisible {display: none;}
.hide {visibility: hidden;}
.show {visibility: visible;}

.background_green { background:#390; }
.background_red { background:#A02112; }
.background_white { background:#FFFFFF; }
.background_black { background:#000000; }
.background_gray { background:#999999; }

.skills {
	color: #FFFFFF;
	padding: 1px 3px 1px 3px;
}

.skills_10 { background: #00CC00;}
.skills_9 { background: #1CB803;}
.skills_8 { background: #38A507;}
.skills_7 { background: #55920A;}
.skills_6 { background: #717F0E;}
.skills_5 { background: #8D6C11;}
.skills_4 { background: #AA5915;}
.skills_3 { background: #C64618;}
.skills_2 { background: #E2331C;}
.skills_1 { background: #FF2020;}

/* Old
.skills_10 { background: #00CC00;}
.skills_9 { background: #009300;}
.skills_8 { background: #007D00;}
.skills_7 { background: #006F00;}
.skills_6 { background: #003C00;}
.skills_5 { background: #000000;}
.skills_4 { background: #750000;}
.skills_3 { background: #B30000;}
.skills_2 { background: #DF0000;}
.skills_1 { background: #FF2020;}
*/

.forum_header {
	background: #E7E7E7;
	border-bottom: #DBDBDB 1px solid;
	border-top: #CACACA 1px solid;
	color: #797979;
	font-size: 11px;
}
.forum_topic {
	border-bottom: #DBDBDB 1px solid;
}
.forum_footer {
	background: #E7E7E7;
	border-top: #DBDBDB 1px solid;
	border-bottom: #CACACA 1px solid;
	color: #797979;
	font-size: 11px;
}

.forum_message {
	background: #F9F9F9;
	padding: 5px;
	min-height: 144px;
}

.text_quote {
	background: #FFFFFF;
	border-left: #CACACA 3px solid;
	padding: 5px;
	margin: 5px;
	margin-left: 15px;
}

.text_table_left {
	text-align: right;
	color: #797979;
	padding: 3px;
}
.text_table_right {
	text-align: left;
	padding: 3px;
}

.driver_information {
	padding: 5px;
	border: #A02112 2px dashed;
	margin: 5px;
}

.strategy_background_green {
	background: #339900;
}
.strategy_background_green_dark {
	background: #184400;
}
.strategy_background_red {
	background: #FF0000;
}
.strategy_background_red_dark {
	background: #7F0000;
}
.strategy_background_gray {
	background: #999999;
}
.strategy_background_gold {
	background: #FFCC5E;
}

.disabled_look {
	opacity: 0.3;
	
	cursor: default;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.box_dashed {
	padding: 5px;
	border: #A02112 2px dashed;
	margin: 5px;
}

.development_navigation_desktop {
	display: block;
}
@media screen and (max-width: 1250px) { .development_navigation_desktop { display: none;}}
.development_navigation_mobile {
	display: none;
}
@media screen and (max-width: 1250px) { .development_navigation_mobile { display: block;}}
.dropdown_development_parts {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgba(250,250,250,0.8);
	color: #000000;
}
.dropdown_development_parts:hover { background-color: #EEEEEE; }
.dropdown-content_development_item {
	display: block;
	color: #000000;
	padding: 12px 16px;
	padding-left: 5px;
	text-decoration: none;
	text-align: left;
}
.dropdown-content_development_item:hover {background-color: #f1f1f1}
.dropdown-content_development { left: 0; width: 500px; column-count: 3;}
@media screen and (max-width: 500px) { .dropdown-content_development { width: 300px; column-count: 2;}}


.development_specification_container {
	display: flex;
	flex-wrap: wrap;
}
.development_specification {
	flex: 1 0 200px;
}

.development_queue {
	flex: 1 0 200px;
	max-width: 300px;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.development_queue_add {
	flex: 1 0 150px;
	max-width: 200px;
	background-color: #F7F7F7;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.cars_car {
	float: left;
	width: 100px;
	height:140px;
	padding: 5px;
	/*border: #CA2112 2px dashed;*/
	border: #A02112 2px dashed;
	margin: 5px;
}
.cars_car_active {
	background: #FFFFFF;
}
.cars_car_hover {
	/*background: #A02112;*/
	background: #CA2112;
}
.cars_part {
	float: left;
	width: 150px;
	min-height: 80px;
	height: auto;
	margin: 5px;
	background: #797979;
	color: #F2F2F2;
	font-size: 11px;
}
.cars_parts {
	/*border: #000000 2px dashed;*/
	min-height: 150px; 
	margin: 5px;
	overflow: hidden;
}

.desk_calendar_day {
	background-color: rgba(220, 220, 220, 1);
	color: #000000;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.decision_container {
	
}
.decision_container a:link { text-decoration: none;color: #000000; }
.decision_container a:visited { text-decoration: none;color: #000000; }
.decision_container a:hover { text-decoration: none;color: #000000; }
.decision_container a:active { text-decoration: none;color: #000000; }

.decision_option {
	background-color: rgba(220, 220, 220, 1);
	color: #000000;
	padding: 5px;
	margin: 5px;
	
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.decision_option:hover {
	background-color: rgba(195, 195, 195, 1);
}
.decision_option_effect {
	display: inline-block;
	background-color: rgba(51, 153, 0, 0.8);
	color: #FFFFFF;
	padding: 5px;
	margin: 3px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.decision_option_effect_negative {
	background-color: rgba(160, 33, 18, 0.8);
}

.team_specialization {
	float: left;
	width: 200px;
	height: auto;
	padding: 10px;
	border: #000000 2px dashed;
	margin: 15px;
}

.production_part {
	float: left;
	width: 200px;
	height: auto;
	padding: 5px;
	margin: 5px;
	background: #797979;
	color: #F2F2F2;
	font-size: 11px;
}

.development_overview_container {
	width: 400px;
}
.development_overview_plan {
	position: relative;
	z-index: 2;
	float: left;
	background: #AABCBE;
	margin: 10px;
	margin-bottom: 0px;
	padding: 10px;
}
.development_overview_plan_item {
	padding: 3px; 
}
.development_overview_plan_options {
	position: relative;
	z-index: 1;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
	margin-top: -10px;
}
.development_overview_plan_options_left {
	background: #A02112;
	color: #FFFFFF;
	padding: 5px;
	padding-top: 15px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.development_overview_plan_options_left:hover {
	background: #D12B19;
}
.development_overview_plan_options_right {
	background: #339900;
	color: #FFFFFF;
	padding: 5px;
	padding-top: 15px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.development_overview_plan_options_right:hover {
	background: #42BF00;
}

.development_specifications {
	background: #AABCBE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.production_overview_plan {
	float: left;
	width: 475px;
	min-height: 305px;
	margin: 10px;
	padding: 10px;
}
.production_overview_plan_item {
	padding: 3px; 
}
.production_overview_plan_item_text {
	color: #393F3F;
}

.development_exploits_container {
	display: flex;
	flex-wrap: wrap;
}
.development_exploits {
	flex: 1 0 500px;
	margin: 10px;
	padding: 10px;
}
@media screen and (max-width: 550px){ .development_exploits {
	flex: 1 0 300px;
}}
.development_exploits_item {
	padding: 3px; 
}
.development_exploits_item_text {
	color: #393F3F;
}
.development_exploits_loophole {
	padding: 5px;
	margin: 5px;
	background: #FFD700;
	color: #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.development_exploits_loophole_found {
	background: #00CC00;
	color: #FFFFFF;
}

.sponsor_section_icon {
	display: block;
}
@media screen and (max-width: 650px){ .sponsor_section_icon {
	display: none;
}}
.sponsor_section_text {
	display: none;
	color: #FFFFFF;
	
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E83A2E;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 650px){ .sponsor_section_text {
	display: inline;
}}

.facility {
	padding: 5px;
	margin: 5px;
	background: #D38C63;
	color: #000000;
	font-size: 11px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.facility_underconstruction {
	background: #FEDE00;
}

.strategy_lap {
	background: #999999;
	padding: 5px;
	margin: 5px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.strategy_label_orders {
	display: inline-block;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 2px;
	
	text-decoration: none;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.strategy_label_orders_5 { border: solid #FF2020 2px; background-color: rgba(255, 32, 32, 0.6); }
.strategy_label_orders_4 { border: solid #C64618 2px; background-color: rgba(198, 70, 24, 0.6); }
.strategy_label_orders_3 { border: solid #FFFFFF 2px; background-color: rgba(255, 255, 255, 0.6); color: #000000; }
.strategy_label_orders_2 { border: solid #55920A 2px; background-color: rgba(85, 146, 10, 0.6); }
.strategy_label_orders_1 { border: solid #1CB803 2px; background-color: rgba(28, 184, 3, 0.6); }
.strategy_label_orders_pitstop { border: solid #FF2020 2px; background-color: rgba(255, 32, 32, 0.6); }
.strategy_label_orders_fuel { border: solid #FFB600; background-color: rgba(255, 182, 0, 0.6); }

.skills_10 { background: #00CC00;}
.skills_9 { background: #1CB803;}
.skills_8 { background: #38A507;}
.skills_7 { background: #55920A;}
.skills_6 { background: #717F0E;}
.skills_5 { background: #8D6C11;}
.skills_4 { background: #AA5915;}
.skills_3 { background: #C64618;}
.skills_2 { background: #E2331C;}
.skills_1 { background: #FF2020;}

.person_approach_text {
	flex: 1 0 100px;
}
.person_approach_demand {
	flex: 1 0 100px;
}
.person_approach_offer {
	flex: 1 0 150px;
}
.person_approach_feedback {
	flex: 1 0 50px;
}

.news_list_selected {
	background: #F9F9F9;
}
.news_subject_new {
	font-weight: bold;
}
.news_detail {
	background: #F9F9F9;
	margin: 5px;
	padding: 5px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_detail_category {
	margin: 5px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.newspaper {
	background-color: rgba(249,247,229,0.8);
}
.press_newspaper {
	padding: 5px;
	margin: 5px;
}

.session_options {
	background-color: rgba(251, 245, 198, 0.8);
}

.session_chat {
	background-color: rgba(98, 170, 60, 0.8);
}
.session_chat_canvas {
	max-height: 200px;
	overflow: auto;
}

.suppliers_progress {
	width: 10%;
	height: 20px;
	padding: 1px;
	border-right: rgba(0,0,0,0.25) 1px solid;
}
.suppliers_progress:first-child:before {
	color: #FFFFFF;
	font-weight: bold;
	content: "0%";
}
.suppliers_progress:last-child:before {
	color: #FFFFFF;
	font-weight: bold;
	content: "100%";
	text-align: right;
	float: right;
}
.suppliers_progress_green {
	background-color: #9ACD32;
}
.suppliers_progress_gray {
	background-color: #808080;
}

.suppliers_progress_top {
	width: 10%;
	padding: 5px;
	text-align: center;
}
.suppliers_progress_checkpoint {
	position: relative;
	background-color: #CCCCCC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.suppliers_progress_checkpoint:before {
	content: '';
	position: absolute;
	left: 41%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #CCCCCC;
	clear: both;
}
.suppliers_progress_checkpoint_reached {
	background-color: #339900;
	color: #FFFFFF;
}
.suppliers_progress_checkpoint_reached:before {
	border-top: 10px solid #339900;
}

.tracks_track_thumbnail {
	float: left;
	width: 150px;
	height:150px;
	border: #A02112 2px solid;
	margin: 20px;
}
.tracks_track_thumbnail_active {
	background: #FFFFFF;
}
.tracks_track_thumbnail_hover {
	/*background: #A02112;*/
	background: #CA2112;
}

.flag {
	border-color: #000000; 
	border: 1px solid; 
}
.flag a:link {
	color: #000000;
	text-decoration: none;
}
.flag a:visited {
	color:#000000;
	text-decoration: none;
}
.flag a:hover {
	color:#000000;
	text-decoration: none;
}
.flag a:active {
	color:#000000;
	text-decoration: none;
}

.race_viewer_own_drivers_background {background-color:#FFDC5E;}
.race_viewer_text_normal_time {color: #000000;}
.race_viewer_text_slower_time {color: #FF0000;}
.race_viewer_text_pb_time {color: #339900;}
.race_viewer_text_rb_time {color: #BF00BF;}
.race_viewer_text_notfinished_lap_time {color: #666666;}

.text_black {color: #000000}
.text_white {color: #FFFFFF}
.text_gray {color: #999999}
.text_gray_dark {color: #666666}
.text_red {color: #FF0000}
.text_red_dark {color: #E83A2E}
.text_red_darker {color: #7F0000}
.text_blue {color:#5E84B3}
.text_blue_dark {color:#476487}
.text_blue_darker {color:#28394C}
.text_green {color: #339900}
.text_green_dark {color: #277000}
.text_green_darker {color: #184400}
.text_orange{color: #FF8000}
.text_purple {color: #800080}
.text_gold {color:#FFB600}
.text_gold_link_no_underline a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:visited { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:hover { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:active { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_dark {color:#AF7B00}
.text_brown {color:#993300}
.text_silver {color:#C0C0C0}
.text_bronze {color:#CD7F32}


.text_5 { font-size: 48px; margin-bottom: 14px;}
.text_4 { font-size: 32px; margin-bottom: 12px;}
.text_3 { font-size: 25px; margin-bottom: 10px;}
.text_2 { font-size: 19px; margin-bottom: 10px;}
.text_1 { font-size: 15px; margin-bottom: 5px;}
.text_0 { font-size: 13px;}
.text-1 { font-size: 11px;}
.text-2 { font-size: 9px;}
.text-3 { font-size: 7px;}

.text_highlight { background-color:#FC0; padding: 1px; }

.text_help_3 { font-size: 20px; font-weight: bold; border-bottom: 1px solid #aaa; padding-bottom: 5px; padding-top: 20px;}
.text_help_2 { font-size: 17px; font-weight: bold; }
.text_help_1 { font-size: 14px; font-weight: bold; }

.links_red a:link { color: #990000; text-decoration: none; border-bottom: none;}
.links_red a:visited { color:#990000;}
.links_red a:hover { color:#F00; border-bottom:1px solid #F00;}
.links_red a:active { color:#990000; border-bottom:1px dotted #990000;}

.links_white a:link { color: #FFFFFF; text-decoration: none; border-bottom: none;}
.links_white a:visited { color:#FFFFFF;}
.links_white a:hover { color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.links_white a:active { color:#FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black a:link { color: #000000; text-decoration: none; border-bottom: none;}
.links_black a:visited { color:#000000;}
.links_black a:hover { color:#000000; border-bottom:1px solid #000000;}
.links_black a:active { color:#000000; border-bottom:1px dotted #000000;}

.links_green a:link { color: #339900; text-decoration: none; border-bottom: none;}
.links_green a:visited { color:#339900;}
.links_green a:hover { color:#47CC00; border-bottom:1px solid #47CC00;}
.links_green a:active { color:#339900; border-bottom:1px dotted #339900;}

.links_gray_no_underline a:link { color: #797979; text-decoration: none; border-bottom:none;}
.links_gray_no_underline a:visited { color: #797979; }
.links_gray_no_underline a:hover { color: #797979; border-bottom:1px dotted #797979;}
.links_gray_no_underline a:active { color: #797979; border-bottom:1px dotted #797979;}

.links_gray_dark a:link { color: #666666; text-decoration: none; border-bottom: none;}
.links_gray_dark a:visited { color:#666666;}
.links_gray_dark a:hover { color:#666666; border-bottom:1px solid #666666;}
.links_gray_dark a:active { color:#666666; border-bottom:1px dotted #666666;}

.links_gray_dark_no a:link { color: #666666; text-decoration: none; border-bottom: none;}
.links_gray_dark_no a:visited { color:#666666;}
.links_gray_dark_no a:hover { color:#666666; border-bottom: none;}
.links_gray_dark_no a:active { color:#666666; border-bottom: none;}

.links_white_no_underline a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline a:visited { color: #FFFFFF; }
.links_white_no_underline a:hover { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}
.links_white_no_underline a:active { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no_underline a:visited { color: #000000; }
.links_black_no_underline a:hover { color: #000000; border-bottom:1px dotted #000000;}
.links_black_no_underline a:active { color: #000000; border-bottom:1px dotted #000000;}

.links_black_no a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no a:visited { color: #000000; }
.links_black_no a:hover { color: #000000; border-bottom: none;}
.links_black_no a:active { color: #000000; border-bottom: none;}

.links_white_no a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no a:visited { color: #FFFFFF; }
.links_white_no a:hover { color: #FFFFFF; border-bottom: none;}
.links_white_no a:active { color: #FFFFFF; border-bottom: none;}

.links_gold_no a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.links_gold_no a:visited { color: #FFB600; }
.links_gold_no a:hover { color: #FFB600; border-bottom: none;}
.links_gold_no a:active { color: #FFB600; border-bottom: none;}

.no_underline { text-decoration:none; border-bottom:none;}
.no_link { cursor:pointer;}

.hand { cursor: pointer;}

.g-signin2{
  width: 100%;
}
.g-signin2 > div{
  margin: 0 auto;
}

/* Popup start*/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay_show {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 65%;
	position: relative;
	transition: all 5s ease-in-out;
}
@media screen and (max-width: 900px){ .popup {
	width: 75%;
}}
@media screen and (max-width: 700px){ .popup {
	width: 85%;
}}

.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
.popup .close:hover {
	color: #FFD700;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}
/* Popup end*/