/*
	Package: gg.client
	Version: 1.0.0

	(c) 2010-2014 univentic UG (http://univentic.com)
	
	This file is subject to the terms and conditions defined in file 'copyright.txt', which is part of this source code package.
*/

@font-face {
    font-family: mini7tight;
    src: url('fonts/mini7tight.ttf');
}

@font-face {
    font-family: mini7;
    src: url('fonts/mini7.ttf');
}

@font-face {
    font-family: mini7;
    src: url('fonts/mini7b.ttf');
    font-weight: bold;
}

/* disable all unneccessary events */
#wonderWrapper {
    pointer-events: none;
}

#toolWrapper {
    pointer-events: none;
}

#imageWrapper {
    pointer-events: none;
}

#nameWrapper {
    pointer-events: none;
}

#popWrapper {
    pointer-events: none;
}

#fortWrapper {
    pointer-events: none;
}

#infoWrapper {
    pointer-events: none;
}

/************************************************************/
/* Field */

#fieldWrapper g {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0.85;
}

#fieldWrapper path.eventarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
}

.field {
    stroke: #000000;
    stroke-width: 1.3;
}

.field_highlight {
    stroke: #cccccc;
    stroke-width: 2;
}

.field_highlight3 {
    stroke: #cccccc;
    stroke-width: 3;
}

.field_highlight4 {
    stroke: #cccccc;
    stroke-width: 4;
}

.field_highlight5 {
    stroke: #cccccc;
    stroke-width: 5;
}

.field_highlight6 {
    stroke: #cccccc;
    stroke-width: 6;
}

.field_highlight7 {
    stroke: #cccccc;
    stroke-width: 7;
}

.field_highlight8 {
    stroke: #cccccc;
    stroke-width: 8;
}

.field_highlight_max {
    stroke: #ffffff;
    stroke-width: 8;
    opacity: 1;
}

.field_highlight_min {
    stroke: #999999;
    stroke-width: 1.3;
}

.field_focus {
    stroke: #bbbbbb;
    stroke-width: 3;
}

.field_focus_game {
    stroke: #bbbbbb;
    stroke-width: 2;
}

.field.sea {
    fill-opacity: 0; /* using fill:none disables selection */
    stroke-dasharray: 2;
    stroke-width: 1;
}

.field.sea .island {
    fill-opacity: 0.3;
    stroke-width: 0.3;
    stroke-dasharray: 0;
}

.field.glacier {
    fill-opacity: 0; /* using fill:none disables selection */
    stroke-dasharray: 2;
    stroke-width: 1;
}

.field.goldmountain {
    fill-opacity: 0; /* using fill:none disables selection */
    stroke-dasharray: 2;
    stroke-width: 1;
}

/************************************************************/
/* Name */

#nameWrapper {
    font-family: mini7tight;
    font-size: 7px;
    font-weight: normal;
}

#nameWrapper text {
    font-weight: normal;
    text-anchor: middle;
    fill: #aaa;
    fill-opacity: 1;
    dominant-baseline: central;
    cursor: default;
    text-rendering: optimizeLegibility;
}

svg.scale5 #nameWrapper text {
}

svg.scale6 #nameWrapper text {
}

svg.scale7 #nameWrapper text {
}

svg.scale8 #nameWrapper text {
}

svg.scale9 #nameWrapper text {
}

svg.scale10 #nameWrapper text {
}

svg.scale11 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 8px;
}

svg.scale12 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 8px;
}

svg.scale13 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 8px;
}

svg.scale14 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
}

svg.scale15 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
}

svg.scale16 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
}

svg.scale17 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
}

svg.scale18 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}

svg.scale19 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}

svg.scale20 #nameWrapper text {
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}

#nameWrapper rect {
    fill: #555555;
    fill-opacity: 0.8;
    stroke: #000000;
    stroke-width: 0;
}

/************************************************************/
/* Pop */

#popWrapper {
    font-family: mini7tight;
    font-size: 7px;
    font-weight: normal;
}

#popWrapper text {
    font-weight: normal;
    text-anchor: left;
    fill: #999999;
    fill-opacity: 1;
    dominant-baseline: central;
    cursor: default;
    letter-spacing: 300%;
    text-rendering: optimizeLegibility;
}

#popWrapper text.dev {
    fill: #6f94cb;
}

#popWrapper text.adv {
    fill: #cbbf6f;
}

#popWrapper text.sup {
    fill: #cb4d00;
}

svg.scale5 #popWrapper text {
}

svg.scale6 #popWrapper text {
}

svg.scale7 #popWrapper text {
}

svg.scale8 #popWrapper text {
}

svg.scale9 #popWrapper text {
}

svg.scale10 #popWrapper text {
}

svg.scale11 #popWrapper text {
}

svg.scale12 #popWrapper text {
}

svg.scale13 #popWrapper text {
}

svg.scale14 #popWrapper text {
}

svg.scale15 #popWrapper text {
}

svg.scale16 #popWrapper text {
}

svg.scale17 #popWrapper text {
}

svg.scale18 #popWrapper text {
}

svg.scale19 #popWrapper text {
}

svg.scale20 #popWrapper text {
}

#popWrapper rect {
    fill: #333333;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 1;
}

/************************************************************/
/* Info */

#infoWrapper text {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-stretch: normal;
    text-align: center;
    text-anchor: middle;
    fill: #eeeeee;
    fill-opacity: 1;
    stroke: none;
    dominant-baseline: auto;
    cursor: default;
    text-rendering: optimizeLegibility;
}

#infoWrapper rect {
    fill: #ee0000;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 1;
}

/************************************************************/
/* Prod */

#imageWrapper .prod {

}

/************************************************************/
/* Tool */

#toolWrapper .tool_arrow {
    fill: #aaaaaa;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 1;
}

#toolWrapper .tool_arrow.offense {
    fill: #aa0000;
}

#toolWrapper .tool_arrow.defense {
    fill: #00aa00;
}

#toolWrapper .tool_arrow.team {
    fill: #0000aa;
}

#toolWrapper text {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-stretch: normal;
    text-align: center;
    text-anchor: middle;
    fill: #ffffff;
    fill-opacity: 1;
}

.tool_lightning {
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 8;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

/************************************************************/
/* Wonder */

.wonder {
    fill: #dfdfdf;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: round;
    stroke-miterlimit: 0;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

#wonder_statueofzeus {
    stroke-width: 5;
}

#wonder_greatwall {
    stroke-width: 0.5;
}

.wonder_templeofheaven {
    stroke: #dfdfdf;
}

.wonder_templeofartemis {
    stroke-width: 5;
    stroke: #dfdfdf;
}