@charset "utf-8";
/* CSS Document */

body {
	background: #000000 url("../images/bg.jpg");
	font-family: Arial, Helvetica;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 130%;
}

table {
	font-family: Arial, Helvetica;
	color: #000000;
	font-size: 14px;
	line-height: 130%;
}

input {
	font-family: Arial, Helvetica;
	color: #333333;
	font-size: 12px;
	line-height: 130%;
}

select {
	font-family: Arial, Helvetica;
	color: #333333;
	font-size: 12px;
	line-height: 130%;	
}

textarea {
	font-family: Arial, Helvetica;
	color: #333333;
	font-size: 12px;
	line-height: 130%;
	background-color:#FDFDFD;
	border: 1px solid #666666;	
	padding:2px;
}

ul {
	list-style-type:square;
}

a {
	font-weight:bold;
	color:#FFCC00;
}

fieldset {
	padding:10px;
}

legend {
	font-size:14px;
	font-weight:bold;
}

input.button {
	height: 26px;
}

h1 {
	line-height:105%;
}

h2 {
	line-height:120%;
}

h3 {
	line-height:125%;
}

h4 {
	line-height:130%;
}

.small {
	font-size:11px;
	line-height: 120%;
}

.medium {
	font-size:14px;
	line-height: 125%;
}

.big {
	font-size: 26px; 
	line-height:115%;
}

.highlight {
	color:#FFFFFF;
	background-color:#FF0000;
}

.highlight_red {
      color:#FFFFFF;
	  background-color:#FF0000;
}

.highlight_yellow {
      color:#000000;
	  background-color:#FFFF00;
}

.hide {
	display: none; 
}


#grey_box {
	background-color:#333333;
}

#white_box {
	background-color:#FFFFFF;
	color:#333333;
}
#white_box a {
	color:#0033CC;
	font-weight:bold;
	text-decoration:underline;
}

#redbutton {
	color:#FFFFFF;
	font-weight:bold;
}
#redbutton a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#greenbutton {
	color:#FFFFFF;
	font-weight:bold;
}
#greenbutton a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#yellowbutton {
	color:#333333;
	font-weight:bold;
}
#yellowbutton a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

#comp {
	color:#FFFFFF;
	font-size:16px;
	padding:15px 70px 15px 70px;
	line-height:130%;
}
#comp a {
	color:#FFCC00;
	font-weight:normal;
	text-decoration:none;
}
#comp .yellow {color: #FFCC00}

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'FreestyleScriptRegular';
	src: url('../../affiliate/fontface/FREESTYLE_SCRIPT.eot');
	src: local('Freestyle Script Regular'), local('FreestyleScript-Regular'), url('../../affiliate/fontface/FREESTYLE_SCRIPT.ttf') format('truetype'), url('../../affiliate/fontface/FREESTYLE_SCRIPT.svg#FreestyleScript-Regular') format('svg');
}

@font-face {
	font-family: 'TrumaniaEENPlain';
	src: url('../../affiliate/fontface/TRUMANIA.eot');
	src: local('Trumania EEN Plain'), local('TrumaniaEENPlain'), url('../../affiliate/fontface/TRUMANIA.ttf') format('truetype'), url('../../affiliate/fontface/TRUMANIA.svg#TrumaniaEENPlain') format('svg');
}

p.trumania-big {font: 30px/34px 'TrumaniaEENPlain', Arial, sans-serif;letter-spacing: 0; line-height:80%}
p.trumania {font: 18px/27px 'TrumaniaEENPlain', Arial, sans-serif;}

#greenbox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#f1ffb9; 
	border:2px solid #99cc00;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#orangebox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffffcc; 
	border:2px solid #FFcc66;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#redbox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffcc99; 
	border:2px solid #FF3300; 
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#container {
			width: 500px;
			margin-left: auto;
			margin-right: auto;
}
#platinumbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #FF3300;
			background-color:#FFCC99;
			text-align:center;
			vertical-align:middle;
}
#goldbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #FFCC00;
			background-color:#FFFFCC;
			text-align:center;
			vertical-align:middle;
}
#beginnerbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #99CC00;
			background-color:#f1ffb9;
			text-align:center;
			vertical-align:middle;
}
						
.red {color: #FF0000;}	
.green {color:#339900;}		
		
#navlist
{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		font: 18px Arial, sans-serif;
}
		
#navlist li
{
		padding-left: 36px;
		background-image: url(../images/bullet-tick.jpg);
		background-repeat: no-repeat;
		background-position: 0 0.08em;
		line-height:185%;
}	

#footer
{
	text-align:center;
	color:#FFFFFF;
	font: 11px Arial, sans-serif; 
	line-height:115%;
	width: 650px;
}

#aboutref
{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

#lang {
	font-size:12px;
	color:#FFFFFF;
	position:absolute;
	top:0;
	right:0;
	width:400px;
	height: 135px;
}