/*---------------------------------------------------
Desidgned by Juergen Koller
Designers Home: http://www.LernVid.com
---------------------------------------------------*/

body {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	color: #A3A9AD;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

pre {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
}

#main_body {
	width: 100%;
	min-width: 1024px;
	background-image: url('../images/bg.jpg');
	background-position: center top;
	background-repeat: repeat-y;
}

#background_top {
	background-position: center top;
	background-image: url('../images/bg_up.jpg');
	background-repeat: no-repeat;
	text-align: center;
}

#dragon_display {
	height: 400px;
	width: 930px;
	background-color: transparent;
	margin: 0 auto;
	background-image: url('../images/header.gif');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

#dragon_display .text {
	padding-top: 340px;
	padding-left: 735px;
	line-height: 8pt;
	font-family: Verdana, Arial, Times New Roman;
	font-size: 7pt;
}

/*.glowingText {
	color: #FAE600;
	text-shadow: 0 0 10px #D96D00, 0 0 20px #D96D00, 0 0 30px #D96D00, 0 0 40px #D96D00, 0 0 70px #D96D00, 0 0 80px #D96D00, 0 0 100px #D96D00, 0 0 150px #D96D00;
}*/

#page_container {
	text-align: left;
	width: 930px;
	padding: 0;
	margin: auto;
	background-image: url('../images/container.jpg');
	background-position: center top;
}

#navigation {
	background-image: url('../images/navigation.gif');
	height: 40px;
	margin: auto;
	text-align: center;
	padding: 0;
	margin: 0;
}

#clock_panel {
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
	background-image: url('../images/clock_panel.png');
	text-align: center;
}

#game_clock {
	font-family: Verdana,Arial,Times New Roman,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding-top: 9px;
	margin: 0;
	text-shadow: 0 0 1px #eee, 0 0 4px #eee, 0 0 7px #eee;
}

#page_body {
	padding: 10px 10px 10px 10px;
	height: auto;
	color: #000000;
	border: 1px solid #111;
	background-image: url('../images/content.jpg');
	margin-bottom: 25px;
}

#page_body img {
	max-width: 528px;
}

#page_body  .title {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 38px;
	text-align: center;
}

#page_body .title img {
	margin-top: 7px;
	height: 25px;
}

#page_body input, #page_body select, #page_body textarea, #page_body .input {
	padding: 3px 5px;
	color: #000;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #aaa;
	margin: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#page_body input[type=submit], #page_body input[type=button] {
	cursor: pointer;
	padding: 0;
	padding: 3px 10px;
}

#page_header {
	background-image: url('../images/page_header.jpg');
	background-repeat: no-repeat;
	padding-top: 38px;
	text-align: left;
	font-size: 10pt;
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	position: relative;
}

#page_header a, a:link, a:visited, a:active, a:focus {
	color: #ff0000;
	outline: none;
	text-decoration: none;
}

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

#page_header  a.ui_button, a.ui_button:link, a.ui_button:visited, a.ui_button:active, a.ui_button:hover, a.ui_button:focus {
	color: #000;
	text-decoration: none;
}

#sidebar_left {
	float: left;
	width: 176px;
	margin: 0px 7px 20px 7px;
}

#sidebar_right {
	float: right;
	text-align: right;
	width: 176px;
	background-color: transparent;
	margin: 0px 7px 20px 7px;
}

#content_middle {
	overflow: hidden;
	margin: 0;
}

#content_down {
	background-image: url('../images/navigation_bottom.gif');
	height: 20px;
}

#clear {
	clear: both;
}

.ui_button {
	display: inline-block;
	color: #fff;
	text-align: center;
	background-color: #eee;
	padding: 5px 10px;
	margin: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
}

.ui_button:hover {
	background-color: #e3e3e3;
	border-color: rgba(0,0,0,0.5);
}

.ui_button:active {
	background-color: #f3f3f3;
	border-color: rgba(0,0,0,0.9);
}

#footer {
	color: #999;
	padding: 8px 0 5px 0;
	background-color: #000;
	text-align: center;
	background-image: url('../images/footer.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}

#footer a {
	border: none;
	color: #888;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#copyright_info {
	font-size: 12px;
	margin: 5px 0 5px 0;
}

#designed_by {
	color: #444;
	text-align: center;
}

#designed_by p {
	color: #222;
	font-size: 9px;
	margin: 0;
}

#designed_by a {
	color: #444;
	text-decoration: none;
}

#designed_by a:hover {
	color: #999;
}

#about {
	font-size: 11px;
	height: 30px;
	line-height: 30px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, Sans-Serif;
}

