#invite-to-battle	{
	min-width:900px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
#battle-field	{
	min-width:880px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	min-height:250px;
	padding:20px;
	background-image:url(imgs/bg/black_50f.png);
}
#block-matrix	{
	min-width:845px;
	min-height:900px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background-image:url(imgs/matrix/blocks.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#AA8A55;
	font-size:1.2em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-shadow:#AA8A55 0 0 7px;
}

#defense-field	{
	float:left;
	padding:15px;
	width:250px;
	height:305px;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
	box-shadow:0px 0px 17px #666666;
}
#defense-drg	{
	width:250px;
	height:30px;
	color:#33AA77;
	font-size:1.25em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-align:center;
	text-shadow:#33CC99 0 0 2px;
}
.def_cell	{
	float:left;
	width:48px;
	height:48px;
	border:#444444 solid 1px;
}
.def_cell:hover	{
	background-color:#009966;
	cursor:pointer;
	transition: all .1s ease-out;
	border:#00BB77 solid 1px;
	box-shadow:0px 0px 17px #009966;
	opacity: 0.75;
    filter: alpha(Opacity=75);
}
.def_cell_active	{
	float:left;
	width:48px;
	height:48px;
	background-color:#008855;
	border:#006644 solid 1px;
	box-shadow:0px 0px 17px #008855;
	opacity: 0.6;
    filter: alpha(Opacity=60);
}
.def_cell_passive	{
	float:left;
	width:48px;
	height:48px;
	background-color:#809080;
	border:#006644 solid 1px;
	box-shadow:0px 0px 17px #809080;
	opacity: 0.6;
    filter: alpha(Opacity=60);
}

#attack-field	{
	float:right;
	padding:15px;
	width:250px;
	height:305px;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
	box-shadow:0px 0px 17px #666666;
}
#attack-drg	{
	width:250px;
	height:30px;
	color:#CC0000;
	font-size:1.25em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-align:center;
	text-shadow:#CC0000 0 0 2px;
}
.attack_cell {
	float:left;
	width:48px;
	height:48px;
	border:#444444 solid 1px;
}
.attack_cell:hover	{
	background-color:#D00000;
	cursor:pointer;
	transition: all .1s ease-out;
	border:#DD0000 solid 1px;
	box-shadow:0px 0px 17px #D00000;
	opacity: 0.75;
    filter: alpha(Opacity=75);
}
.attack_cell_active	{
	float:left;
	width:48px;
	height:48px;
	background-color:#C00000;
	border:#800000 solid 1px;
	box-shadow:0px 0px 17px #C00000;
	opacity: 0.6;
    filter: alpha(Opacity=60);
}
.attack_cell_passive	{
	float:left;
	width:48px;
	height:48px;
	background-color:#988080;
	border:#800000 solid 1px;
	box-shadow:0px 0px 17px #988080;
	opacity: 0.5;
    filter: alpha(Opacity=50);
}

.empty_cell	{
	float:left;
	width:50px;
	height:50px;
}

.last_dmg_cell	{
	float:left;
	width:50px;
	height:50px;
	color:#C00000;
	font-size:1.1em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-shadow:#CC0000 0 0 7px;
	text-align:left;
}
.last_loss_cell	{
	float:left;
	width:50px;
	height:50px;
	color:#C00000;
	font-size:1.1em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-shadow:#CC0000 0 0 7px;
	text-align:right;
}


#drg-race-cell-att	{
	background-position:center;
	background-repeat:no-repeat;
}
#drg-race-cell-def	{
	background-position:center;
	background-repeat:no-repeat;
}
.drg_level_cell	{
	float:left;
	width:50px;
	height:36px;
	padding-top:14px;
		-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;
	color:#FFFFFF;
	font-size:1.3em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	text-shadow:#FFFFFF 0 0 3px;
}

