/*******************************************************
 * GENERAL
 ***************************************************** */
.ui-effects-transfer {
	 /*border: 2px solid green;*/
	 background-image:url('../img/action/movement.png');
}

body#Upgrade {
	text-align:left;
}

div#MainContainer{
	background:#45423E;
	background-image:url("../img/web/battle-mc.png");
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 10px 10px 10px;
	border:1px solid black;
}

div.datos{
	float:left;
	width:500px;
}
/*Container de fotos en upgrades*/
div.container{
	margin:10px auto 4px;
	width:90%;
}
div.container img{
	margin:2px auto;
}
img.logo{
	float:right;
}
div.logo{
	/*float:right;*/
	/*display:block;
	margin-right:50px;
	margin-left:50px;*/
}
div.sponsor{
	margin-right:50px;
	margin-left:50px;
	margin-top:20px;
}
div.item{
	float:left;
	margin:30px 10px 10px 10px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
}
div.item a{
	color:black;
	display:block;
}

a{
	/*color:#AA55FF;*/
	color:#AAF;
	font-family:Arial;
	font-size:1.1em;
}
/*******************************************************
 * HEADER
 ***************************************************** */

#Options h1{
  padding:0;
  margin:0;
  display:inline;
}
#Options img{
  vertical-align:text-bottom;
}
/*
div#Header
{
	text-align:left;
	margin-bottom:10px;
}
	div#Header h1{
		padding:0px;
		margin:0px;
		font-size:3.5em;
	}

	div#Header img#HeaderTitle
	{
		float:right;	
		display:inline;
	}
	div#Header div#UpMenu{
		float:right;
		width:310px;
		
		margin-top:20px;
	}
	div#Header div#PlayerInfo{
		float:right;
		width:100px;
		
		margin-top:20px;
	}
	div#UpMenu h1{
		font-size:1.2em;
	}
	div#UpMenu a{
		text-decoration:none;
		font-size:1.2em;
		color:#01000E;
	}
*/  		
/*******************************************************
 * TERRENO
 ***************************************************** */
table.battle_map{
	/*border:1px solid #555555;*/
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	/*margin-right:10px;*/
	/*border:1px solid black;*/
	zoom:1;
	
}
table.battle_map tr{
}
table.battle_map td{
	width:60px;
	height:60px;
	/*font-size:0.7em;*/
	/*border:2px solid #555555;*/
	/*background:#ffffff;*/
}

table .t1{
	background:url(../img/terrain/grass.jpg);
}
table .t2{
	background:url(../img/terrain/rock.jpg);
}
table .t3{
	background:url(../img/terrain/dirt.jpg);
}
table .t4{
	background:url(../img/terrain/sea.jpg);
}

/*******************************************************
/*PATHFINDING
 ***************************************************** */
table.battle_map .path1{
	background:url(../img/terrain/grass_path.jpg);
}
table.battle_map .path2{
	background:url(../img/terrain/dirt_path.jpg);
}
table.battle_map .path3{
	background:url(../img/terrain/sea_path.jpg);
}
table.battle_map .path4{
	background:url(../img/terrain/rock_path.jpg);
}
/*
table.battle_map .t1.path{
	background:url(../img/terrain/grass_path.jpg);
}
table.battle_map .t2.path{
	background:url(../img/terrain/dirt_path.jpg);
}
table.battle_map .t3.path{
	background:url(../img/terrain/sea_path.jpg);
}
table.battle_map .t4.path{
	background:url(../img/terrain/rock_path.jpg);
}*/

/*******************************************************
/*MENUS
 ***************************************************** */

/*BATTLE REPORT*/
div#BattleReport{
	float:left;
	width:140px;
	height:540px;
	border:1px solid black;
	background:#333322;
	margin-right:10px;
	overflow:hidden;;
}
div#BattleReport div.report{
	/*border:1px solid orange;*/
	margin:7px 7px 7px;	
	background:#AA6644;
	padding:5px 5px 5px 5px;
	-moz-border-radius:10px 10px 10px 10px;
}
div#BattleReport div.report:hover{
	background:#AA66aa;
}
div#BattleReport h1{
	padding:0;
	margin:0;
	font-size:1.2em;
} 

