/*******************************************************************************
 * Ugamela is under Proprietary license
 * Copyright 2008 by German Perugorria perberos@gmail.com All Rights Reserved
 ******************************************************************************/
#lang_container
{
	height: 22px;
}

#lang_container img
{
	margin-top: 4px;
	cursor:pointer;
	height:0px;
	width:0px;
	border:1px solid #222222;
}

.text {
	FONT-SIZE: 11px; COLOR: #649cd3; LETTER-SPACING: 2px
}

.a_info, .a_info:hover { position: relative; text-decoration: none;  font-size: 14px; font-weight: normal;  }
.a_info:hover {  cursor: pointer}
.a_info SPAN { display: none}
/*.a_info:hover SPAN { background: #D2DEE5 repeat-x; border: 1px solid #000000; border-bottom-width: 2px; color: #46484C; display: block; padding: 4px; position: absolute; bottom: 1em; left: 0em; width: 200px; width: 200px; font-size: 12}*/
.a_info:hover SPAN { background: #D2DEE5;  border: 1px solid #000000; border-bottom-width: 2px; color: #46484C; display: block; padding: 4px; position: absolute; left: 0; margin-top: 20px; width: 200px;  font-size: 12px;}
/* TODO: verificar en el IE si funca */
.warning-cookies {
	margin:0px;padding:3px 10px 3px 10px;
	font-size:11px;
	position:absolute;
	top:0px;
	display:block;
	color:#000000;
	width:100%;
	background:#ffffe1;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
	background:brown;
	color:white;
}

.infodesc
{
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
}

.titanium { color: rgb(173,174,173); }
.silicium { color: rgb(239,81,239); }
.gashofa { color: rgb(247,117,66); }
.elonergy { color: rgb(156,113,198); }
.o_titanium { color: #B3B9C4; }
.o_silicium { color: #A37CB3; }
.o_gashofa { color: #9B706B; }
.o_elonergy { color: #8B8396; }

.o_red { color: rgb(127, 95, 96); }
.o_green { color: rgb(95, 127, 108); }
.o_white { color: #7f7f7f; }

.red { color: #ff4b4b; }
.green { color: #a5ff4b; }
.blue { color: #A54545; }
.yellow { color: #fffa70; }
.orange { color: #ffbf00; }
.cian { color: #8ed3dc; }

.help { cursor: help; }
/*.cross { cursor: cross; }*/
.hand { cursor: pointer; }
.cursor { cursor: default; }
/* Colores en el Visor Universo/Galaxia */
.strong { color: pink; }
.weak { color: #afd686; }
.noob { color: #a5ff4b; }
.inactive { color: grey; }
.longinactive { color: grey; }
.vacation { color: #8ed3dc; }
.banned { color: #ff4b4b; }
.activity { color: #fffa70; }
/* Rangos especiales */
.admin { color: #fffa70; }
.programmer { color: #fffa70; }
.controler { color: #fffa70; }
.guider { color: #fffa70; }

body
{
	cursor: default;
	margin-top: 1px;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
	color: #c4c4c4;
	font-size: 11px;
}

form
{
	margin: 0px;
}

#langbar ul {
	position: absolute;
	top: 15px; right: 5px;
	margin: 0;
	padding: 0 18px 0 0;
	list-style: none;
	float: right;
}

.itemflags img:hover {
	/*filter:alpha(opacity=150);*/
	/*-moz-opacity: 0.5;*/
	opacity: 0.5;
}

.itemflags img.selected {
	/*filter: alpha(opacity=50);*/
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
	/*-moz-opacity: 0.5;*/
	opacity: 0.5;
}

/* puto el que lee :D */
a.linkopacity img {
	/*filter: alpha(opacity=50);*/
	/*-moz-opacity: 0.5;*//* pal morsisha fairfo */
	opacity: 0.5;
}

a.linkopacity:hover img {
	/*filter: alpha(opacity=100);*/
	/*-moz-opacity: 1.0;*/
	opacity: 1.0;
}

a.linkresalted img {
	border: 1px solid yellow;
}

.iframeadcb
{
	z-index: -1;
	border-width: 0px;
}

/* 0.8.1 */
#hint {
	background-color:green;
	text-align:center;
	cursor: pointer;
}

#hint-red {
	background-color:brown;
	text-align:center;
	cursor: pointer;
}

.hint-log {
	display: inline-block;
	background-color: #0e080f;
	border: 1px solid #fce94f;
	border-style:dotted;
	cursor: pointer;
	color: #8ed3dc;
	padding: 2px 2px 2px 2px;
/*	-moz-opacity: 1.0;*/
	opacity: 1.0;
}

.hint-log:hover {
	display: inline-block;
	background-color: red;
	border: 1px solid #fce94f;
	border-style:dotted;
	cursor: pointer;
	color: #8ed3dc;
	padding: 2px 2px 2px 2px;
	/*-moz-opacity: 1.0;*/
	opacity: 1.0;
}

.avatar {
	border:1px solid #2e3436;
	background-image: url(http://static.ugamela.com//img/bg1.gif);
	width:82px;
	height:82px;
}

.avatar img {
	border:1px solid #888a85;
	width:80px;
	height:80px;
}

.avatar-small {
	border:1px solid #2e3436;
	background-image: url(http://static.ugamela.com//img/bg1.gif);
	width:42px;
	height:42px;
	float:left;
	margin-right:10px;
}

.avatar-small img {
	border:1px solid #888a85;
	width:40px;
	height:40px;
	float:left;
	margin-right:10px;
}

.tooltip {
	border: 1px solid #2e3436;
	background: url(http://static.ugamela.com//img/bg2.gif);
}

.tooltip td, .tooltip th {
	text-align: left;
}

.planet-small {
	border:1px solid #888a85;
	background-image: url(http://static.ugamela.com//img/bg1.gif);
	width:52px;
	height:52px;
}

.planet-small img {
	border:1px solid #2e3436;
	width:50px;
	height:50px;
}

.planet-big {
	border:1px solid #2e3436;
	background-image: url(http://static.ugamela.com//img/bg1.gif);
	width:202px;
	height:202px;
}

.planet-big img {
	border:1px solid #888a85;
	width:200px;
	height:200px;
}

.topnav-row {
	text-align: center;
	width: 85px;
}

.row_pla {
	border: 1px solid #20232C;
	cursor:pointer;
	width: 250px;
	height:24px;
}

#dropmenu {
	position:absolute;
	float: right;
}

#warning
{
    margin:0px;
    padding:3px 10px 3px 10px;
    font-size:11px;
    position:absolute;
    top:0px;
    display:block;
    color:#000000;
    width:100%;
    background:#ffffe1;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu table
{
	text-align:center;
	border:1px solid black;
	cursor:pointer;
	width:112px;
}

select[name='mission'] option[value='1']
{
    background-image: url(?mode=game-res&png=mission-attack);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='3']
{
    background-image: url(?mode=game-res&png=mission-transport);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='4']
{
    background-image: url(?mode=game-res&png=mission-move);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='6']
{
    background-image: url(?mode=game-res&png=mission-spy);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='6']
{
    background-image: url(?mode=game-res&png=mission-spy);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='8']
{
    background-image: url(?mode=game-res&png=mission-recycle);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='9']
{
    background-image: url(?mode=game-res&png=mission-colonice);
    background-repeat: no-repeat;
    background-position: right center;
}

select[name='mission'] option[value='1']
{
    background-image: url(?mode=game-res&png=mission-attack);
    background-repeat: no-repeat;
    background-position: right center;
}

#menu #playeravatar
{
	background: none;
	border: 0px solid black;
	position: fixed;
	left:0px;
	z-index: 0;
}

#menu #playeravatar img
{
	background-image: url(http://static.ugamela.com//img/bg1.gif);
	border: 1px solid black;
}

#menu #playerdata
{
	background: none;
	border: 0px solid black;
	z-index:1;
	left:-20px;
	position: relative;
	/*position: relative;
	top:20px;
	font-weight: bold;
	z-index:2;*/
}


#menu #playerrank
{
	background: none;
	border: 0px solid black;
	z-index:1;
	/*position: relative;
	top:-15px;
	font-weight: bold;
	font-size: 12px;*/
}

#menu #playerrank span
{
	background: black;
	font-weight: bold;
}

.overmenuthing:hover
{
	border: 1px solid #E2C822;
}

#menu #playerdata span
{
	background: black;
	font-weight: bold;
}

td.z
{
	width: 1px;
	background-image: url(http://static.ugamela.com//img/bg2.gif);
}

tr[height='5'] td[class="c"]
{
	border-width: 0px;
}

tr[height='7'] td[class="c"], tr td[height='5']
{
	border-top: 1px solid #2D64A6;
	border-width: 1px 0px 0px 0px;
}

body #content
{
	min-height: 450px;
	margin-left: 150px;
	margin-top: 2px;
}

/* Parte del copyright abajo del todo */
#copyright
{
	text-align: right;
}
#copyright a,#copyright
{
	font-size: 9px;
}
/* la flecha para subir la pagina */
#totop
{
	text-align:right;
	margin-bottom: 8px;
	margin-top: 8px;
}

#todown
{
	text-align:right;
	margin-bottom: 8px;
	margin-top: 8px;
}


#menu
{
	position: fixed;
	width: 122px;
	text-align:center;
	margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 4px;
}
#menu ul
{
	width:120px;
}
#menu div
{
	width:110px;
	/*background-color:#333333;*/
}

img.img_res, img.img_bld, img.img_tch, img.img_flt, img.img_def
{
	width: 12px;
	height: 12px;
}

#topnav
{
	margin-left: 150px;
}

#topnav #cp
{
	float: left;
	width:64px;
}

#topnav #cpname
{
	float: left;
	width:250px;
}
/* recursos */
.restitanium
{
	position: absolute;
	width: 100px;
	height: 60px;
	border: 1px dotted green;
	margin-left: 330px;
	text-align:center;
}
.restitanium div:first-child
{
	padding-top: 28px;
	border: 1px dotted blue;
	color: rgb(173,174,173);
	font-weight: bold;
	font-style:italic;

	background: url(?mode=game-res&gif=titanium) 28px 2px;
	background-repeat: no-repeat;

}

.ressilicium
{
	position: absolute;
	width: 100px;
	height: 60px;
	border: 1px dotted green;
	margin-left: 450px;
	text-align:center;
}
.ressilicium div:first-child
{
	padding-top: 28px;
	border: 1px dotted blue;
	color: rgb(239,81,239);
	font-weight: bold;
	font-style:italic;

	background: url(?mode=game-res&gif=silicium) 28px 2px;
	background-repeat: no-repeat;
}

.resgashofa
{
	position: absolute;
	width: 100px;
	height: 60px;
	border: 1px dotted green;
	margin-left: 570px;
	text-align:center;
}
.resgashofa div:first-child
{
	padding-top: 28px;
	border: 1px dotted blue;
	color: rgb(247,117,66);
	font-weight: bold;
	font-style:italic;

	background: url(?mode=game-res&gif=gashofa) 28px 2px;
	background-repeat: no-repeat;
}

.reselonergy
{
	position: absolute;
	width: 100px;
	height: 60px;
	border: 1px dotted green;
	margin-left: 690px;
	text-align:center;
}
.reselonergy div:first-child
{
	padding-top: 28px;
	border: 1px dotted blue;
	color: rgb(156,113,198);
	font-weight: bold;
	font-style:italic;

	background: url(?mode=game-res&gif=elonergy) 28px 2px;
	background-repeat: no-repeat;
}

/* Esto es el mensaje de dialogo*/
#messagebody,#messagetitle,#messagetext
{
	text-align:center;
	width: 350px;
	border: 1px dotted white;
	margin:0px;
}

#messagebody
{
	position: absolute;
	left: 50%;
	top: 150px;
	text-align:center;
	width: 350px;
	margin:0px;
	margin-left: -175px;
	border: 1px solid white;
	margin-top:8px;
	margin-bottom:8px;
}


#messagebuttonok,#messagebuttoncancel
{
	margin:0px;
	cursor: pointer;
	float:left;
	margin-left:100px;
	width: 75px;
	border: 1px solid white;
	margin-top:8px;
}

#messagebuttoncancel
{
	margin:0px;
	cursor: pointer;
	float:left;
	margin-left:8px;
	margin-top:8px;
	width: 75px;
	border: 1px solid white;
}

#warningdev
{
	position:relative;
	top:0px;
	background-color:brown;
	color:white;
}

/* Virtual reality show viewer +serial +crack */
table.virtualview
{
	min-width: 530px;
}

table
{
	border-spacing: 1px;
}
td, th
{
	margin: 0px;
}

/* efecto raro de marca de agua */
div.planetimg img
{
	width: 100px;
	height: 100px;
	border: 1px solid #888a85;
}

div.planetimg
{
	width: 102px;
	height: 102px;
	border: 1px solid #2e3436;
	background: url(http://static.ugamela.com//img/bg2.gif);
}

div.planetimg
{
	margin-left: auto;
	margin-right: auto;
}

div.linkresalted
{
	border: 1px solid #a5ff4b;
}

div.linknoresalted img
{
	opacity: 0.5;
}

div.linknoresalted:hover img
{
	opacity: 0.85;
}

div.linknoresalted:focus img
{
	opacity: 1.0;
}

div.linknoresalted:focus
{
	border: 1px solid #fffa70;
}
.planetstable td
{
	vertical-align: bottom
}
/* /efecto raro de marca de agua */
table.virtualview td, table.virtualview th
{
	white-space: nowrap;
}

table.virtualview a.planetimg img
{
	width: 100px;
	height: 100px;
	border: 1px solid #888a85;
}

table.virtualview a.planetimg div
{
	width: 102px;
	height: 102px;
	border: 1px solid #2e3436;
	background: url(http://static.ugamela.com//img/bg2.gif);
}

table.virtualview a.planetimg div
{
	margin-left: auto;
	margin-right: auto;
}

.tag_bld  td:first-child
{
	text-align:left;
}

table.virtualview a.linkresalted div
{
	border: 1px solid #a5ff4b;
}

table.virtualview a.linknoresalted img
{
	opacity: 0.5;
}

table.virtualview a.linknoresalted img:hover
{
	opacity: 0.85;
}

table.virtualview a.linknoresalted:focus div
{
	border: 1px solid #fffa70;
}
table.virtualview a.linknoresalted:focus img
{
	opacity: 1.0;
}


table.virtualview img.icon
{
	width: 16px;
	height: 16px;
	border: 0px;
}





/* Recursos + path + upgrade */
table.resources
{
	min-width: 530px;
}

table.resources td, table.resources th
{
	white-space: nowrap;
}


/* fleet viewer */
table.fleetview
{
	min-width: 530px;
}

table.fleetview td, table.fleetview th
{
	white-space: nowrap;
}


.left
{
	text-align:left;
}

.tinyres img
{
	width: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border:1px solid #2e3436;
	vertical-align: bottom;
	background: url(http://static.ugamela.com//img/bg2.gif);
}

.tinyres
{
	width:16px;
}

.middleres
{
	width:64px;
}

/* tech tree */
table.techtree
{
	min-width: 530px;
	width: 530px;
}

table.techtree td, table.techtree th
{
	white-space: nowrap;
}

table.techtree tr th
{
	text-align: left;
}

/* tech tree */
table.buildingsview
{
	min-width: 530px;
	width: 530px;
}

table.buildingsview td, table.buildingsview th
{
	/*white-space: nowrap;*/
}

table.buildingsview tr th
{
	text-align: left;
}


/* galaxy */
table.galaxyview
{
	min-width: 530px;
	width: 530px;
}

table.galaxyview td, table.galaxyview th
{
	/*white-space: nowrap;*/
}

table.galaxyview tr th
{
	text-align: left;
}


.f5
{
	border: 1px solid #2e3436;
	background: url(http://static.ugamela.com//img/bg2.gif);
}



/* hangar */
table.hangarview
{
	min-width: 530px;
	width: 530px;
}

table.hangarview td, table.hangarview th
{
	/*white-space: nowrap;*/
}

table.hangarview tr th
{
	text-align: left;
}

/* help */
table.helpview
{
	min-width: 530px;
	width: 530px;
}

table.helpview td, table.helpview th
{
	/*white-space: nowrap;*/
}

table.helpview li
{
	padding:0px;
}


/* argh */
.mnulist1:hover, .mnulist2:hover, .mnulist3:hover
{
	background-image: url(http://static.ugamela.com//img/bg1.gif);
}
.mnulist1:active, .mnulist2:active, .mnulist3:active
{
	background-image: url(http://static.ugamela.com//img/bg2.gif);
}


th.menusel
{
    background-image: url(http://static.ugamela.com//img/bg1.gif);
}

.newmess
{
	background: url(?mode=game-res&gif=icon-new) 0px 4px;
	background-repeat: no-repeat;
	padding-left: 24px;
	padding-right: 4px;
}

.mess, #mess {
	overflow: auto;
	max-height: 25em;

}