#battle-panel	{
	margin-left:300px;
	margin-right:300px;
	min-height:365px;
	font-size:1.0em;
	text-align:center;
}
.battle_status	{
	color:#CCCCCC;
	font-size:1.50em;
	font-family: 'Philosopher', sans-serif;
	text-align:center;
}
.battle_status.inseach	{
	color:#66C6F6;
	text-shadow:#66C6F6 0 0 3px;
}
.battle_status.yourmove	{
	color:#F09000;
	text-shadow:#FCCC00 0 0 3px;
}
.battle_status.refresh	{
	color:#66C6F6;
	text-shadow:#66C6F6 0 0 3px;
}
.battle_status.result	{
	color:#00AAAA;
	text-shadow:#00AAAA 0 0 3px;
}
.battle_status.warning	{
	color:#F00000;
	text-shadow:#F00000 0 0 3px;
}

.but_submit_move	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 21px 9px 18px;
	color:#FFFFFF;
	background-color:#F06000;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 23px #F06000;
	text-align:center;
	border:#F06000 solid 0px;
	text-decoration:none;
}
.but_submit_move:hover	{
	color:#FFFFFF;
	background-color:#FF9933;
	cursor:pointer;
		box-shadow:0px 0px 37px #FF9933;
	transition: all .3s ease-out;
}
.battle_title	{
	margin-top:25px;
	color:#999999;
	font-size:1.25em;
	font-family: 'Philosopher', sans-serif;
	text-align:center;
}
#battle-box	{
	margin-top:11px;
	padding:11px;
		-moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;
	box-shadow:0px 0px 3px #666666;
}
#battle-log	{
	height:200px;
    overflow: auto;
	overflow-x: hidden; overflow-y: hidden;
	color:#808080;
	font-size:1.0em;
	font-family: "Courier New", Courier, monospace;
	text-align:left;
}
#battle-log:hover	{
	overflow-y: auto;
}
.separat_step_line	{
	clear:both;
	height:2px;
	border-top:1px #202020 solid;
}
#status-button-box	{
}
.but_refresh	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 21px 9px 18px;
	color:#F0F0F0;
	background-color:#3090C0;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 23px #3399CC;
	text-align:center;
	border:#F06000 solid 0px;
	text-decoration:none;
}
.but_refresh:hover	{
	color:#FFFFFF;
	background-color:#60C0F0;
	cursor:pointer;
		box-shadow:0px 0px 37px #66C6F6;
	transition: all .3s ease-out;
}
.but_waiting_move	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 21px 9px 18px;
	color:#F0F0F0;
	background-color:#876598;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 23px #8C699C;
	text-align:center;
	border:#876598 solid 0px;
	text-decoration:none;
}
.but_waiting_move:hover	{
	color:#FFFFFF;
	background-color:#AA55BB;
	cursor:pointer;
		box-shadow:0px 0px 37px #9966AA;
	transition: all .3s ease-out;
}
.but_reanimate	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 21px 9px 18px;
	color:#F0F0F0;
	background-color:#009090;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 23px #009999;
	text-align:center;
	border:#009090 solid 0px;
	text-decoration:none;
}
.but_reanimate:hover	{
	color:#FFFFFF;
	background-color:#00CCCC;
	cursor:pointer;
		box-shadow:0px 0px 37px #00CCCC;
	transition: all .3s ease-out;
}
.but_quick_esc	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 21px 9px 18px;
	color:#F0F0F0;
	background-color:#666666;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 23px #666666;
	text-align:center;
	border:#900000 solid 0px;
	text-decoration:none;
}
.but_quick_esc:hover	{
	color:#FFFFFF;
	background-color:#A0A0A0;
	cursor:pointer;
		box-shadow:0px 0px 37px #A0A0A0;
	transition: all .3s ease-out;
}

