html {
	background: url(../images/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	margin-left: 0;
	margin-top: 0;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 20px;
	overflow-y: scroll;
}

table {
	border-spacing: 0px;
	border-collapse: separate;
	border: 0px;
	-webkit-transition: left 0.2s;
	-moz-transition: left 0.2s;
	transition: left 0.2s;
}

td {
	padding: 0px;
	font-family: tahoma, helvetica, arial, sans-serif;
}

input, textarea {
	font-family: "Arial", Times, serif;
	font-size: 20px;
}

button {
	font-family: "Arial", Times, serif;
	font-size: 20px;
}

.logo {
	font-family: "CaviarDreams";
	font-weight: bold;
	font-size: 80px;
	color: #ffe0ff;
}

.transparant {
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0000000,
		endColorstr=#b0000000);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0000000, endColorstr=#b0000000)";
	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

@font-face {
	font-family: CaviarDreams;
	font-weight: bold;
	src: url('../resources/CaviarDreams_Bold.ttf'),
		url('../resources/CaviarDreams_Bold.eot');
}

.button {
	font-family: "Arial", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	height: 40px;
	width: 480px;
	padding: 10px;
	text-align: center;
	background: rgb(147, 98, 45) transparent;
	background: rgba(147, 98, 45, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0000000,
		endColorstr=#b0000000);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b0000000, endColorstr=#b0000000)";
	border-radius: 10px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: default;
}

.button-showing {
	border-bottom-left-radius: 0px;
	moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

.page {
	overflow: hidden;
	margin: auto;
	font-family: "Arial", Times, serif;
	font-size: 18px;
	width: 500px;
	background: rgb(128, 0, 0) transparent;
	background: rgba(32, 32, 32, 0.7);
	color: #e0e0e0;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;

	border-bottom-left-radius: 5px;
	moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;
	moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.button-select {
	width: 50px;
	height: 24px;
	background-color: #472400;

	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	text-align: center;
	color: #606060; 
	box-shadow: 3px 3px #404040;	
	cursor: default;
	font-weight: bold;
}

.button-select-selected {
	color: #ffffff;
}

.button-select-hover {
	color: #bababa;
}

.flag {
	height: 30px;
}


.button-click {
	float:left;
	width: 150px;
	height: 24px;
	background-color: #472400;

	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	text-align: center;
	color: #606060; 
	box-shadow: 3px 3px #404040;	
	cursor: default;
	font-weight: bold;
}

.button-click-hover {
	color: #bababa;
}