td {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:active, a:focus {
	color: #f2e019;
	outline: none;
	/*text-shadow: 0 0 1px #000;*/
	text-decoration: none;
}

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

.module_menu {
	background: url('../images/menu_rb.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 5px;
}

.module_menu .title {
	background: url('../images/module_menu.jpg');
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	height: 32px;
	padding-top: 4px;
}

.module_menu .title .splash {
	float: left;
	margin-right: -64px;
}

.module_menu .text {
	background: url('../images/menu_lb.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 8px 10px 8px;
	text-align: center;
}

.module_menu ul {
	padding: 0px;
	list-style: none;
	background: none;
	margin: 0;
}

.module_menu ul li a {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	text-align: left;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	padding-left: 18px;
	background-image: url('../images/menu.jpg');
	background-repeat: no-repeat;
	border-bottom: 1px solid #111;
}

.module_menu ul li a:hover, .module_menu ul li a:active, .module_menu ul li a:focus {
	text-decoration: none;
	background-image: url('../images/menu_hover.jpg');
	background-repeat: no-repeat;
	padding-left: 18px;
}

table {
	width: 100%;
	border-collapse: separate;
}

td {
	padding: 1px;
}

form {
	margin: 0;
	padding: 0;
	border: none;
}

h1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

h4 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

img {
	border: none;
}

fieldset {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;
}

.fieldset {
	padding: 10px;
	border: 1px solid #999;
}

object {
	outline: none;
}

/*---------------------
X mas Pop UP
---------------------*/
.promotionpopup .ui-dialog-titlebar {
	background: none;
	border: 0;
	margin-bottom: -48px;
	margin-right: 5px;
	float: right;
	z-index: 100;
}

.promotionpopup .ui-dialog-content {
	margin-left: -25px;
	margin-bottom: -2px;
	margin-right: -2px;
	margin-top: 0px;
}

#loginForm #name, #loginForm #pass {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 125px;
}

#loginForm #create {
	width: 150px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	display:inline-block;
	color: #fff;
	margin-bottom: 5px;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #111));
	background:-moz-linear-gradient(top, #000 5%, #111 100%);
	background:-webkit-linear-gradient(top, #000 5%, #111 100%);
	background:-o-linear-gradient(top, #000 5%, #111 100%);
	background:-ms-linear-gradient(top, #000 5%, #111 100%);
	background:linear-gradient(top bottom, #000 5%, #111 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#111111',GradientType=0);
	background-color:#333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #333;
}


#loginForm input, #loginForm .recover {
	padding: 3px;
	color: #fff;
	font-size: 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #111));
	background:-moz-linear-gradient(top, #000 5%, #111 100%);
	background:-webkit-linear-gradient(top, #000 5%, #111 100%);
	background:-o-linear-gradient(top, #000 5%, #111 100%);
	background:-ms-linear-gradient(top, #000 5%, #111 100%);
	background:linear-gradient(top bottom, #000 5%, #111 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#111111',GradientType=0);
	background-color:#333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #333;
}

#loginForm input:hover, #loginForm .recover:hover, #loginForm #create:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #111), color-stop(1, #222));
	background:-moz-linear-gradient(top, #111 5%, #222 100%);
	background:-webkit-linear-gradient(top, #111 5%, #222 100%);
	background:-o-linear-gradient(top, #111 5%, #222 100%);
	background:-ms-linear-gradient(top, #111 5%, #222 100%);
	background:linear-gradient(top bottom, #111 5%, #222 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#222222',GradientType=0);
	text-decoration: none;
}

#loginForm .recover {
	width: 19px;
	display: inline-block;
	border-left-width: 0;
}

#loginForm #login {
	width: 60px;
	height: 28px;
	font-size: 14px;
	margin-bottom: 10px;
}

#lang_flags {
	top: -17px;
	margin-right: 20px;
	position: relative;
	text-align: right;
}

.xsmall {
	font-size: 50%;
}

.esFlag {
	display: inline-block;
	width: 29px;
	height: 17px;
	border: 1px;
	background-image: url('../buttons/spain_on.png');
	background-repeat: no-repeat;
}

.enFlag {
	display: inline-block;
	width: 29px;
	height: 17px;
	border: 0px;
	background-image: url('../buttons/england.png');
	background-repeat: no-repeat;
}

.enFlag:hover {
	display: inline-block;
	width: 29px;
	height: 17px;
	background-image: url('../buttons/england_on.png');
	background-repeat: no-repeat;
}

.table-center {
	width: 100%;
	text-align: center;
}

.table-center td {
	padding: 2px 2px;
	text-align: center;
	vertical-align: middle;
}

.tcalendar-sm,
.tcalendar {
	margin: 0.5em 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	text-align: center;
}

.tcalendar-sm th {
	font-size: clamp(0.6rem, 1.15vw, 0.85em);
	border: 1px solid;
	background-color: rgba(90, 90, 90, 0.1);
}

.tcalendar th {
	border: 1px solid;
	background-color: rgba(90, 90, 90, 0.1);
}

.tcalendar-sm td {
	font-size: clamp(0.5rem, 1vw, 0.75em);
	border: 1px solid;
}

.tcalendar-sm td,
.tcalendar td {
	border: 1px solid;
}

.tcalendar-sm td p,
.tcalendar td p {
	line-height: 1.5em;
	margin: 0;
}

.tcalendar-sm td p:nth-child(even),
.tcalendar td p:nth-child(even) {
  background-color: rgba(90, 90, 90, 0.1);
}