.cmb_health_box	{
	padding:10px 0px 0px 0px;
	height:15px;
	color:#008040;
	font-size:0.9em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-shadow:#008040 0 0 2px;
}
.cmb_health	{
	float:left;
}
.cmb_full_health	{
	float:right;
}
.full_health_bar	{
	margin-top:1px;
	margin-left:73px;
	margin-right:73px;
	height:9px;
	padding:1px;
	border:1px #008040 solid;
	box-shadow:0px 0px 4px #008040;
}
.health_bar_progress	{
	float:left;
	width:100px;
	height:9px;
	background-color:#008040;
}
.cmb_move_time	{
	margin-right:5px;
	padding-top:5px;
	padding-bottom:2px;
	float:left;
	font-size:0.8em;
}
.cmb_move_damage	{
	padding-top:2px;
	padding-bottom:2px;
	font-family: 'Philosopher', sans-serif;
	color:#00C030;
	text-shadow:#00C030 0 0 5px;
	white-space:nowrap;
	text-align:left;
}
.cmb_move_loss	{
	padding-top:2px;
	padding-bottom:2px;
	font-family: 'Philosopher', sans-serif;
	color:#E00000;
	text-shadow:#E00000 0 0 5px;
	white-space:nowrap;
	text-align:left;
}
.fighter_name	{
	padding:5px 0px 0px 0px;
	height:16px;
	color:#F0F0F0;
	font-size:1.2em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
	text-shadow:#F0F0F0 0 0 7px;
	text-align:center;
}
.fighter_name	{
	color:#FFFFFF;
	text-shadow:#FFFFFF 0 0 17px;
}

.esc_button	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 18px 9px 18px;
	color:#C00000;
	background-color:#110011;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 17px #FF6666;
	text-align:center;
	border:#C00000 solid 0px;
	text-decoration:none;
}
.esc_button:hover	{
	color:#FF0000;
	background-color:#000000;
	cursor:pointer;
		box-shadow:0px 0px 29px #FFCCCC;
	transition: all .3s ease-out;
}

#escape-message	{
	margin-top:25px;
	color:#FCCFFF;
	font-size:1.0em;
	font-family: 'Philosopher', sans-serif;
	text-align:center;
}

.my_reward	{
	color:#FFAA33;
	font-size:1.5em;
	font-family: 'Philosopher', sans-serif;
	font-weight:400;
	text-shadow:#FFAF3F 0 0 13px;
	text-align:center;
}

.dragon_param_box	{
	clear:both;
	margin-top:35px;
	width:250px;
	text-align:center;
}
.power_full_value	{
	float:left;
	width:50px;
	margin-left:6px;
	margin-right:6px;
	padding:0px;
	text-align:left;
	background-color:#104000;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
		box-shadow:0px 0px 11px #708010;
}
.stamina_full_value	{
	float:left;
	width:50px;
	margin-left:6px;
	margin-right:6px;
	padding:0px;
	text-align:left;
	background-color:#0040A0;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
		box-shadow:0px 0px 11px #0080E0;
}
.reaction_full_value	{
	float:left;
	width:50px;
	margin-left:6px;
	margin-right:6px;
	padding:0px;
	text-align:left;
	background-color:#601090;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
		box-shadow:0px 0px 11px #A050D0;
}
.intellect_full_value	{
	float:left;
	width:50px;
	margin-left:6px;
	margin-right:6px;
	padding:0px;
	text-align:left;
	background-color:#A00000;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
		box-shadow:0px 0px 11px #E02000;
}
.power_value	{
	padding:0px;
	margin-right:auto;
	color:#CCCCCC;
	font-size:0.75em;
	font-weight:700;
	text-align:center;
	background-color:#406010;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.stamina_value	{
	padding:0px;
	margin-right:auto;
	color:#CCCCCC;
	font-size:0.75em;
	font-weight:700;
	text-align:center;
	background-color:#0060C0;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.reaction_value	{
	padding:0px;
	margin-right:auto;
	color:#CCCCCC;
	font-size:0.75em;
	font-weight:700;
	text-align:center;
	background-color:#8030B0;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.intellect_value	{
	padding:0px;
	margin-right:auto;
	color:#CCCCCC;
	font-size:0.75em;
	font-weight:700;
	text-align:center;
	background-color:#C00000;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

.help_blocks	{
	margin-top:10px;
	margin-bottom:10px;
	padding:9px 18px 9px 18px;
	color:#AABB99;
	background-color:#003300;
	font-size:1.33em;
	font-family: 'Philosopher', sans-serif;
	font-weight:700;
		-moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;
		box-shadow:0px 0px 13px #AABB99;
	text-align:center;
	border:#AABB99 solid 0px;
	text-decoration:none;
}
.help_blocks:hover	{
	color:#FFFFF0;
	background-color:#006600;
	cursor:pointer;
		box-shadow:0px 0px 29px #BBFF99;
	transition: all .3s ease-out;
}