div#BattleReport div.cause{
	display:inline;
	/*border:3px solid green;*/
}
div#BattleReport div.effect{
	display:inline;
	/*border:3px solid red;*/
}   
div#BattleReport div.action{
	display:inline;
	margin:0px 5px 0px 5px;
	/*border:3px solid red;*/
}  

	div.report div.title{
		/*background:#333322;*/
	}

	div.title img.cause{
		border:1px solid green;
	}
	div.title img.effect{
		border:1px solid red;
	}
		
	div.report ul{
		padding:0;
		margin:0;
		list-style:none;
		min-height:25px;
		clear:both;
		color:white;
		-moz-border-radius:10px 10px 10px 10px;
		margin-bottom:3px;
		padding-top:4px;
	}

	div.report ul.my{
		/*background:#45423E;*/	
		border:3px solid green;
		
	}
	
		ul img.unit{
			float:left;
			margin-left:10px;
			/*border:3px solid red;*/
		} 
	
	div.report ul.enemy{
		border:3px solid #991111;
		/*background:#45423E;*/
	}
	

/*BATTLE MSG*/
div#BattleMsg{
	background:#333322;
	border:1px solid black;
	width:595px;
	/*height:1.5em;*/
	font-size:0.9em;
	/*padding:2px 5px;*/
	height:45px;
	margin-left:150px;
	/*border:1px solid white;*/
	zoom:1;
}
div#BattleMsg p{
	/*background:#fff;*/
	padding:2px 3px 2px 32px;
	margin:0px;
	height:34px;
	font-weight:bolder;
}

div#BattleMsg p.success{
	color:white;
	border:4px solid green;
	background-image:url("../img/web/success.png");
	background-position:8px 4px;
	background-repeat:no-repeat;
}
div#BattleMsg p.error{
	color:white;
	border:4px solid red;
	background-image:url("../img/web/error.png");
	background-position:8px 4px;
	background-repeat:no-repeat;
}
div#BattleMsg p.warning{
	color:white;
	border:4px solid #AA0;
	background-image:url("../img/web/warning.png");
	background-position:8px 4px;
	background-repeat:no-repeat;
}


/*ARMY MENU*/
div#BattleMenu{
	/*border:1px solid #000;*/
	width:180px;
	float:right;
	margin-left:10px;
	/*display:none;*/
}
div#BattleMenu img.img-block{
	margin:10px 0px;
}

	div#ArmyInfo{
		background:#332;
		font-weight:bolder;
		text-align:center;
		padding-bottom:10px;
		border:1px solid black;
	}
	div#ArmyInfo div.xenoborder{
		margin-bottom:3px;
	}
	
		div.Stats{
			margin:2px 5px 2px 5px;
			padding:5px 0px 5px 0px;
			border:1px solid #fff;
			vertical-align:middle;
		}
		div.Attack{
			background-image:url(../img/stat/attack_small.gif);
			background-position:10px 5px;
			background-repeat:no-repeat;
		}
		div.Armor{
			background-image:url(../img/stat/armor_small.gif);
			background-position:10px 5px;
			background-repeat:no-repeat;
		}
		div.Life{
			background-image:url(../img/stat/life_small.gif);
			background-position:10px 5px;
			background-repeat:no-repeat;
		}
			
	div.portrait span{
		font-size:40px;
	}
	/*ARMY ACTIONS*/
	div#ArmyActions{
		background:#332;
		padding:2px 3px 3px;
		margin-top:10px;
		/*height:150px;*/
		font-weight:bolder;
		text-align:center;
		border:1px solid black;
	}	
	div#ArmyActions h3{
		padding:1px;
		margin:1px;
		font-size:1.0em;
	}	
	div#ArmyActions p.action{
		-moz-border-radius:5px;
		border:5px outset white;
		
		/*border-top:5px ridge white;
		border-bottom:5px groove white;
		border-left:20px ridge white;
		border-right:20px groove white;*/
		cursor:pointer;
		font-size:1.0em;
		font-weight:normal;
		padding:0px 10px 0px 10px;
	}
	div#ArmyActions p.selected{
		background:#00AAEE;
		background-image:url("../img/web/xeno_action_bg.png");
		background-repeat:no-repeat;
		background-position:top;
	}

