a:link {    text-decoration : none;
	    color: #000000; }

a:active {  text-decoration : none;
	    color: #CEAE43; }

a:visited { text-decoration : none;
	    color: #000000; }

a:hover {   text-decoration : underline;
	    color: #000000; }

body,p,ul,ol,li,div,blockquote,nobr,td,th {
	font-size: 12px;
	line-height: 1.16;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body.frame {
    background: rgb(204, 224, 242);
    margin: 0 !important;
}
	
td.bg_blue,
td.bg_green,
td.bg_red,
td.bg_yellow,
td.bg_orange,
td.bg_violet,
td.bg_black,
td.bg_white,
td.bg_grey,
td.bg_brown,
td.bg_dark,
td.bg_light,
td.bg_blue2,
td.bg_green2,
td.bg_red2,
td.bg_yellow2,
td.bg_orange2,
td.bg_violet2,
td.bg_black2,
td.bg_white2,
td.bg_grey2,
td.bg_brown2,
td.bg_fmp1,
td.bg_fmp2 { height:16px; }

tr.bg_blue,
tr.bg_green,
tr.bg_red,
tr.bg_yellow,
tr.bg_orange,
tr.bg_violet,
tr.bg_black,
tr.bg_white,
tr.bg_grey,
tr.bg_brown,
tr.bg_dark,
tr.bg_light,
tr.bg_blue2,
tr.bg_green2,
tr.bg_red2,
tr.bg_yellow2,
tr.bg_orange2,
tr.bg_violet2,
tr.bg_black2,
tr.bg_white2,
tr.bg_grey2,
tr.bg_brown2,
tr.bg_fmp1,
tr.bg_fmp2 { height:16px; }

body.main {
	//background-color: #1B431B;
	background-color: #2A5E2D;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	//background-size: 100%;
	margin: 0 0;
	//margin: 2px 3px;
}

body.silver_bg {
	//background-image: url(../images/main_bg.png);
	margin: 2px 3px; }

body.transparent {
	background-color: transparent; }

.boxed {
	border-width: 2px;
	border-color: #D3D3D3;
	border-style: inset;
}

table {
	margin: auto;
}

table.left { margin: 0; }

img { border: 0; }

input.transparent { background-color: transparent; }

input.trans_small { font-size : 7pt;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif; }
	
.h1,h1,.ueberschrift { font-size: 18pt;
		       color: #CEAE43;
		       font-family: Tahoma, Arial, Helvetica, sans-serif; }

.h6,h6,.klein { font-size: 8pt;
		color: #D3D3D3;
		font-family: Tahoma, Arial, Helvetica, sans-serif; }

.bold {
	font-weight: bold; }

.italic {
	font-style: italic; }

.underline {
	text-decoration: underline; }

.crossed {
	text-decoration: line-through; }

.center {
	text-align: center; }

.right {
	text-align: right; }
	
.hidden {
	display: none;
}

.topmenu {
    font-size : 8pt;
	color: #D3D3D3;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	//background-image: url(../images/menu_bg.png);
}

.menu {
    font-size : 8pt;
	color: #D3D3D3;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    background-color: rgb(189, 215, 238);
	//background-image: url(../images/menu_bg.png);
    width: 100%;
    height: 56px;
}

.menu[name='bottom_bar'] {
    display: none;
}

.menu a:link {
	display:block;
	text-decoration: none;
	color: #000000; }

.menu a:visited {
	display:block;
	text-decoration: none;
	color: #000000; }

.menu a:hover {
	display:block;
	text-decoration: none;
	color: #CEAE43; }

.menu a:active {
	display:block;
	text-decoration: none;
	color: #CEAE43; }

#nav {
    background-color: rgb(157, 195, 230);
}

#nav li div:hover,
#nav li a:hover,
#nav li ul li a:hover,
#nav li.active > a {
	display: block;
	background: white;
}

/* dropdown menu
----------------------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	//z-index: 597;
	float: left;
	font-weight: bold;
    width: 100%;
}

ul.dropdown li {
	float: left;
	line-height: 28px;
	vertical-align: middle;
 	zoom: 1; /* fix f�r den IE */
    height: 28px;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF #D3D3D3 #D3D3D3;
	color: #000000; }

ul.dropdown li > div {
    line-height: 28px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	//position: relative;
	//z-index: 599;
	cursor: default; }

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 28px;
	left: 0;
	//z-index: 598;
	z-index: 1002;
	width: 100%;
	margin-top: 0px;
}

ul.dropdown ul li {
	float: left;
	font-weight: bold;
    background-color: rgb(189, 215, 238);
    height: 28px;
    line-height: 28px;
}

ul.dropdown ul.active {
	visibility: visible;
}

ul.dropdown ul ul {
	top: 0px;
	left: 99%; }

ul.dropdown a, ul.dropdown div {
    padding: 0 10px;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #000000; text-decoration: none; }
ul.dropdown a:hover		{ color: #000000; }
ul.dropdown a:active	{ color: #CEAE43; }

/* reverse dropdown menu
----------------------------------*/

ul.dropdownReverse,
ul.dropdownReverse li,
ul.dropdownReverse ul {
	list-style: none;
	margin: 0;
	padding: 0;	}

ul.dropdownReverse {
	position: relative;
	//z-index: 597;
	float: left;
	font-weight: bold; }

ul.dropdownReverse li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
 	zoom: 1; /* fix f�r den IE */
	padding: 3px 10px;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF #D3D3D3 #D3D3D3;
	color: #000000; }

ul.dropdownReverse li.hover,
ul.dropdownReverse li:hover {
	position: relative;
	//z-index: 599;
	cursor: default; }

ul.dropdownReverse ul {
	visibility: hidden;
	position: absolute;
	top: auto !important;
	bottom: 100%;
	left: -60px;
	//z-index: 598;
	z-index: 1002;
	width: 200px;
	margin-top: 0px; }

ul.dropdownReverse ul li {
	float: none;
	font-weight: bold;
	background: -webkit-gradient(
		linear, left top, right top, 
		from(#C3C3C3),
		color-stop(0.40, #8F8F8F),
		color-stop(0.60, #8F8F8F),
		to(#C3C3C3));
	background: -moz-linear-gradient(
		left,
		#C3C3C3 0%,
		#8F8F8F 40%,
		#8F8F8F 60%,
		#C3C3C3);
	background: -ms-linear-gradient(
		left,
		#C3C3C3 0%,
		#8F8F8F 40%,
		#8F8F8F 60%,
		#C3C3C3);
	background: -o-linear-gradient(
		left,
		#C3C3C3 0%,
		#8F8F8F 40%,
		#8F8F8F 60%,
		#C3C3C3);
	//background-image: url(../images/menu_bg.png); }

ul.dropdownReverse li:hover > ul {
	visibility: visible; }

ul.dropdownReverse ul ul {
	bottom: 0px;
	left: 99%; }

ul.dropdownReverse a:link,
ul.dropdownReverse a:visited	{ color: #000000; text-decoration: none; }
ul.dropdownReverse a:hover		{ color: #000000; }
ul.dropdownReverse a:active	{ color: #CEAE43; }

.name { font-size : 13pt;
        color: #CEAE43;
        font-family: Tahoma, Arial, Helvetica, sans-serif; }

.lineup { font-size : 7pt;
	color: #000000;
	background-color: transparent;
	border: none;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(../images/menu_bg.png); }

.lineup_trans { font-size : 7pt;
	color: #000000;
	background-color: transparent;
	border: none;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif; }

.back1 { background-image: url(../back1.png); }

.back2 { background-image: url(../back2.png); }

.stadium { //background-image: url(../images/bg_stadium.png); }

.menu_topleft {
	position: absolute;
	top: 0;
	width: 260px;
	//background-image: url(../images/menu_topleft.png);
	height: 300px;
	z-index: -1;
}

.menu_centerleft {
	position: absolute;
	top: 300px;
	width: 260px;
	//background-image: url(../images/menu_centerleft.png);
	z-index: -1;
}

.menu_bottomleft {
	position: absolute;
	bottom: 0;
	width: 260px;
	//background-image: url(../images/menu_bottomleft.png);
	height: 300px;
	z-index: -1;
}

.menu_left { //background-image: url(../images/menu_left.png); }

.main_topleft {
	position: absolute;
	top: 0;
	width: 38px;
	//background-image: url(../images/main_topleft.png);
	height: 300px;
	z-index: -1;
}

.main_centerleft {
	position: absolute;
	top: 300px;
	width: 38px;
	//background-image: url(../images/main_centerleft.png);
	z-index: -1;
}

.main_bottomleft {
	position: absolute;
	bottom: 0;
	width: 38px;
	//background-image: url(../images/main_bottomleft.png);
	height: 300px;
	z-index: -1;
}

.main_left { //background-image: url(../images/main_left.png); }

.main_top {
	position: absolute;
	top: 0;
	width: 807px;
	//background-image: url(../images/main_topbg.png);
	height: 300px;
	z-index: -1;
}

.main_center {
	position: absolute;
	top: 300px;
	width: 807px;
	//background-image: url(../images/main_centerbg.png);
	z-index:-1;
}

.main_bottom {
	position: absolute;
	bottom: 0;
	width: 807px;
	//background-image: url(../images/main_bottombg.png);
	height: 300px;
	z-index: -1;
}

.main {
    width: 100%;
    height: 84px;
}

.main_topright {
	position: absolute;
	top: 0;
	width: 45px;
	//background-image: url(../images/main_topright.png);
	height: 300px;
	z-index: -1;
}

.main_centerright {
	position: absolute;
	top: 300px;
	width: 45px;
	//background-image: url(../images/main_centerright.png);
	z-index: -1;
}

.main_bottomright {
	position: absolute;
	bottom: 0;
	width: 45px;
	//background-image: url(../images/main_bottomright.png);
	height: 300px;
	z-index: -1;
}

.skyscraper_topleft {
	position: absolute;
	top: 0;
	width: 120px;
	//background-image: url(../images/menu_topleft.png);
	height: 300px;
	z-index: -1;
}

.skyscraper_centerleft {
	position: absolute;
	top: 300px;
	width: 120px;
	//background-image: url(../images/menu_centerleft.png);
	z-index: -1;
}

.skyscraper_bottomleft {
	position: absolute;
	bottom: 0;
	width: 120px;
	//background-image: url(../images/menu_bottomleft.png);
	height: 300px;
	z-index: -1;
}

.skyscraper {
	float:left;
	position:relative;
	margin:-2px 0 -4px 5px;
	height:100%;
	width:120px;
}

.main_right { //background-image: url(../images/main_right.png); }

.bg_main { //background-image: url(../images/bg_main.png); }

#mainbox {
	//width: 800px;
	//height: 560px;
	background: -webkit-linear-gradient(90deg, #B5B5B5, #F1F1F1);
	background: -moz-linear-gradient(100% 100% 90deg, #B5B5B5, #F1F1F1);
	background: -ms-linear-gradient(90deg, #B5B5B5, #F1F1F1);
	background: -o-linear-gradient(90deg, #B5B5B5, #F1F1F1);
	background: linear-gradient(90deg, #B5B5B5, #F1F1F1);
	border-radius: 14px;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.5);
	padding: 4px;
	margin: 2px 0 0 2px;
	overflow-x: hidden;
    border: 2px solid white;
}

.watermark {
	//background-image: url(../images/watermark.png);
	margin:-4px -4px -4px -4px;
}

.back {
    background-color: rgb(198, 221, 241);
    //border: 1px solid white;
	//background-image: url(../images/back.png);
}

.border_topleft { background-image: url(../images/border_topleft.png);
	width: 3px;
	height: 3px; }
.border_top { background-image: url(../images/border_top.png);
	height: 3px; }
.border_topright { background-image: url(../images/border_topright.png);
	width: 3px;
	height: 3px; }
.border_left { background-image: url(../images/border_left.png);
	width: 3px; }
.border_right { background-image: url(../images/border_right.png);
	width: 3px; }
.border_bottomleft { background-image: url(../images/border_bottomleft.png);
	width: 3px;
	height: 3px; }
.border_bottom { background-image: url(../images/border_bottom.png);
	height: 3px; }
.border_bottomright { background-image: url(../images/border_bottomright.png);
	width: 3px;
	height: 3px; }
.border_betweenleft { background-image: url(../images/border_betweenleft.png);
	width: 5px;
	height: 8px; }
.border_between { background-image: url(../images/border_between.png);
	height: 8px; }
.border_betweenright { background-image: url(../images/border_betweenright.png);
	width: 77px;
	height: 8px; }

.shadow_left { background-image: url(../images/shadow_left.png);
	width: 5px;
	height: 16px; }
.title_right {

}

.bg_gold {
    background: rgb(200, 220, 240);
}
.gadget .bg_gold {
    height: initial;
    background: rgb(224, 234, 238);
}

.bg_dark { background-image: url(../images/bg_dark.png); }
.bg_light { background-image: url(../images/bg_light.png); }
.bg_bright { background-image: url(../images/bg_bright.png); }
.bg_radiant { background-image: url(../images/bg_radiant.png); }
.bg_player { background-image: url(../images/bg_player.png); }
.bg_fmp1 { background: white; }
.bg_fmp2 { background: rgb(230, 238, 244); }
.bg_table1 { background: rgb(215, 230, 208); }
.bg_table2 { background: rgb(234, 242, 230); }
.bg_table3 { background: rgb(250, 250, 220); }
.bg_table4 { background: rgb(235, 209, 202); }

.dataTables_scrollHeadInner { background: rgb(200, 220, 240); }

.pitch {
	background-image: url(../images/pitch.png);
}

.ownteam { color: #7B5B10; }

.oldgold { color: #9B7B10; }

.gold,.r10 { color: #5B3B10; }

.silver { color: #D3D3D3; }

.grey,.r0 { color: #777777; }

.ore,.per,.cold,.r2 { color: #8080FF; }

.blue { color: #2040C0; }

.wood,.earth { color: #FFB981; }

.food,.wvcityname,.dex,.lightgreen { color: #80FF80; }

.wander { color: #4040FF; }

.red,.fire { color: #C00000; }

.darkred { color: #770000; }

.wvinfo,.str { color: #FF8080; }

.green,.poison,.r5 { color: #006020; }

.lightgreen { color: #80FFC0; }

.yellow,.rare,.r3 { color: #FFFF00; }

.spi,.wind { color: #FFFF80; }

.orange,.magic,.r4 { color: #FF8000; }

.violet { color: #B777FF; }

.white,.holy,.r1 { color: #FFFFFF; }

.black,.dark { color: #000000; }

.con { color: #0FFFF8; }

.int { color: #FFB981; }

.darkgold { color:#8E6E03; }

.darkgrey { color: #555555; }

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

.result {
	font-size: 20pt;
	color: #FF0000;
	font-weight: bold; }
	
.tooltip {
	position: absolute;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 3pt;
	border: 1px solid #000000;
}

.tooltip2 {
	background-image: url(../images/bg_bright.png);
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 3pt;
	border: 1px solid #000000;
}

.tutorial {
	width: 75%;
	left: 100px;
	top: 120px;
}

tr.matchday_small {
	height:12px;
}

tr.matchday_small > td {
	font-size:9px;
}

tr.matchgroup_small {
	height:12px;
}

tr.matchgroup_small > td {
	font-size:11px;
}

.infobox {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(190,215,238,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(190,215,238,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(190,215,238,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(190,215,238,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(190,215,238,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(190,215,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bed7ee', GradientType=0 );
	margin: 15px 0 0 15px;
	//opacity: 0.85;
	width: 210px;
	height: 130px;
	border-radius: 6px;
	border: 2px solid white;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4);
}

.helpbox {
	border-radius: 5px;
	box-shadow: 0 0 1px 1px #888888;
	margin: 14px 1px 0 1px;
}	

.helpbox-header {
	font-weight: bold;
	background-color: rgba(199, 199, 199);
	background-color: rgba(199, 199, 199, 0.75);
	background: -webkit-linear-gradient(180deg, rgba(199, 199, 199, 0.15), rgba(199, 199, 199, 0.75));
	background: -moz-linear-gradient(180deg, rgba(199, 199, 199, 0.15), rgba(199, 199, 199, 0.75));
	background: -ms-linear-gradient(180deg, rgba(199, 199, 199, 0.15) 100%, rgba(199, 199, 199, 0.75) 0%);
	background: -o-linear-gradient(180deg, rgba(199, 199, 199, 0.15), rgba(199, 199, 199, 0.75));
	background: linear-gradient(180deg, rgba(199, 199, 199, 0.15), rgba(199, 199, 199, 0.75));
}

.darkbox {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.85);
	background: -moz-linear-gradient(100% 100% 135deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.55));
	background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.55)));
	border-radius: 6px;
	border: 1px solid #999999;
	box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.6);
}

.messagebox {
	background: rgb(230, 238, 244);
	border-radius: 6px;
	border: 1px solid #999999;
	box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.6);
}

.headline {
	//background-color: rgb(224, 234, 238);
	width: 160px;
	height: 10px;
	margin: 3px 0 6px 25px;
	font-size: 9px;
	text-align: center;
	//background-image: url(../images/bg_blue.png);
	border-radius: 2px;
}

.bar_vertical {
	//background-image: url(../images/bar_vertical.png);
}

.box {
	background: white;
	border-radius: 4px;
	box-shadow: 0 0 5px 3px #888888;
    margin: 6px 0 0 10px;
	padding: 3px 3px 3px 3px;
	overflow-x: hidden;
    clear: left;
}

#feedback {
    z-index: 2000;
    position: absolute;
    top: 350px;
    left: 550px;
    width: 280px;
    display: none;
    text-align: center;
    background: white;
}

.transbox {
	margin: 10px 0 0 10px;
}

.boxtitle {
	background-color: rgb(255, 242, 204);
	width: auto;
	height: 16px;
    padding: 0.25rem 1rem 0.125rem 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: -3px 3px 3px 0 #444444;
}

.boxcontainer {
    height: 16px;
    padding: 4px;
    margin: 0 0 6px 10px;
}

.shadow {
	box-shadow: -3px 3px 3px 0px #444444;
}

input,select,textarea,.textbox {
	//color: #000000;
	background-color: transparent;
}

option, .option {
	text-align: center;
	/*background: -webkit-linear-gradient(180deg, rgba(191, 191, 191, 1), rgba(127, 127, 127, 1));
	background: -moz-linear-gradient(180deg, rgba(191, 191, 191, 1), rgba(127, 127, 127, 1));
	background: -ms-linear-gradient(180deg, rgba(191, 191, 191, 1) 100%, rgba(127, 127, 127, 1) 0%);
	background: -o-linear-gradient(180deg, rgba(191, 191, 191, 1), rgba(127, 127, 127, 1));
	background: linear-gradient(180deg, rgba(191, 191, 191, 1), rgba(127, 127, 127, 1));*/
}

option.players {
	text-align: left;
}

.textbox {
	background: white;
}

.textbox:disabled {
	background: grey;
	color: #777777;
}

.button,.upload,.submit  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 4px 20px;
	background: -moz-linear-gradient(
		top,
        rgb(222, 235, 247) 0%,
        rgb(144, 188, 228) 50%,
        rgb(78, 108, 136));
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(rgb(222, 235, 247)),
		color-stop(0.50, rgb(144, 188, 228)),
		to(rgb(78, 108, 136)));
	background: linear-gradient(
		to bottom, 
		rgb(222, 235, 247),
        rgb(144, 188, 228) 50%,
        rgb(78, 108, 136));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
    border: 1px solid rgb(198, 221, 241);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

.button:active:hover,
.upload:active:hover,
.submit:active:hover {
	position:relative;
	//top:2px;
	//left:2px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 6px 18px 2px 22px;
	background: -moz-linear-gradient(
		top,
        rgb(78, 108, 136) 0%,
        rgb(144, 188, 228) 50%,
        rgb(222, 235, 247));
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(rgb(78, 108, 136)),
		color-stop(0.50, rgb(144, 188, 228)),
		to(rgb(222, 235, 247)));
	background: linear-gradient(
		to bottom,
        rgb(78, 108, 136),
        rgb(144, 188, 228) 50%,
        rgb(222, 235, 247));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(127,127,127,0.4);
}

.button:hover,
.upload:hover,
.submit:hover {
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 4px 20px;
    background: -moz-linear-gradient(
            top,
            rgb(78, 108, 136) 0%,
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(rgb(78, 108, 136)),
            color-stop(0.50, rgb(144, 188, 228)),
            to(rgb(222, 235, 247)));
    background: linear-gradient(
            to bottom,
            rgb(78, 108, 136),
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(127,127,127,0.4);
}

.button-small  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
    background: -moz-linear-gradient(
            top,
            rgb(222, 235, 247) 0%,
            rgb(144, 188, 228) 50%,
            rgb(78, 108, 136));
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(rgb(222, 235, 247)),
            color-stop(0.50, rgb(144, 188, 228)),
            to(rgb(78, 108, 136)));
    background: linear-gradient(
            to bottom,
            rgb(222, 235, 247),
            rgb(144, 188, 228) 50%,
            rgb(78, 108, 136));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
    border: 1px solid rgb(198, 221, 241);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

.button-small:active:hover {
	position:relative;
	//top:2px;
	//left:2px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 0 -1px 0 1px;
    background: -moz-linear-gradient(
            top,
            rgb(78, 108, 136) 0%,
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(rgb(78, 108, 136)),
            color-stop(0.50, rgb(144, 188, 228)),
            to(rgb(222, 235, 247)));
    background: linear-gradient(
            to bottom,
            rgb(78, 108, 136),
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(127,127,127,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(127,127,127,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(127,127,127,0.4);
}

.button-small:hover {
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
    background: -moz-linear-gradient(
            top,
            rgb(78, 108, 136) 0%,
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(rgb(78, 108, 136)),
            color-stop(0.50, rgb(144, 188, 228)),
            to(rgb(222, 235, 247)));
    background: linear-gradient(
            to bottom,
            rgb(78, 108, 136),
            rgb(144, 188, 228) 50%,
            rgb(222, 235, 247));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(127,127,127,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(127,127,127,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(127,127,127,0.4);
}

.small {
	font-size: 10px;
}

.extraSmall {
	font-size: 9px;
}

.extremeSmall {
	font-size: 7px;
}

.splitleft {
	width: 50%;
	clear: left;
	float: left;
	margin: 6px 0 0 0;
}

.splitright {
	width: 50%;
	float: left;
	margin: 3px 0 0 0;
}

.splitboth {
	width: 100%;
	text-align: center;
	clear: left;
	float: left;
	margin: 6px 0 0 0;
}

.tacticPlayersLeft {
	width: 40%;
	clear: left;
	float: left;
	text-align: left;
}

.tacticPlayersRight {
	width:60%;
	float:left;
	text-align:right;
}

.tacticOrders1Left {
	width:50%;
	clear:left;
	float:left;
}

.tacticOrders1Right {
	width:50%;
	float:left;
}

.tacticOrders2Left {
	width:20%;
	clear:left;
	float:left;
}

.tacticOrders2Right {
	width:80%;
	float:left;
}

.tacticTeamValuesLeft {
	width:47%;
	padding-left:5px;
	clear:left;
	float:left;
	text-align:left;
}

.tacticTeamValuesRight {
	width:47%;
	padding-right:5px;
	float:left;
	text-align:right;
}

.money {
	position: absolute;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 3pt;
	border: 1px solid #000000;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
}

select.smallTrans, option.smallTrans { font-size : 7pt;
	color: #000000;
	background-image: none;
	background-color: transparent;
	border: none;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif; }
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select[name=playingStyle], select[name=harshness], select[name=commitment] {
		background-color: #888888;
		background-color: rgba(136, 136, 136, 0.5);
	}
}
	
input.small {
	font-size : 7pt;
	background-color: transparent;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
	
.playerCellContainer {
	position: absolute;
	width: 90px;
	height: 27px;
	left: 105px;
}

.playerCell {
	text-align: center;
	padding-top: 5px;
	width: 90px;
	height: 27px;
	font-size: 10px;
	background-image: url(../images/bg_player.png);
}

.hoverCell {
	background-color: #ABE783;
}

.dragCell {
	text-align: center;
	padding-top: 5px;
	width: 90px;
	height: 27px;
	font-size: 10px;
	background-image: url(../images/bg_drag.png);
}

.innerbox {
	 margin:-3px -3px 0 -3px;
	 //overflow-x:hidden;
	 //overflow-y:hidden;
}
	
.totdCell {
	text-align: center;
	padding-top: 5px;
	width: 100px;
	height: 37px;
	font-size: 10px;
	background-image: url(../images/bg_player.png);
	position: absolute;
	bottom: 132px;
}

.mdsLeft {
	text-align:left;
	padding:0 0 0 4px;
}

.mdsRight {
	text-align:right;
	padding:0 4px 0 0;
}

.bgStatusNumber {
	width:25%;
	text-align:left;
	float:left;
    position:absolute;
}

.bgStatusBar {
	width:150px;
	height:12px;
	text-align:left;
	float:left;
	background-image: url(../images/bg_black.png);
}

#matchtip {
	position: absolute;
	text-align:left;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 3pt;
	border: 1px solid #000000;
	z-index: 1001;
	background-image: url(../images/bg_bright.png);
}

.shadowedBox {
	border-radius: 6px;
	border: 1px solid #999999;
	box-shadow: 0 0 3px 2px rgba(63, 63, 63, 0.6);
}

.invisible {
	display: none;
}

.innerbox table td {
	padding:0 3px 0 3px;
}

.header, th.sorting, th.sorting_asc, th.sorting_desc {
	cursor:pointer;
}

/* MatchTabs design
----------------------------------*/
#matchtip {
	display: none;
}

#matchTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#matchTabs .shadow {
    height: 14px;
}
#matchTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#matchTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#matchTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#matchTabs .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
#matchTabs .tabs li a:hover {
	text-decoration: underline;
}
#matchTabs .tabContent {
    display: none;
}

/* PlayerTabs design
----------------------------------*/
#playertip {
	display: none;
}

#playerTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#playerTabs .shadow {
    height: 14px;
}
#playerTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#playerTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#playerTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#playerTabs .tabs li.ui-state-active {
	background: rgb(200, 220, 240);
}
#playerTabs .tabs li a:hover {
	text-decoration: underline;
}
#playerTabs .tabContent {
    display: none;
}

/* MatchTabs design
----------------------------------*/
#reltip {
	display: none;
}

#relTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#relTabs .shadow {
    height: 14px;
}
#relTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#relTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#relTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#relTabs .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
#relTabs .tabs li a:hover {
	text-decoration: underline;
}
#relTabs .tabContent {
    display: none;
}

/* PlayerInfoTabs design
----------------------------------*/
#playerInfoTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#playerInfoTabs .shadow {
    height: 14px;
}
#playerInfoTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#playerInfoTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#playerInfoTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#playerInfoTabs .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
#playerInfoTabs .tabs li a:hover {
	text-decoration: underline;
}
#playerInfoTabs .tabContent {
    display: none;
}

/* TeamTabs design
----------------------------------*/
#teamTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#teamTabs .shadow {
    height: 14px;
}
#teamTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#teamTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#teamTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#teamTabs .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
#teamTabs .tabs li a:hover {
	text-decoration: underline;
}
#teamTabs .tabContent {
    display: none;
}

/* TeamInfoTabs design
----------------------------------*/
#teamInfoTabs {
	width: 100%;
	margin: 3px 0 0 8px;
}
#teamInfoTabs .shadow {
    height: 14px;
}
#teamInfoTabs .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
#teamInfoTabs .tabs li {
    display: block;
    text-align: center;
    float: left;
}
#teamInfoTabs .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
#teamInfoTabs .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
#teamInfoTabs .tabs li a:hover {
	text-decoration: underline;
}
#teamInfoTabs .tabContent {
    display: none;
}

/* general Tabs design
----------------------------------*/
.tabsDesign {
	width: 100%;
	margin: 0;
}
.tabsDesign .shadow {
    height: 14px;
}
.tabsDesign .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.tabsDesign .tabs li {
    display: block;
    text-align: center;
    float: left;
}
.tabsDesign .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
.tabsDesign .tabs li.ui-state-active {
	background: rgb(200, 220, 240);
}
.tabsDesign .tabs li a:hover {
	text-decoration: underline;
}
.tabsDesign .tabContent {
    display: none;
}

/* general vertical Tabs design
----------------------------------*/
.tabs-vertical {
	width: 100%;
	margin: 3px 0 0 5px;
}
.tabs-vertical .shadow {
	height: auto;
}
.tabs-vertical .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.tabs-vertical .tabs li {
    display: block;
    text-align: center;
    float: none;
    clear: left;
}
.tabs-vertical .tabs li a {
    padding: 0;
    text-decoration: none;
    outline: none;
}
.tabs-vertical .tabs li.ui-state-active {
	background-image: url(../images/bg_gold.png);
}
.tabs-vertical .tabs li a:hover {
	text-decoration: underline;
}
.tabs-vertical .tabContent {
    display: none;
}

.game-logo {
    position: absolute;
    width: 100%;
    -webkit-box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.75);
    background-image: url(../images/logo-bg.png);
}

#mainArea {
    width: 100%;
}

#subMainArea {
    width: 100%;
}

#wikilink, .wikilink {
    display: none !important;
}

.background {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url(../images/portal-background.jpg);
    background-position: 0 0, center center;
    background-repeat: no-repeat;
    background-size: 100% auto, cover;
}

.portal-box {
    margin-top: 240px;
    background: rgba(40, 52, 76, 0.73);
    padding: 1rem;
    border: 4px solid white;
    border-radius: 9px;
    box-shadow: 0 0 9px 6px rgba(0, 0, 0, 0.75);
}

.register-box {
    display: none;
}

#reg1 {
    display: block;
}

.portal-box div, .portal-box a {
    color: white;
    font-size: 1.25rem;
    text-align: center;
}

.portal-box label {
    color: white;
    font-size: 1.25rem;
}

.portal-box .row {
    margin-left: 7rem;
    margin-right: 5rem;
}

.register-head {
    text-align: center;
    margin: 1rem 0 2.5rem;
}

.register-headline {
    font-size: 1.5rem;
    font-weight: bold;
}

.register-step {
    font-size: 1.125rem;
    font-weight: bold;
}

.step-head {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

input, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], input[type="number"], input[type="search"], select, textarea {
    background: white;
}

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="number"]:focus, input[type="search"]:focus, select:focus, textarea:focus {
    background: white;
}

input.checkbox[type=checkbox] {
    visibility: visible;
}

.register-button, .back-button {
    margin: 0.75rem 0 3rem;
}

#reg1 .register-button {
    margin-top: 5rem;
}

#reg3 .register-terms {
    text-align: center;
}

#reg3 .register-terms input {
    float: none;
    visibility: visible;
}

.register-button button, .back-button button, .register-button input, .register-button input:hover, .register-button input:focus {
    background: rgb(94, 146, 44);
    border: 2px solid white;
    border-radius: 0.5rem;
    font-weight: bold;
    font-size: 1.25rem;
    padding: 0.5rem 3.5rem;
    text-shadow: none;
    color: white;
    width: auto;
    line-height: initial;
}

.register-button button, .register-button input, .register-button input:hover, .register-button input:focus {
    float: right;
}

.back-button button {
    float: left;
}

.nation-info div {
    font-size: 1.25rem;
}

.nation-info div.columns {
    padding: 0.3125rem !important;
    font-weight: normal;
}

.nation-info .odd, .nation-info .row {
    background-color: rgb(60, 80, 97);
}

.nation-info .even {
    background-color: rgb(40, 47, 57);
}

.nation-info .easy {
    color: #006020;
}

.nation-info .normal {
    color: #F0F000;
}

.nation-info .hard {
    color: #C00000;
}

#feedback .feedback-box {
    background: rgb(230, 238, 244);
    box-shadow: 0 0 5px 5px #000000;
    border-radius: 6px;
    font-size: 1.25rem;
}

.boxhead {
    width: 100%;
    background: rgb(200, 220, 240);
    height: 1rem;
    font-weight: bold;
    line-height: 1rem;
}

.screenshots{
    position: fixed;
    bottom: 0;
    height: 5rem;
    background-color: black;
    width: 100%;
    margin: 0;
}

.screenshots .columns {
    text-align: center;
}

.screenshots img {
    margin: 0.5rem 0.25rem;
}

.news {
	text-align: left;
}

.news a {
	color: rgb(47,85,151);
}

.news .news-headline {
	font-size: 21px;
	font-weight: bold;
}

.news .news-pics {
	max-width: 6.25rem;
	padding-right: 0.5rem;
	float: left;
}

.news .news-pics img {
	max-width: 100%;
}

.news .news-content {
	float: left;
	width: 25rem;
}

.person-pic-container {
    position: relative;
    height: 200px;
}

.person-pic-container img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
}