/*ARMY ACTIONS*/
div#Sword.animation{
	position:absolute;
	/*background:red;*/
}	
/*animation*/
div.animation{
	border:#f00 solid 1px;
	background:black;
	height:25px;
	width:25px;
}			

	/*coutndown*/
	div.countdown_wrapper{
		position:absolute;
		/*left:-45px;*/
		/*top:-50px;*/
		z-index:99;
		width:50px;
		height:50px;
		/*display:inline;*/
	}
	div.false_wrapper{
		position:absolute;
		left:0px;
		top:0px;
		z-index:99;
		float:left;
		/*display:inline;*/
		background:black;
		border-left:1px solid red;
		border-bottom:1px solid red;
		border-top:none;
		border-right:none;
	}
	
	div.countdown{
		/*position:absolute;*/
		border:#f00 solid 1px;
		background:black;
		font-size:0.6em;
	}
	
	span.demoA{
		display:block;
		width:10px;
		height:10px;
		left:1px;
		top:1px;
		color:#FF0000;
	}
/*UNITS ACTIONS*/
img.unit{
	cursor:pointer;
	padding:1px;
}
img.selected{
	background:yellow;
}
img.unit.ally{
	outline:3px ridge #99FF22;
	*border:3px ridge #99FF22;
}
img.unit.enemy{
	outline:3px ridge red;
	*border:3px ridge red;
}
img.unit.my_highlight{
	background:green;
}
img.unit.enemy_highlight{
	background:red;
}
img.waitIcon{
	position:absolute;
}

div.doodad{
	position:absolute;
	left:1px;
	top:1px;
	z-index:100;
	/*float:left;*/
}

/*UNITS ACTIONS*/
div.unitInfo{
	border:2px solid #AAA;
	background:white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight:bolder;
	padding-bottom:10px;
	text-align:center;
	width:140px;
	color:black;
	position:absolute;
	left:1px;
	right:1px;
	z-index:100;	
	opacity: 0.75;
  -moz-opacity: 0.75; /* older Gecko-based browsers */
  filter:alpha(opacity=75); /* For IE6&7 */
}


/****************************************************************
UNITS REINFORCEMENT - Players
*****************************************************************/
div#Reinforcement{
	border:1px solid black;
	background:#45423E;
	background-image:url("../img/web/battle-mc.png");
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div#Reinforcement ul#Players{
	list-style:none;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0px;
	zoom:1;
}
div#Reinforcement ul#Players li{
	display:inline;
	padding:4px 6px 0px 6px;
	margin:0px 0px 0px 0px;
	background:#D09984;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
}
div#Reinforcement ul#Players li:hover{
	background:white; 
	color:black;
	cursor:pointer;
}
div#Reinforcement ul#Players li.selected{
	background:white; 
	color:black;
}
/****************************************************************
UNITS REINFORCEMENT - Units
*****************************************************************/
div#Reinforcement ul#Units{
	border-bottom:1px solid black;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	background:white;
	position:relative;
	zoom:1;
	overflow:hidden;
	font-size:0.9em;
	font-weight:normal;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
}
div#Reinforcement ul#Units li{
	cursor:pointer;
	border:2px solid black;
	background:#D09984;
	height:60px;
	float:left;
	margin:5px;
	padding:5px 5px 8px 5px;
	zoom:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div#Reinforcement ul#Units li:hover{
	background:#87442B;
	color:#E8C6B9;
}
div#Reinforcement ul#Units li.selected{
	background:#87442B;
	color:white;
}


div#Reinforcement ul#Units li span{
	display:block;
}